.server-panel{margin:18px 0 22px;padding:14px 15px;background:#f7f9f2;border:1px solid #e1e6d8;border-radius:10px}.server-panel>.eyebrow{font-size:10px}.server-panel .small{font-size:12px;line-height:1.6;margin:7px 0 12px}.server-public-link{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere;text-underline-offset:4px}.server-panel .text-button{margin-top:5px}.account-connected .server-panel{padding:12px 14px}.account-connected #server-mode-label{display:none}.account-connected .server-panel .small{margin:0}.account-connected #server-actions{margin-top:7px}.unavailable-panel{padding:40px 24px;background:white;min-height:60dvh}.unavailable-panel h2{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin:35px 0 18px}.unavailable-panel>p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:30px}.loading-public .profile-page{visibility:hidden}html:not([data-ready="true"]) .profile-page{visibility:hidden}.visitor-preview .unavailable-panel{min-height:100dvh}#share-link-section{padding-bottom:16px;border-bottom:1px solid var(--line)}#share-link-section input{font-size:12px}#share-link-section>.button{margin-top:10px}#published-share-section{padding:16px 0;border-bottom:1px solid var(--line)}#published-share-image{display:block;width:160px;height:auto;object-fit:contain;margin:14px auto;border:1px solid var(--line);border-radius:8px}#published-share-section .small{font-size:12px;line-height:1.6}.share-dialog{max-height:90dvh}
/* Publication controls are full-size actions, including on narrow screens. */
#server-actions{display:grid;gap:10px;margin-top:14px}.server-public-link{font-size:13px;min-height:52px;line-height:1.45}.unpublish-button{min-height:52px;background:#fff5f2;border:1px solid #ead6ce;color:#984936;font-size:13px}#published-share-section{display:flex;flex-direction:column}#share-telegram{order:-2;min-height:54px;margin-bottom:12px}#telegram-share-note{order:-1}
.startup-panel{max-width:520px;margin:10dvh auto;padding:32px 24px;text-align:center}.startup-panel h1{font-size:26px;line-height:1.25}.startup-panel p{font-size:15px;line-height:1.6;color:var(--muted)}.startup-panel .button{display:block;margin:14px auto;max-width:340px}.startup-panel [hidden]{display:none}.startup-spinner{display:block;width:30px;height:30px;margin:0 auto 24px;border:3px solid #e1e6d8;border-top-color:#527140;border-radius:50%;animation:card-startup-spin .8s linear infinite}.startup-error .startup-spinner{display:none}.card-starting .workspace,.card-starting .workspace-mode,.card-starting .quick-share,.card-starting .editor-actions{display:none!important}@keyframes card-startup-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.startup-spinner{animation:none}}

/* Telegram fullscreen: reserve device cutouts and the native window controls. */
:root{--card-safe-top:max(env(safe-area-inset-top,0px),calc(var(--card-tg-safe-top,0px) + var(--card-tg-content-top,0px)));--card-safe-bottom:max(env(safe-area-inset-bottom,0px),calc(var(--card-tg-safe-bottom,0px) + var(--card-tg-content-bottom,0px)));--card-safe-left:max(env(safe-area-inset-left,0px),calc(var(--card-tg-safe-left,0px) + var(--card-tg-content-left,0px)));--card-safe-right:max(env(safe-area-inset-right,0px),calc(var(--card-tg-safe-right,0px) + var(--card-tg-content-right,0px)));--card-header-height:72px}
body{padding-bottom:calc(135px + var(--card-safe-bottom));padding-left:var(--card-safe-left);padding-right:var(--card-safe-right)}
.topbar{height:calc(var(--card-header-height) + var(--card-safe-top));padding-top:var(--card-safe-top)}
.editor-actions{padding-bottom:calc(16px + var(--card-safe-bottom))}
.workspace-view-preview:not(.visitor-preview) .quick-share{padding-bottom:calc(12px + var(--card-safe-bottom))}
.editor-actions,.quick-share{padding-left:max(16px,var(--card-safe-left),calc((100vw - 1220px)/2));padding-right:max(16px,var(--card-safe-right),calc((100vw - 1220px)/2))}
.workspace-view-preview:not(.visitor-preview) .quick-share{padding-left:max(20px,var(--card-safe-left),calc((100vw - 580px)/2));padding-right:max(20px,var(--card-safe-right),calc((100vw - 580px)/2))}
.editor,.workspace-view-preview .preview-area{animation:card-view-in .16s ease both}
.visitor-preview .preview-area{animation:none}
.card-keyboard-open .editor-actions,.card-keyboard-open .quick-share{display:none!important}
@keyframes card-view-in{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){:root{--card-header-height:58px}body{padding-bottom:calc(150px + var(--card-safe-bottom))}.workspace-mode{top:calc(var(--card-header-height) + var(--card-safe-top))}.editor-actions{padding-bottom:calc(11px + var(--card-safe-bottom))}}
@media(prefers-reduced-motion:reduce){.editor,.workspace-view-preview .preview-area{animation:none}}