.ph-callout-layer{z-index:20;pointer-events:none;position:absolute;inset:0}.ph-callout-layer[hidden]{display:none!important}.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(460px,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}.ph-callout.note{--ph-callout-colour:#1f6aa0;color:#17405c;background:#e3f4fe}.ph-callout.note .ph-callout-arrow{background:#e3f4fe}.dim>.ph-callout{width:min(620px,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.note .ph-callout-body strong{color:#1f6aa0}.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}.note .ph-disc{fill:currentColor;transform-origin:12px 12px;animation:.45s cubic-bezier(.34,1.56,.64,1) both ph-pop}.note .ph-ripple{fill:none;stroke:currentColor;stroke-width:1.5px;transform-origin:12px 12px;animation:2.2s ease-out .5s infinite ph-ripple}.note .ph-i{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round}@keyframes ph-pop{0%{opacity:0;transform:scale(.4)}}@keyframes ph-ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@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 10px;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);white-space:nowrap;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.hidden-step{background:var(--surface-2);border-style:dashed}.step.hidden-step>:not(.step-head):not(.step-actions){opacity:.5}.pill.hidden-pill{background:var(--text);color:var(--surface)}.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-search{width:100%;margin-bottom:6px}.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}.preview-pick{z-index:20;cursor:crosshair;outline:2px dashed var(--hover-ring);outline-offset:-2px;border-radius:6px;position:absolute;inset:0}.picker-tip{margin:0 0 6px}.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}.callout-editor.note{background:#e3f4fe;border-left-color:#1f6aa0}@media (prefers-color-scheme:dark){.callout-editor{background:#33290d}.callout-editor.warning{background:#3a2116}.callout-editor.note{background:#0b2a3d;border-left-color:#3fb6ea}}.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.note .callout-editor-icon{color:#1f6aa0}@media (prefers-color-scheme:dark){.callout-editor.note .callout-editor-icon{color:#3fb6ea}}.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}button.drag-handle{color:var(--muted);cursor:grab;background:0 0;border:0;border-radius:4px;margin-left:-6px;padding:2px;line-height:0}button.drag-handle:hover:not([aria-disabled=true]){color:var(--text);background:var(--surface-2)}button.drag-handle[aria-disabled=true]{opacity:.3;cursor:not-allowed}.step.dragging{opacity:.45}.step.drop-before{box-shadow:0 -3px 0 0 var(--accent)}.step.drop-after{box-shadow:0 3px 0 0 var(--accent)}.step.drop-into{outline:2px dashed var(--accent);outline-offset:2px}.callout-editor-head .drag-handle{margin-left:-4px}.pronunciations{gap:8px;display:grid}.pronunciation{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 214px 64px;align-items:center;gap:8px;display:grid}.pronunciation-play{gap:6px;display:flex}.pronunciation-play button{white-space:nowrap;min-width:104px;padding:4px 10px;font-size:13px}.pronunciation.head{color:var(--muted);font-size:13px;font-weight:600}@media (width<=560px){.pronunciation{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pronunciation-voice{align-items:center;gap:8px;margin:0 0 4px;font-size:14px;font-weight:600;display:flex}.pronunciation-voice select{width:auto}.pronunciation-row{gap:6px;display:grid}.pronunciation-lock{flex-wrap:wrap;align-items:center;gap:8px;padding-left:2px;display:flex}button.small-button{padding:4px 12px;font-size:13px}.insert-point{justify-content:center;align-items:center;height:22px;margin:-6px 0;display:flex;position:relative}.insert-point:before{content:"";border-top:1px solid var(--border);position:absolute;top:50%;left:0;right:0}button.insert-plus{background:var(--accent);width:26px;height:26px;color:var(--accent-text);opacity:.55;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s,transform .15s;display:grid;position:relative}.insert-point:hover button.insert-plus,button.insert-plus:focus-visible,.insert-point.open button.insert-plus{opacity:1;transform:scale(1.1)}button.insert-plus svg{fill:currentColor;width:18px;height:18px}.insert-menu{z-index:30;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;gap:2px;min-width:170px;padding:6px;display:grid;position:absolute;top:calc(50% + 18px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.insert-menu button{background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.insert-menu button:hover:not(:disabled){background:var(--surface-2)}.insert-menu-icon{place-items:center;width:20px;height:20px;display:grid}.insert-menu-icon svg{fill:currentColor;width:20px;height:20px}.insert-menu button.tip .insert-menu-icon{color:#e0a800}.insert-menu button.warning .insert-menu-icon{color:var(--error)}.insert-menu button.note .insert-menu-icon{color:#3fb6ea}.check-stack{justify-items:start;gap:6px;display:grid}.credit-bar{gap:6px;display:grid}.credit-bar-text{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.credit-bar-track{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.credit-bar-fill{border-radius:inherit;background:#2f9e5b;height:100%;transition:width .4s}.credit-bar.low .credit-bar-fill{background:#d99a00}.credit-bar.empty .credit-bar-fill{background:var(--error)}.credit-bar.empty .credit-bar-text strong{color:var(--error)}.credit-bar.compact .credit-bar-track{height:6px}.credit-bar.compact{font-size:13px}.credit-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.credit-cap{align-items:center;gap:6px;font-size:13px;display:inline-flex}.credit-cap input{width:90px;padding:4px 8px}.publish-credits{border:1px solid var(--border);border-radius:8px;gap:4px;margin:12px 0 4px;padding:10px 12px;display:grid}.workspace-row{flex-wrap:wrap}.workspace-credits{flex-basis:100%;gap:8px;margin-top:6px;display:grid}.workspace-credits .row{flex-wrap:wrap;gap:16px}.credit-cap .credit-note{width:190px}.app{flex-direction:column;min-height:100vh;display:flex}.app>main{flex:1 0 auto;width:100%}.app-footer{z-index:20;background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:20px;min-height:52px;padding:6px 20px;font-size:14px;display:flex;position:sticky;bottom:0}.footer-item{align-items:baseline;gap:8px;min-width:0;display:inline-flex}.footer-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.footer-credits .footer-label{text-transform:none;letter-spacing:0;font-size:13px}.footer-tutorial{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-weight:600;overflow:hidden}.app-footer a{text-decoration:none}.footer-credits{color:var(--text);align-items:center;gap:8px;display:inline-flex}.footer-credits:hover strong{color:var(--accent)}.footer-credits.low strong{color:#d99a00}.footer-credits.empty strong{color:var(--error)}.fuel-gauge .zone{fill:none;stroke-width:6px}.fuel-gauge .zone.empty{stroke:var(--error)}.fuel-gauge .zone.low{stroke:#d99a00}.fuel-gauge .zone.ok{stroke:#2f9e5b}.fuel-gauge .mark{fill:var(--muted);font-size:8px;font-weight:700}.fuel-gauge .needle{stroke:var(--heading);stroke-width:2.5px;stroke-linecap:round;transition:all .5s}.fuel-gauge .hub{fill:var(--heading)}@media (width<=560px){.app-footer{gap:10px;padding:6px 12px}.footer-tutorial{max-width:50vw}}.theme-subhead{margin:18px 0 2px;font-size:14px}.panel-sample{border-radius:10px;gap:2px;max-width:340px;margin-top:10px;padding:8px;font-size:14px;display:grid}.panel-sample-head{text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;font-size:11px}.panel-sample-row{border-radius:6px;gap:10px;padding:6px 8px;display:flex}.panel-sample-row .n{text-align:right;min-width:1.2em;font-size:12px}.apply-theme{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.callout-wait{margin:0;font-size:13px}.republish-notice{border-left:4px solid #d99a00;margin-top:12px}.republish-notice ul{margin:6px 0 0;padding-left:20px}.script-choice{width:auto;max-width:260px;padding:4px 8px;font-size:13px}.import-results{gap:4px;margin:10px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.import-results .ok{color:#2f9e5b}.import-results .error{color:var(--error)}.start-options{gap:4px;margin:6px 0;padding-left:20px;display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}button.cta-pulse{animation:1.8s ease-in-out infinite cta-pulse}@keyframes cta-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}60%{box-shadow:0 0 0 9px color-mix(in srgb, var(--accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){button.cta-pulse{animation:none}}.crash-report{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--border);-webkit-user-select:all;user-select:all;border-radius:8px;padding:12px;font-size:12px}