:root{--video-preview-ratio:.8;--paper:oklch(99% .002 80);--stage:oklch(95.5% .005 80);--surface:var(--paper);--surface-2:oklch(97.2% .004 80);--inset:oklch(96.5% .005 80);--border:oklch(90% .006 80);--border-strong:oklch(83% .008 80);--ink:oklch(18.5% .005 60);--text:var(--ink);--muted:oklch(50% .008 60);--faint:oklch(63% .008 60);--accent:oklch(62% .245 28);--accent-hover:oklch(56% .23 28);--accent-soft:oklch(93% .05 32);--on-accent:var(--paper);--shadow-preview:0 24px 60px -18px oklch(18.5% .02 60/.32), 0 4px 14px -6px oklch(18.5% .02 60/.2);--shadow-panel:0 18px 44px -14px oklch(18.5% .02 60/.3);--shadow-rail:-1px 0 0 var(--border);--rail-w:380px;--header-h:60px;--radius:12px;--radius-sm:8px;--font-display:"Anton", "Arial Narrow", sans-serif;--font-ui:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background:var(--stage);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.45;overflow-x:hidden}#app{height:100%}.workspace-identity{min-width:0;color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.workspace-identity a{color:var(--text);font-size:22px;line-height:1;text-decoration:none}.workspace-identity span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.mobile-nav,.mobile-output{display:none}.dashboard{background:var(--paper);max-width:960px;min-height:100%;margin:auto;padding:0 24px 60px}.dashboard-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 0;display:flex}.dashboard-header h1{font:28px var(--font-display);text-transform:uppercase;margin:0}.dashboard-header b{color:var(--accent);font-weight:400}.dashboard-intro{padding:38px 0 20px}.dashboard-intro .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.dashboard-intro h2{font:42px var(--font-display);text-transform:uppercase;margin:0}.dashboard-intro p:last-child{max-width:560px;color:var(--muted)}.dashboard-form{background:var(--surface-2);border:1px solid var(--border);grid-template-columns:1fr 1fr auto;align-items:end;gap:8px 14px;padding:20px;display:grid}.dashboard-form h3,.dashboard-form #projectError{grid-column:1/-1;margin:0}.dashboard-form label{font-size:12px;font-weight:700;display:block}.dashboard-form input,.dashboard-form select{border:1px solid var(--border-strong);width:100%;min-width:0;height:44px;font:inherit;background:#fff;padding:8px}.dashboard-form button{min-height:44px}.dashboard-form #projectError{color:#a74518}.dashboard-projects{margin-top:36px}.project-card{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.project-card a{color:var(--text);flex-direction:column;min-width:0;text-decoration:none;display:flex}.project-card strong{overflow-wrap:anywhere;font-size:17px}.project-card span{color:var(--muted);font-size:12px}.project-card div{gap:6px;display:flex}.app{flex-direction:column;height:100%;min-height:0;display:flex}.topbar{flex:0 0 var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:2;align-items:center;gap:16px;padding:0 22px;display:flex}.brand-mark{filter:invert();opacity:.9;width:auto;height:26px}.brand-mark.working{animation:1.6s cubic-bezier(.55,.1,.35,.95) infinite brand-spin}@keyframes brand-spin{0%{filter:invert();transform:rotate(0)}50%{filter:invert()sepia()saturate(6)hue-rotate(-18deg);transform:rotate(180deg)}to{filter:invert();transform:rotate(360deg)}}@keyframes brand-pulse{0%,to{opacity:.35;filter:invert()}50%{opacity:1;filter:invert()sepia()saturate(6)hue-rotate(-18deg)}}@media (prefers-reduced-motion:reduce){.brand-mark.working{animation:2.4s ease-in-out infinite brand-pulse}}.brand{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:25px;font-weight:400;line-height:1}.brand b{color:var(--accent);font-weight:400}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.body{flex:auto;min-height:0;display:flex}.stage{background:radial-gradient(120% 100% at 50% 0%, oklch(97.5% .004 80) 0%, var(--stage) 60%);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:18px;min-width:0;padding:32px 40px 28px;display:flex;position:relative;overflow:auto}#preview{cursor:pointer}.stage.empty #preview{border:2px dashed var(--border-strong);background:var(--inset);place-items:center;min-height:60vh;display:grid}.stage.empty #preview:after{content:"Drop a file here, click to browse, or paste a link";color:var(--faint);font-size:14px;font-weight:600}.stage.dropping #preview{outline:3px solid var(--accent);outline-offset:4px}.stage.dropping #preview:before{content:"";background:var(--accent);opacity:.14;z-index:1;position:absolute;inset:0}.photo-bar{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:8px;width:100%;max-width:640px;display:flex}.photo-bar input[type=url]{width:auto;min-width:160px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);flex:200px;padding:9px 11px;font-size:14px}.photo-bar-hint{text-align:center;color:var(--faint);flex:1 0 100%;font-size:11.5px}.large-image-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(440px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-panel);padding:24px}.large-image-dialog::backdrop{background:#0000008c}.large-image-dialog h2{margin:0 0 12px;font-size:20px}.large-image-dialog p{margin:0;line-height:1.5}.large-image-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.large-image-actions button{cursor:pointer;padding:10px 14px}.large-image-actions [data-action=prepare]{font-weight:700}.split-image-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(920px,100vw - 24px);max-height:min(94dvh,1050px);color:var(--text);box-shadow:var(--shadow-panel);padding:20px;overflow:auto}.split-image-dialog::backdrop{background:#000000a6}.split-image-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.split-image-head h2{margin:0;font-size:20px}.split-image-head button{cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.split-image-dialog>p{color:var(--muted);margin:8px 0 14px}.split-image-dialog canvas{aspect-ratio:4/5;background:#080808;width:auto;max-width:100%;height:min(44dvh,450px);max-height:450px;margin:0 auto 16px;display:block}.split-image-sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.split-image-sides fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;margin:0;padding:12px}.split-image-sides legend{padding:0 4px;font-weight:700}.split-image-sides input[type=file]{max-width:100%;margin-bottom:10px}.split-image-sides label{justify-content:space-between;align-items:center;gap:12px;margin-top:7px;font-size:13px;display:flex}.split-image-sides input[type=range]{width:min(60%,220px)}.split-image-dialog .split-image-error{color:#a74518;min-height:1.3em;margin:8px 0}.split-image-actions{justify-content:flex-end;gap:10px;display:flex}.split-image-actions button{cursor:pointer;min-height:42px;padding:8px 14px}.split-image-actions [data-apply]{font-weight:700}@media (width<=600px){.split-image-sides{grid-template-columns:1fr;gap:8px}.split-image-dialog{padding:16px}.split-image-dialog canvas{height:min(36dvh,360px)}}.export-panel{z-index:6;background:var(--surface);max-width:400px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel);gap:10px;padding:18px;display:grid;position:absolute;top:24px;right:24px}.export-panel[hidden]{display:none}.export-panel h3{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin:0;font-size:11px;font-weight:800}.export-panel label{align-items:flex-start;gap:8px;font-size:13px;display:flex}.export-panel code{background:var(--inset);border-radius:4px;padding:1px 4px;font-size:12px}.export-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.export-progress{color:var(--muted);align-items:center;gap:10px;font-size:12.5px;font-weight:600;display:flex}.export-progress[hidden]{display:none}.export-spinner{filter:invert();opacity:.8;flex:none;width:auto;height:15px;animation:1.6s cubic-bezier(.55,.1,.35,.95) infinite brand-spin}@media (prefers-reduced-motion:reduce){.export-spinner{animation:2.4s ease-in-out infinite brand-pulse}}.export-panel.busy label{opacity:.55}.export-result{border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--inset);gap:8px;padding:10px 12px;font-size:12.5px;display:grid}.export-result[hidden]{display:none}.export-result p{color:var(--text);margin:0;font-weight:600}.export-result.bad{border-left-color:var(--accent);background:var(--accent-soft)}.export-result summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.export-result pre{white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--border);-webkit-user-select:text;user-select:text;border-radius:6px;max-height:220px;margin:8px 0;padding:10px;font-size:11.5px;line-height:1.45;overflow:auto}#preview{max-height:calc(100vh - var(--header-h) - 150px);aspect-ratio:1080/1350;background:var(--inset);width:auto;max-width:100%;height:auto;box-shadow:var(--shadow-preview);display:block;position:relative;overflow:hidden}#preview svg{width:100%;height:auto;display:block}.rail{flex:0 0 var(--rail-w);width:var(--rail-w);background:var(--surface);box-shadow:var(--shadow-rail);overflow:hidden auto}.section{border-bottom:1px solid var(--border)}.section:last-of-type{border-bottom:0}.section-summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);align-items:baseline;gap:10px;padding:15px 22px;list-style:none;display:flex}.section-summary::-webkit-details-marker{display:none}.section-summary:hover{background:var(--surface-2,#00000008)}.section-arrow{color:var(--ink);flex:none;font-size:10px;line-height:1;transition:transform .15s;transform:rotate(0)}details[open]>.section-summary>.section-arrow{transform:rotate(90deg)}.section-summary .section-label{color:var(--ink);margin:0;font-size:12px}.section-hint{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;max-width:45%;margin-left:auto;font-size:11.5px;font-weight:600;overflow:hidden}.section-body{padding:4px 22px 20px}.rail-pinned{background:var(--surface);border-bottom:3px solid var(--ink)}.event-fields{border-bottom:1px solid var(--border);padding:16px 22px}.event-fields>.section-label{margin:0 0 12px}.rail-pinned-label{background:var(--ink);color:var(--surface);text-transform:uppercase;letter-spacing:.14em;margin:0;padding:13px 22px 11px;font-size:11px;font-weight:800}.section-pinned{border-bottom:1px solid var(--border);padding:16px 22px}.section-pinned:last-child{border-bottom:0}.section-pinned>.section-label{color:var(--ink);margin-bottom:8px}.section-pinned .section-body{padding:0}.section-pinned .field>.field-label{display:none}.credit-row{margin-bottom:8px}.credit-row:last-of-type{margin-bottom:12px}.section-pinned .credit-row .field>.field-label{margin-bottom:4px;font-size:11px;display:block}.credit-row .row-2>.credit-pos{flex:0 0 84px}.credit-row input[type=text]{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px;font-size:14px}.section-label{text-transform:uppercase;letter-spacing:.11em;color:var(--faint);margin:0 0 14px;font-size:11px;font-weight:700;display:block}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}#shadowGroup[hidden],#scrimGroup[hidden],#scrimTopGroup[hidden],#rail-hidden[hidden]{display:none}.field-label{color:var(--muted);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.field-head .field-label{margin:0}.field-val{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.hint{color:var(--faint);margin:6px 0 0;font-size:11.5px;display:block}.hint.warn{color:var(--accent)}select,input[type=text],input[type=number],textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:9px 11px;font-size:14px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888078' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}textarea{resize:vertical;min-height:74px;line-height:1.4}select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--inset);border:1px solid var(--border);border-radius:999px;height:5px}input[type=range]::-moz-range-track{background:var(--inset);border:1px solid var(--border);border-radius:999px;height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid var(--surface);width:18px;height:18px;transition:transform .12s var(--ease);border-radius:50%;margin-top:-7.5px;box-shadow:0 1px 4px oklch(27% .02 60/.35)}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px oklch(27% .02 60/.35)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft)}input[type=color]{appearance:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;width:100%;height:40px;padding:4px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}input[type=color]::-moz-color-swatch{border:none;border-radius:5px}.row-2{gap:10px;display:flex}.row-2>.field{flex:1;margin-bottom:0}button{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:background .15s var(--ease), border-color .15s var(--ease), transform 80ms var(--ease), color .15s var(--ease);padding:9px 15px;font-size:13.5px;font-weight:600}button:hover{background:var(--inset);border-color:var(--faint)}button:active{transform:translateY(1px)}button:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.block{width:100%}button.danger{color:var(--muted)}button.danger:hover{color:var(--accent);border-color:var(--accent);background:var(--surface)}.status{min-height:18px;color:var(--muted);margin:0;padding:12px 22px 22px;font-size:12.5px;font-weight:600}.status:empty{padding-bottom:0}.mo4-auth{--ink:oklch(14.5% .005 30);--ink-2:oklch(19.5% .005 30);--ink-3:oklch(24.5% .005 30);--ink-fade:oklch(100% 0 0/.55);--ink-mute:oklch(100% 0 0/.35);--paper:oklch(99% .002 80);--signal:oklch(62% .245 28);--font-display:"Anton", "Arial Narrow", sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--d-fast:.12s;background:var(--ink);min-height:100%;color:var(--paper);font-family:var(--font-body)}.mo4-screen{min-height:100dvh;padding:var(--sp-7) var(--sp-5);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.mo4-screen[hidden]{display:none}.mo4-logo{opacity:.95;height:90px;margin-bottom:var(--sp-8)}.mo4-group{text-align:left;width:100%;max-width:360px}.mo4-centered .mo4-group{text-align:center}.mo4-eyebrow{margin:0 0 var(--sp-2);text-transform:uppercase;letter-spacing:.14em;color:var(--signal);font-size:11px;font-weight:700}.mo4-display{margin:0 0 var(--sp-6);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(40px,9vw,72px);font-weight:400;line-height:.95}.mo4-centered .mo4-display{margin-bottom:var(--sp-2)}.mo4-lede{margin:0 auto var(--sp-5);max-width:42ch;color:var(--ink-fade);font-size:15px;line-height:1.6}.mo4-label{margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-size:11px;font-weight:700;display:block}.mo4-auth input[type=email],.mo4-auth input[type=text]{width:100%;margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--ink-2);border:1px solid var(--ink-3);font-family:var(--font-body);color:var(--paper);transition:border-color var(--d-fast) var(--ease);border-radius:2px;outline:none;font-size:15px}.mo4-auth input:focus{border-color:var(--paper)}.mo4-auth input::placeholder{color:var(--ink-mute)}.mo4-btn{width:100%;padding:var(--sp-3) var(--sp-5);background:var(--signal);color:var(--paper);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:opacity var(--d-fast) var(--ease);border:none;border-radius:2px;font-size:13px;font-weight:700;display:block}.mo4-btn:hover{opacity:.88}.mo4-btn:disabled{opacity:.4;cursor:not-allowed}.mo4-btn-ghost{margin-bottom:var(--sp-3);border:1px solid var(--ink-3);background:0 0}.mo4-btn-ghost:hover{border-color:var(--paper);opacity:1}.mo4-link{width:auto;color:var(--ink-mute);cursor:pointer;background:0 0;border:none;margin:0 auto;padding:0;font-size:12px}.mo4-link:hover{color:var(--paper)}.mo4-link:disabled{opacity:.5;cursor:not-allowed}.mo4-error{min-height:20px;margin:var(--sp-3) 0 0;color:var(--signal);font-size:13px}.mo4-hint{margin:var(--sp-3) 0 0;color:var(--ink-mute);font-size:12px}.mo4-note{margin:0 0 var(--sp-4);color:var(--ink-mute);font-size:12px}.mo4-otp{gap:var(--sp-2);margin-bottom:var(--sp-4);justify-content:center;display:flex}.mo4-auth .mo4-otp-box{text-align:center;width:44px;height:54px;margin-bottom:0;padding:0;font-size:22px;font-weight:700}@media (width<=820px){.app{height:100dvh;min-height:0}.topbar{flex:0 0 56px}.topbar .brand-mark,.topbar .brand{display:none}.workspace-identity{flex:1;font-size:14px}.workspace-identity span{max-width:calc(100vw - 80px)}.mobile-nav{background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.mobile-nav button{min-height:48px;font:700 14px var(--font-ui);background:0 0;border:0;border-bottom:3px solid #0000}.mobile-nav button[aria-current=true]{border-bottom-color:var(--accent);color:var(--accent)}.body{flex-direction:column;overflow:hidden}.app[data-mobile-view=preview] .rail,.app[data-mobile-view=preview] .mobile-output,.app[data-mobile-view=edit] .stage,.app[data-mobile-view=edit] .mobile-output,.app[data-mobile-view=output] .body{display:none}.app[data-mobile-view=output] .mobile-output{display:block}.mobile-output{padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:var(--surface);flex:1;overflow-y:auto}.mobile-output .topbar-actions{gap:10px;margin:0;display:grid}.mobile-output .topbar-actions button{width:100%;min-height:48px;font-size:15px}.mobile-output .export-panel{width:100%;max-height:none;margin-top:16px;position:static}.mobile-output #downloadLink{margin-top:16px}.mobile-nav+#status{background:var(--surface);border-bottom:1px solid var(--border);padding:8px 16px}.mobile-nav+#status:empty{display:none}.app[data-mobile-view=edit] .rail{overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);flex:1;overflow-y:auto}.stage{min-height:0;padding:18px 12px calc(20px + env(safe-area-inset-bottom));flex:auto;justify-content:flex-start}#preview{flex-shrink:0;max-width:100%;max-height:min(68dvh,650px)}.rail{width:100%;box-shadow:0 -1px 0 var(--border)}.photo-bar{width:100%}.photo-bar button,.slide-nav button,.rail button,.rail select,.rail input:not([type=range]),.rail textarea{min-height:44px}.rail input,.rail select,.rail textarea{font-size:16px}.section-summary{align-items:center;min-height:48px}.dashboard{padding:0 16px 42px}.dashboard-intro h2{font-size:34px}.dashboard-form{flex-direction:column;align-items:stretch;display:flex}.project-card{flex-direction:column;align-items:flex-start}.project-card div{width:100%}.project-card button{flex:1;min-height:44px}}.preview-tabs{gap:6px;margin:16px 20px;display:flex}.story-controls,.web-controls{padding:0 20px}.preview-tabs button{flex:1}.preview-tabs button[aria-selected=true]{background:var(--text);color:var(--surface)}.viewing-story .rail>:not(.preview-tabs):not(.story-controls):not(#status),.viewing-story .photo-bar,.viewing-web .rail>:not(.preview-tabs):not(.web-controls):not(#status),.viewing-web .photo-bar{display:none}.story-controls label,.web-controls label{margin:20px 0;display:block}.story-controls input[type=range],.web-controls input[type=range]{width:100%;display:block}.story-controls output,.web-controls output{float:right;font-variant-numeric:tabular-nums}.story-controls p,.web-controls p{color:var(--muted);font-size:13px;line-height:1.5}.web-source{flex-wrap:wrap;gap:8px;margin:8px 0 20px;display:flex}.web-source p{flex-basis:100%;margin:0 0 4px}.web-source button{min-height:44px}.web-source button[hidden]{display:none}.web-source-current{color:var(--muted);flex-basis:100%;font-size:12px}.viewing-story #preview,.viewing-web #preview{cursor:default}#preview.video-preview{width:min(100%, calc((100dvh - var(--header-h) - 150px) * var(--video-preview-ratio)));flex:none;max-height:none}#listVideoPreview{width:100%}#preview canvas[hidden]{display:none}.video-controls{border-bottom:1px solid var(--border);padding:16px 20px}.video-preview-toggle{z-index:2;color:#fff;cursor:pointer;background:#000000bf;border:1px solid #ffffffbf;border-radius:50%;width:64px;height:64px;padding:0;font-size:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-preview-toggle[data-playing=true]{width:40px;height:40px;font-size:19px;inset:auto 12px 12px auto;transform:none}.video-controls h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px;font-size:12px}.video-transport{gap:8px;margin-bottom:14px;display:flex}.video-transport button{flex:1}.video-transport button[aria-pressed=true]{background:var(--text);color:var(--surface)}.video-controls .video-slider{grid-template-columns:1fr auto;gap:6px 10px;margin:12px 0;font-size:12px;display:grid}.video-slider output{font-variant-numeric:tabular-nums;color:var(--muted)}.video-controls .video-slider input[type=range]{cursor:pointer;grid-column:1/-1;width:100%;margin:0}.video-duration,.video-trim-warning{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.video-trim-warning{color:#a74518}@media (width<=800px){#preview.video-preview{width:min(100%, calc(62dvh * var(--video-preview-ratio)))}}