.ph-callout-layer{z-index:20;pointer-events:none;position:absolute;inset:0}.ph-callout-layer[hidden]{display:none}.ph-callout-layer.dim{pointer-events:auto;background:#0b0e148c;place-items:center;padding:16px;animation:.25s ease-out ph-fade;display:grid}.ph-callout{--ph-callout-colour:#e0a100;pointer-events:auto;color:#1f262d;text-align:left;border-left:5px solid var(--ph-callout-colour);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;width:min(340px,100% - 16px);padding:14px 16px 14px 14px;font:15px/1.45 -apple-system,system-ui,Segoe UI,sans-serif;animation:.35s cubic-bezier(.22,1,.36,1) ph-callout-in;display:flex;position:absolute;box-shadow:0 12px 32px #0b0e1452}.ph-callout.warning{--ph-callout-colour:#d9480f}.dim>.ph-callout{width:min(420px,100%);padding:18px 20px 18px 16px;font-size:16px;position:relative}.ph-callout-symbol{width:38px;height:38px;color:var(--ph-callout-colour);flex:none}.ph-callout-icon{width:100%;height:100%;overflow:visible}.ph-callout-body{flex:1;min-width:0}.ph-callout-body strong{color:var(--ph-callout-colour);letter-spacing:.06em;text-transform:uppercase;font-size:13px;display:block}.ph-callout.warning .ph-callout-body strong{color:#b23a0b}.ph-callout.tip .ph-callout-body strong{color:#8a6300}.ph-callout-body p{white-space:pre-line;overflow-wrap:anywhere;margin:2px 0 10px}.ph-callout-ok{font:inherit;cursor:pointer;color:#fff;background:#2f3740;border:0;border-radius:999px;padding:5px 16px;font-size:14px;font-weight:600}.ph-callout-ok:hover{background:#1f262d}.waiting .ph-callout-ok{animation:1.6s ease-in-out .3s infinite ph-nudge}.ph-callout-arrow{background:#fff;width:14px;height:14px;display:none;position:absolute;transform:rotate(45deg)}.ph-callout.below .ph-callout-arrow,.ph-callout.above .ph-callout-arrow,.ph-callout.right .ph-callout-arrow,.ph-callout.left .ph-callout-arrow{display:block}.ph-callout.below .ph-callout-arrow{top:-7px;left:calc(var(--arrow) - 7px)}.ph-callout.above .ph-callout-arrow{bottom:-7px;left:calc(var(--arrow) - 7px)}.ph-callout.right .ph-callout-arrow{left:-10px;top:calc(var(--arrow) - 7px);background:var(--ph-callout-colour)}.ph-callout.left .ph-callout-arrow{right:-7px;top:calc(var(--arrow) - 7px)}.tip .ph-glow{fill:currentColor;opacity:.22;transform-origin:12px 10px;animation:1.8s ease-in-out infinite ph-glow}.tip .ph-bulb{fill:currentColor;animation:.6s ease-out both ph-light}.tip .ph-base{fill:none;stroke:#5e6a75;stroke-width:1.8px;stroke-linecap:round}.warning .ph-callout-icon{transform-origin:12px 20px;animation:.7s ease-in-out .15s both ph-shake}.warning .ph-tri{fill:currentColor}.warning .ph-mark{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;animation:1.4s ease-in-out .9s infinite ph-blink}@keyframes ph-fade{0%{opacity:0}}@keyframes ph-callout-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes ph-glow{0%,to{opacity:.12;transform:scale(.75)}50%{opacity:.35;transform:scale(1.15)}}@keyframes ph-light{0%{opacity:.25}}@keyframes ph-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}}@keyframes ph-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes ph-nudge{0%,70%,to{transform:none}80%{transform:translateY(-2px)}90%{transform:none}}@media (prefers-reduced-motion:reduce){.ph-callout,.ph-callout-layer.dim,.ph-callout-icon,.ph-callout-icon *,.ph-callout-ok{animation:none!important}}:root{--bg:#f1f4f6;--surface:#fff;--surface-2:#f1f4f6;--text:#1f262d;--heading:#2f3740;--muted:#56606a;--border:#e1e6ea;--border-strong:#8b9aa7;--accent:#c4122f;--accent-text:#fff;--accent-soft:#fde8eb;--press:#2f3740;--press-text:#fff;--ease:cubic-bezier(.22, 1, .36, 1);--link-bg:#fff1c2;--link-border:#e0a800;--hover-ring:#2563eb;--ok:#1b7a3a;--error:#b42318;--warn:#9a6700;--focus:#2563eb;--radius:10px;--shadow:0 6px 18px #2f37400f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#12151c;--surface:#1b1f29;--surface-2:#242a36;--text:#e7eaf0;--heading:#f3f5f8;--muted:#9aa3b2;--border:#2f3646;--border-strong:#5e6a75;--press:#e7eaf0;--press-text:#12151c;--accent:#f0566e;--accent-text:#12151c;--accent-soft:#3a1d24;--link-bg:#4a3b0c;--link-border:#d4a017;--hover-ring:#60a5fa;--ok:#5ccf86;--error:#ff8a80;--warn:#e3b341;--focus:#60a5fa;--shadow:0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}a{color:var(--accent);text-underline-offset:.15em}a:hover{color:var(--text)}code,pre{font-family:Cascadia Code,Consolas,ui-monospace,monospace;font-size:.86em}h1,h2,h3{color:var(--heading);letter-spacing:-.01em;font-weight:600;line-height:1.25}h1{margin:0 0 12px;font-size:24px}h2{margin:28px 0 12px;font-size:18px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button,.button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background .25s, color .25s, border-color .25s, transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--border-strong);color:var(--text)}button:disabled{opacity:.55;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--press);border-color:var(--press);color:var(--press-text)}button.danger{color:var(--error)}button.link{color:var(--accent);background:0 0;border:0;padding:4px 6px;font-weight:500}button.link:hover:not(:disabled){color:var(--text)}.pill-button{border-radius:999px;padding:6px 16px;box-shadow:0 6px 16px #c4122f38}.pill-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #2f374040}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid #c5cdd4;border-radius:8px;width:100%;padding:7px 10px}@media (prefers-color-scheme:dark){input,select,textarea{border-color:var(--border)}}textarea{resize:vertical}label{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:600;display:block}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--error)}.ok{color:var(--ok)}.warn{color:var(--warn);font-size:13px}.banner{background:var(--surface);border:1px solid var(--error);border-radius:var(--radius);padding:10px 14px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.grow{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.pill{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.pill.accent{background:var(--accent-soft);color:var(--accent)}.snippet{background:var(--surface-2);border-radius:6px;padding:10px 12px;overflow-x:auto}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;min-height:64px;padding:12px 20px;display:flex}.brand{color:var(--heading);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.topbar .brand{font-size:16px}.signin-card .brand{gap:12px}.topbar nav{flex-wrap:wrap;flex:1;gap:2px;display:flex}.topbar .who{text-overflow:ellipsis;white-space:nowrap;max-width:30vw;overflow:hidden}.workspace-switch,.workspace-name{background:var(--surface-2);width:auto;max-width:220px;color:var(--heading);border-radius:999px;padding:3px 12px;font-size:14px;font-weight:600}.workspace-switch{border-color:#0000}.workspace-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.signin-card{gap:14px;width:min(400px,100%);display:grid}.signin-card h1{margin:0}.invite-banner{background:var(--accent-soft);border-radius:6px;margin:0;padding:10px 12px}.button.google{justify-content:center;padding:9px 12px;font-weight:600}.or{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--border);flex:1}.email-form{gap:8px;display:grid}.email-form label{margin:0}.sent{gap:8px;display:grid}.sent p{margin:0}.token-signin{border-top:1px solid var(--border);padding-top:10px}.invite-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.invite-form>div{min-width:160px}.inline-form{margin-bottom:8px}.topbar nav a{color:var(--text);padding:6px 12px;font-size:15px;text-decoration:none}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--accent)}.topbar nav a[aria-current=page]{font-weight:600}.page{max-width:960px;margin:0 auto;padding:24px 16px 60px}.page.narrow{max-width:640px}.signin{place-items:center;min-height:100vh;padding:16px;display:grid}.signin form{gap:10px;width:min(380px,100%);display:grid}.signin h1{margin:0}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.list li:first-child{border-top:0}.list-main{flex:0 auto;font-weight:600}.list li .muted{flex:1;min-width:200px;font-size:13px}.new-recording{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.new-recording>div{min-width:180px}.start-link{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}section .card{margin-bottom:14px}.editor{padding:0 0 60px}.editor-bar{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.button.back{white-space:nowrap;padding-left:10px}.button.back svg{fill:none;width:20px;height:20px;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}.button.back:hover svg{transform:translate(-3px)}.title-input{background:0 0;border-color:#0000;flex:260px;font-size:17px;font-weight:600}.title-input:hover,.title-input:focus{border-color:var(--border);background:var(--surface)}.save-status{color:var(--muted);font-size:13px}.save-status.dirty{color:var(--warn)}.save-status.error{color:var(--error)}.notice{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;margin:10px 16px 0;padding:8px 12px;font-size:14px}.publish-panel h2{margin:0;font-size:18px}.publish-panel h3{margin:18px 0 2px;font-size:14px}.row.spread{justify-content:space-between;margin-top:0}.row.tight{flex-wrap:nowrap;margin-top:0}.row.tight input{font-family:Cascadia Code,Consolas,ui-monospace,monospace;font-size:12px}.snippets{gap:10px;margin-top:14px;display:grid}.copybox label{margin-bottom:2px}label.spaced{margin-top:18px}.toasts{z-index:50;background:0 0;border:0;justify-items:end;gap:8px;max-width:calc(100vw - 32px);margin:0;padding:0;display:grid;position:fixed;inset:auto 16px 16px auto;overflow:visible}.toasts:not(:popover-open){display:none}.toast{background:var(--text);color:var(--bg);border-radius:8px;align-items:center;gap:10px;padding:10px 8px 10px 14px;font-size:14px;animation:.18s ease-out toast-in;display:flex;box-shadow:0 4px 16px #00000040}.toast .link{color:var(--accent-soft);font-weight:600}.toast-close{all:unset;cursor:pointer;opacity:.7;padding:0 6px;font-size:18px;line-height:1}.toast-close:hover{opacity:1}.toast-close:focus-visible{outline:2px solid var(--focus)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.colours{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.colour{color:var(--text);align-items:center;gap:6px;margin:0;font-weight:500;display:inline-flex}.colour input{width:34px;height:28px;padding:2px}.caption-sample{text-align:center;border-radius:6px;margin-top:10px;padding:10px 14px}.voice-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.voice-row select{width:auto}label.check{color:var(--text);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;display:inline-flex}label.check input{width:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;max-width:1500px;margin:0 auto;padding:16px;display:grid}.steps{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.step.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.step-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.step-num{background:var(--surface-2);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.step.selected .step-num{background:var(--accent);color:var(--accent-text)}.step-page{color:var(--muted);flex:1;font-size:13px}.source-auto{background:var(--surface-2)}.source-edited{background:var(--accent-soft);color:var(--accent)}.source-ai{color:#3730a3;background:#e0e7ff}.step textarea{resize:none;font-size:15px;overflow:hidden}.caption-words{color:var(--muted);margin:8px 0 4px;font-size:14px;line-height:2}.word{all:unset;cursor:pointer;color:var(--text);border-radius:4px;margin:0 -1px;padding:1px 2px}.word:hover{background:var(--surface-2)}.word:focus-visible{outline:2px solid var(--focus)}.word.linked{background:var(--link-bg);box-shadow:inset 0 -2px 0 var(--link-border)}.word.active{outline:2px solid var(--accent)}.step-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.step-actions button{padding:4px 10px;font-size:13px}.picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);margin:8px 0;padding:10px}.picker-head{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.picker ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.picker-row{text-align:left;background:var(--surface);justify-items:start;gap:2px;width:100%;display:grid}.picker-row.current{border-color:var(--link-border)}.picker-label{font-weight:600}.picker-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.picker-reasons{color:var(--ok);font-size:12px}.preview-col .sticky{position:sticky;top:70px}.small-heading{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}.preview-stage{border:1px solid var(--border);background:#fff;border-radius:6px;min-height:120px;position:relative;overflow:hidden}.preview-stage iframe{border:0}.ph-ring{pointer-events:none;z-index:10;border-radius:8px;position:absolute}.ph-ring.link{border:3px solid var(--link-border);animation:1.2s ease-out 2 ph-pulse}.ph-ring.hover{border:3px dashed var(--hover-ring)}@keyframes ph-pulse{0%{box-shadow:0 0 #e0a80099}to{box-shadow:0 0 0 14px #e0a80000}}.legend{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin:0 4px 0 10px;display:inline-block}.legend.link{border:2px solid var(--link-border)}.legend.hover{border:2px dashed var(--hover-ring)}.preview-col,.steps{min-width:0}@media (width<=900px){.editor-body{grid-template-columns:minmax(0,1fr)}.preview-col{order:-1}.preview-col .sticky{position:static}}@media (width<=600px){.topbar{gap:12px;padding:10px 16px}.editor-bar{padding:8px 16px}.editor-body{padding:12px 16px}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.page-head h1{margin:0}.site-choice{align-items:center;gap:8px;display:flex}.site-choice label{margin:0}.site-choice select{width:auto;min-width:200px;font-weight:600}.preview-frame{width:fit-content;max-width:100%;position:relative}.preview-frame .ph-callout{width:min(280px,100% - 16px);padding:10px 12px 10px 10px;font-size:13px}.preview-frame .ph-callout-symbol{width:28px;height:28px}.preview-frame button.ph-callout-ok,.preview-frame button.ph-callout-ok:hover:not(:disabled){color:#fff;background:#2f3740;border:0;padding:3px 12px;font-size:12px;display:inline-block}.callout-editor{border:1px solid var(--border);background:#fff8e1;border-left:4px solid #e0a100;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:10px;padding:10px 12px;display:grid}.callout-editor.warning{background:#fff1eb;border-left-color:#d9480f}@media (prefers-color-scheme:dark){.callout-editor{background:#33290d}.callout-editor.warning{background:#3a2116}}.callout-editor-head{align-items:center;gap:8px;display:flex}.callout-editor-icon{color:#e0a100;width:26px;height:26px}.callout-editor.warning .callout-editor-icon{color:#d9480f}.callout-editor textarea{font-size:14px}.callout-editor-point{align-items:center;gap:8px;margin:0;display:flex}.callout-editor-point select{flex:1;width:auto;min-width:0}.segmented{gap:4px;display:inline-flex}.segmented button{border-radius:999px;padding:3px 12px;font-size:13px}.segmented button[aria-pressed=true]{background:var(--press);border-color:var(--press);color:var(--press-text)}.unused{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:12px 14px;list-style:none}.unused h3{margin:0 0 8px}.unused ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.unused li{align-items:center;gap:10px;font-size:14px;display:flex}.menu-path-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.menu-path{flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.menu-path li{background:var(--surface-2);border-radius:999px;padding:1px 10px}.menu-path li+li:before{content:"›";color:var(--muted);margin:0 6px 0 -4px}.timing-row{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:13px;display:flex}.timing-row label{align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;display:inline-flex}.timing-row select{width:auto;padding:3px 8px}.site-slides{margin-bottom:12px;padding:0}.site-slides>:not(.site-slides-head){margin-left:20px;margin-right:20px}.site-slides>:last-child{margin-bottom:20px}.site-slides-head{all:unset;box-sizing:border-box;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex}.site-slides-head:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius)}.site-slide{border-top:1px solid var(--border);gap:10px;margin-bottom:14px;padding-top:14px;display:grid}.slide-editor{grid-template-columns:minmax(0,1fr) minmax(0,220px);align-items:start;gap:16px;display:grid}.slide-fields{gap:10px;min-width:0;display:grid}.field-label{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:600;display:block}.file-button{cursor:pointer}.slide-button-fields{flex-wrap:wrap;gap:10px;display:flex}.slide-button-fields>div{min-width:140px}.slide-preview{aspect-ratio:16/10;color:#fff;text-align:center;border:1px solid var(--border);border-radius:8px;place-content:center;justify-items:center;gap:6px;padding:12px;font-size:12px;display:grid;overflow:hidden}.slide-preview img{object-fit:contain;max-width:70%;max-height:60px}.slide-preview strong{font-size:15px}.slide-preview-button{background:var(--accent);color:#fff;border-radius:999px;padding:2px 10px;font-weight:600}@media (width<=640px){.slide-editor{grid-template-columns:minmax(0,1fr)}}.slide-choice{gap:10px;margin-top:10px;display:grid}.slide-choice-head{color:var(--text);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.slide-choice-head select{width:auto}.confirm-dialog{background:var(--surface);width:min(440px,100vw - 32px);color:var(--text);border:0;border-radius:14px;padding:0;box-shadow:0 24px 60px #1f262d4d}.confirm-dialog[open]{animation:confirm-in .22s var(--ease)}.confirm-dialog::backdrop{background:#1f262d73}.confirm-body{padding:22px 24px 20px}.confirm-body h2{margin:0 0 8px;font-size:18px}.confirm-message{color:var(--muted);font-size:14px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}button.danger-fill,button.danger-fill:hover:not(:disabled){background:var(--error);border-color:var(--error);color:#fff}button.danger-fill:hover:not(:disabled){background:var(--press);border-color:var(--press);color:var(--press-text)}@keyframes confirm-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.confirm-dialog[open]{animation:none}}.slide-card{border-style:dashed}.slide-card.off{background:0 0}.slide-card .slide-mode{width:auto;padding:3px 8px;font-size:13px}.slide-card-site{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:14px;display:grid}.slide-card-site p{margin:0}@media (width<=640px){.slide-card-site{grid-template-columns:minmax(0,1fr)}}.slide-card-site{align-items:start}.slide-card-text{gap:4px;display:grid}.slide-card-text label{margin:0}.timing-row .custom-seconds{width:72px;padding:3px 8px}.publish-drawer{background:var(--surface);width:min(560px,100vw);height:100dvh;max-height:100dvh;color:var(--text);border:0;margin:0 0 0 auto;padding:0;box-shadow:-16px 0 48px #1f262d40}.publish-drawer[open]{animation:drawer-in .3s var(--ease)}.publish-drawer::backdrop{background:#1f262d66}.publish-panel{padding:0 24px 32px}.publish-head{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:18px 0 14px;display:flex;position:sticky;top:0}.icon-button{border-radius:999px;padding:6px}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:20px;height:20px}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}}@media (prefers-reduced-motion:reduce){.publish-drawer[open]{animation:none}}.publish-button{border-color:var(--accent);color:var(--accent)}.publish-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.publish-button:hover:not(:disabled){background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.publish-button .status-dot{background:var(--ok);border-radius:50%;width:8px;height:8px}.publish-button.stale .status-dot{background:var(--warn)}.profile-section{gap:8px;margin-bottom:16px;display:grid}.profile-section h2{margin:0 0 4px}.profile-section p{margin:0}.profile-value{font-weight:600}.profile-workspaces{gap:6px;margin:0;padding:0;list-style:none;display:grid}.profile-workspaces li{align-items:center;gap:10px;display:flex}.topbar a.who{color:var(--muted);text-decoration:none}.topbar a.who:hover,.topbar a.who[aria-current=page]{color:var(--accent)}.profile-name-row{align-items:center;gap:8px;display:flex}.help h3{margin:18px 0 6px;font-size:15px}.help ol,.help ul{padding-left:22px}.help li{margin:4px 0;line-height:1.55}.help p{line-height:1.6}.help-contents{margin:16px 0 8px}.help-contents ul{columns:2;column-gap:16px;margin:8px 0 0;padding:0;list-style:none}.help-contents li{break-inside:avoid;margin:0}.help-contents button.link{text-align:left;padding:3px 0}@media (width<=520px){.help-contents ul{columns:1}}.help-topic{scroll-margin-top:72px}.help-note{background:var(--surface);border-left:3px solid var(--accent);border-radius:4px;padding:8px 12px}