#cloud-panel{margin:20px 0 0;padding-top:16px;border-top:1px dashed #ece4d440;font-size:14px;line-height:1.7;color:inherit}
#cloud-panel p{margin:10px 0;overflow-wrap:anywhere}
#cloud-panel .cloud-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#cloud-panel button,.share-preview button,.share-preview a{font:inherit;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #ece4d455;border-radius:4px;background:transparent;color:inherit;cursor:pointer;text-align:center}
#cloud-panel button:disabled{opacity:.5;cursor:wait}
#cloud-panel [role=alert]{color:#ffb6a5}
#cloud-panel .cloud-hint{font-size:12px;color:#b5ab99}
#cloud-panel a{display:inline-block;min-height:44px;padding:10px 0}
#cloud-panel :focus-visible{outline:2px solid currentColor;outline-offset:3px}
.calendar-actions{display:grid;gap:10px;margin-top:16px}
#cloud-panel .calendar-actions button:first-child{background:#f3eee5;color:#1d1a16;border-color:#f3eee5}
#cloud-panel summary{min-height:44px;padding-top:12px}
.save-state{color:#d9b77a}
.share-preview{width:min(94vw,640px);max-height:90dvh;padding:24px;border:1px solid #665b48;border-radius:8px;background:#1d1a16;color:#f3eee5}
.share-preview::backdrop{background:#000b}
.share-preview img{display:block;width:100%;height:auto;margin:20px 0 10px}
.share-preview p{margin:12px 0}
.share-preview a{display:block;margin:10px 0 24px}
.share-preview button{margin:8px 8px 0 0}