:root{--bg:#f4f6fb;--bg-glow:#6366f117;--surface:#fff;--surface-2:#f7f9fc;--border:#e2e7f0;--border-strong:#cdd5e3;--text:#0f172a;--text-2:#334155;--muted:#64748b;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef0ff;--accent-text:#fff;--ok:#047857;--ok-soft:#e9f9f1;--error:#b91c1c;--error-soft:#fdf0f0;--warn:#a35a00;--warn-soft:#fff6e6;--get:#0e7490;--get-soft:#e4f7fa;--post:#4338ca;--post-soft:#eceefe;--put:#a35a00;--put-soft:#fff3df;--delete:#b91c1c;--delete-soft:#fdecec;--hook:#b45309;--hook-soft:#fff4e2;--pink:#be185d;--pink-soft:#fdf0f6;--violet:#6d28d9;--violet-soft:#f3effe;--stage:#0b1120;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 1px 2px #0f172a0d, 0 6px 20px -8px #0f172a1f;--shadow-lg:0 2px 6px #0f172a0f, 0 24px 48px -20px #0f172a4d;--radius:14px;--radius-sm:10px;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#090e1a;--bg-glow:#818cf81f;--surface:#111827;--surface-2:#0d1422;--border:#212b40;--border-strong:#2f3b56;--text:#e7ecf6;--text-2:#c4cce0;--muted:#8d99b3;--accent:#8b8dfc;--accent-hover:#a5a7ff;--accent-soft:#8b8dfc24;--accent-text:#0b0f1d;--ok:#4ade80;--ok-soft:#4ade801a;--error:#f87171;--error-soft:#f871711a;--warn:#fbbf24;--warn-soft:#fbbf241a;--get:#67e8f9;--get-soft:#67e8f91f;--post:#a5b4fc;--post-soft:#a5b4fc24;--put:#fcd34d;--put-soft:#fcd34d1f;--delete:#fca5a5;--delete-soft:#fca5a51f;--hook:#fbbf24;--hook-soft:#fbbf241f;--pink:#f9a8d4;--pink-soft:#f9a8d41f;--violet:#c4b5fd;--violet-soft:#c4b5fd21;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 8px 24px -10px #00000080;--shadow-lg:0 2px 6px #0000004d, 0 24px 48px -20px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1000px 420px at 50% -120px, var(--bg-glow), transparent 70%), var(--bg);min-height:100vh;color:var(--text);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-underline-offset:2px}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.2}h2{font-size:19px}h3{font-size:15px}p{margin:0}code{font-family:var(--mono);font-size:.92em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:600}.icon{flex:none}.row{align-items:center;gap:10px;display:flex}.row.spread{justify-content:space-between}.row.tight{gap:2px}button,.button{border-radius:var(--radius-sm);min-height:36px;font:inherit;white-space:nowrap;cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:550;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-sm)}.primary:hover:not(:disabled){background:var(--accent-hover)}.secondary{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ghost{color:var(--text-2)}.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-only{width:32px;min-height:32px;padding:0}select,textarea,input[type=text],input[type=url],input[type=search]{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:100%;padding:8px 10px;transition:border-color .15s,box-shadow .15s}select:focus,textarea:focus,input[type=text]:focus,input[type=url]:focus,input[type=search]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;width:100%}select:disabled,textarea:disabled,input:disabled{opacity:.55;cursor:not-allowed}.segmented{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;gap:2px;min-width:0;margin:0;padding:3px;display:inline-flex}.segmented label{color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:6px 12px;font-size:13.5px;font-weight:550;display:inline-flex;position:relative}.segmented label:hover{color:var(--text)}.segmented label.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.segmented input,.switch input{opacity:0;pointer-events:none;position:absolute}.ratio{border:1.6px solid;border-radius:3px;display:inline-block}.ratio.r169{width:16px;height:10px}.ratio.r916{width:9px;height:14px}.ratio.r11{width:12px;height:12px}.switch{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex;position:relative}.switch .track{background:var(--border-strong);border-radius:999px;flex:none;width:36px;height:20px;transition:background-color .15s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.export .check{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:11px 14px;transition:border-color .15s,background-color .15s}.export .check:hover{border-color:var(--border-strong)}.export .check:has(input:checked){border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.check input{width:17px;height:17px;accent-color:var(--accent);margin:1px 0 0}.review{gap:8px;display:grid}.export .check.ask{border-color:var(--warn);background:var(--warn-soft)}.review-ask{color:var(--warn);align-items:flex-start;gap:8px;display:flex}.review-ask .icon{margin-top:2px}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.method{font-family:var(--mono);letter-spacing:.02em;background:var(--post-soft);color:var(--post);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.method.get,.method.head,.method.options,.method.trace,.method.query{background:var(--get-soft);color:var(--get)}.method.put,.method.patch{background:var(--put-soft);color:var(--put)}.method.delete{background:var(--delete-soft);color:var(--delete)}.op-chip{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:6px;min-width:0;padding:3px 8px 3px 4px;font-size:12.5px;display:inline-flex}.op-chip code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);overflow:hidden}.op-chip.webhook{color:var(--hook);background:var(--hook-soft);border-color:#0000;padding-left:7px}.op-chip.webhook code{color:var(--hook)}.notice{border-radius:var(--radius-sm);overflow-wrap:anywhere;align-items:flex-start;gap:10px;padding:10px 14px;font-size:14px;display:flex}.notice .icon{margin-top:2px}.notice ul{margin:6px 0 0;padding-left:18px}.notice.error{background:var(--error-soft);color:var(--error)}.notice.ok{background:var(--ok-soft);color:var(--ok)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:1;min-width:120px;height:8px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, #5cc8ff, var(--accent));height:100%;transition:width .2s;display:block}.topbar{z-index:10;border-bottom:1px solid var(--border);background:var(--bg);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:10px 20px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.stepper{gap:4px;margin:0;padding:0;list-style:none;display:flex}.stepper button{min-height:34px;color:var(--muted);gap:8px;padding:6px 10px;font-size:13.5px}.stepper button:disabled{opacity:1;cursor:default}.stepper button:not(:disabled):hover{background:var(--surface-2)}.stepper .dot{border:1.5px solid var(--border-strong);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-grid}.stepper .current button{color:var(--text)}.stepper .current .dot{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.stepper .done .dot{border-color:var(--accent);color:var(--accent)}.shell{grid-template-columns:minmax(0,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:28px 20px 64px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:22px}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.card-head p{margin-top:4px}.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:24px 44px;padding:16px 0 4px;display:grid}.hero-text{gap:12px;display:grid}.hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:760px;font-size:clamp(28px,4vw,42px);line-height:1.1}.sample{gap:10px;min-width:0;margin:0;display:grid}.sample .stage{box-shadow:var(--shadow-lg)}.sample-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.player.bare{position:relative}.player.bare .stage{cursor:pointer}.stage-play{box-shadow:var(--shadow-lg);position:absolute;bottom:14px;left:14px}.lead{color:var(--text-2);max-width:560px;font-size:17px}.upload-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);text-align:center;cursor:pointer;place-items:center;gap:6px;padding:40px 16px;transition:border-color .15s,background-color .15s;display:grid}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.busy{cursor:progress}.upload-folder{margin:10px 0 0}.inline-link{min-height:0;font-size:inherit;color:var(--accent);text-underline-offset:2px;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.inline-link:hover:not(:disabled){color:var(--accent-hover)}.dropzone-icon{background:var(--surface);width:46px;height:46px;color:var(--accent);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.paste{gap:10px;display:grid}.url-load{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);gap:10px;padding:18px;display:grid}.url-row{gap:8px;display:flex}.url-row input{background:var(--surface);min-width:0;font:13.5px/1.4 var(--mono);flex:1}.paste textarea{min-height:240px;font:13px/1.55 var(--mono);tab-size:2}.upload{scroll-margin-top:72px}.upload .notice{margin-top:14px}.examples{border-top:1px solid var(--border);margin-top:22px;padding-top:20px;scroll-margin-top:72px}.examples-head{margin-bottom:12px}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.example-grid li{min-width:0;display:flex}.example{--tone:var(--accent);--tone-soft:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;white-space:normal;grid-template:"icon kind""title title""desc desc"1fr/minmax(0,1fr) auto;justify-content:stretch;align-items:start;gap:0 10px;width:100%;padding:14px;font-weight:400;display:grid}.example:hover:not(:disabled){border-color:var(--tone);border-color:color-mix(in srgb, var(--tone) 55%, var(--border));box-shadow:var(--shadow)}.example[aria-busy=true]{cursor:progress;border-color:var(--tone)}.example.tone-indigo{--tone:var(--post);--tone-soft:var(--post-soft)}.example.tone-amber{--tone:var(--put);--tone-soft:var(--put-soft)}.example.tone-cyan{--tone:var(--get);--tone-soft:var(--get-soft)}.example.tone-green{--tone:var(--ok);--tone-soft:var(--ok-soft)}.example.tone-pink{--tone:var(--pink);--tone-soft:var(--pink-soft)}.example.tone-violet{--tone:var(--violet);--tone-soft:var(--violet-soft)}.example-icon{background:var(--tone-soft);width:38px;height:38px;color:var(--tone);border-radius:10px;grid-area:icon;place-items:center;margin-bottom:12px;display:grid}.example-icon .spinner{border-top-color:var(--tone)}.example-title{grid-area:title;font-size:14.5px;font-weight:650}.example-kind{background:var(--ok);color:var(--accent-text);letter-spacing:.04em;border-color:#0000;grid-area:kind;align-self:center;margin-bottom:12px;padding:1px 8px;font-size:11px;font-weight:700;text-decoration:none}.example-kind.mcp{background:var(--violet)}.example-desc{color:var(--muted);grid-area:desc;margin-top:4px;font-size:13px;line-height:1.45}.spec-bar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.spec-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.spec-meta{flex:1;min-width:200px;display:grid}.spec-meta .small{overflow-wrap:anywhere}.spec-notes{border-top:1px solid var(--border);color:var(--text-2);flex-basis:100%;margin:0;padding:10px 14px 4px 32px}.flows{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.flow{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;white-space:normal;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:16px;width:100%;min-height:0;padding:16px 18px;font-weight:400;display:grid}.flow-body{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.flow:hover{border-color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--shadow)}.flow-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.flow-head strong{font-size:15.5px;font-weight:650}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex:none;padding:2px 8px;font-size:11.5px;font-weight:650}.flow-desc{color:var(--muted);font-size:13.5px}.flow-steps{flex-wrap:wrap;align-items:center;gap:6px 4px;display:flex}.flow-step{align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex}.flow-arrow{color:var(--muted)}.flow-go{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;transition:background-color .15s,color .15s,transform .15s;display:grid}.flow:hover .flow-go,.flow:focus-visible .flow-go{background:var(--accent);color:var(--accent-text);transform:translate(2px)}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;padding:18px}.custom{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.custom summary{cursor:pointer;align-items:center;gap:8px;padding:13px 16px;font-weight:600;list-style:none;display:flex}.custom summary::-webkit-details-marker{display:none}.custom summary .chevron{color:var(--muted);margin-left:auto;transition:transform .15s}.custom[open] summary .chevron{transform:rotate(180deg)}.custom-body{grid-template-columns:minmax(0,1fr);gap:14px;padding:0 16px 16px;display:grid}.custom-search{align-items:center;gap:10px;display:flex}.custom-search input{background:var(--surface);flex:1;min-width:0}.custom-add{gap:8px;display:flex}.custom-add select{background:var(--surface);flex:1;min-width:0}.custom-steps{gap:6px;margin:0;padding:0;list-style:none;display:grid}.custom-steps li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:flex;position:relative}.grip{width:18px;color:var(--muted);cursor:grab;touch-action:none;flex:none;place-items:center;margin-right:-4px;display:grid}.custom-steps li.dragging{opacity:.45}.custom-steps li.drop-before:before,.custom-steps li.drop-after:after{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;left:0;right:0}.custom-steps li.drop-before:before{top:-5px}.custom-steps li.drop-after:after{bottom:-5px}.custom-index{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.custom-label{flex-wrap:wrap;flex:1;align-items:center;gap:4px 10px;min-width:0;display:flex}.custom-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.field{gap:4px;display:grid}.field select{background:var(--surface)}.editor{grid-template:"head scenes""player scenes""export scenes""gif scenes"1fr/minmax(0,1fr) 360px;align-items:start;gap:16px 20px;display:grid}.editor-head{grid-area:head;justify-items:start;gap:6px;min-width:0;display:grid}.export-card{grid-area:export}.gif-card{grid-area:gif}.editor-bar{justify-content:space-between;justify-self:stretch;align-items:center;gap:12px;display:flex}.editor-head .back{min-height:30px;color:var(--muted);margin:0 0 2px -10px;padding:4px 10px;font-size:13px}.editor-head h2{letter-spacing:-.015em;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(20px,2.4vw,26px);line-height:1.25}.meta-chips{flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.meta-chips li{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:999px;padding:2px 9px;font-weight:550}.stage-card{grid-area:player;gap:10px;padding:12px;display:grid}.player{border-radius:var(--radius-sm);gap:12px;display:grid}.player:focus-visible{outline-offset:4px}.stage{border-radius:var(--radius-sm);background:var(--stage);aspect-ratio:16/9;overflow:hidden}.stage.portrait{aspect-ratio:9/16;width:min(100%,400px);margin:0 auto}.stage.square{aspect-ratio:1;width:min(100%,560px);margin:0 auto}@media (prefers-color-scheme:dark){.stage,.result-video{outline:1px solid var(--border-strong);outline-offset:-1px}}.stage svg{width:100%;height:100%;display:block}.player.full{--text:#e7ecf6;--text-2:#c4cce0;--muted:#8d99b3;--border-strong:#2f3b56;--surface-2:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#000;border-radius:0;grid-template-rows:minmax(0,1fr) auto;align-content:center}.player.filled{z-index:50;position:fixed;inset:0}.player.full .stage{outline:none;place-self:center;width:min(100%,177.778dvh - 160px);margin:0}.player.full .stage.portrait{width:min(100%,56.25dvh - 50.625px)}.player.full .stage.square{width:min(100%,100dvh - 90px)}.player.full .controls{justify-self:center;width:min(100%,1100px)}.controls{align-items:center;gap:6px;padding:0 4px 2px;display:flex}.timeline{touch-action:pan-y;-webkit-user-select:none;user-select:none;gap:4px;margin:0;padding:0 4px 2px;list-style:none;display:flex}.timeline li{flex:1 1 0;min-width:0;display:flex}.thumb{border:1.5px solid var(--border);background:var(--stage);cursor:grab;border-radius:7px;flex:1;min-width:0;height:52px;padding:0;position:relative;overflow:hidden}.thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.thumb:hover:not(:disabled){background:var(--stage);border-color:var(--border-strong)}.thumb.failure{border-color:color-mix(in srgb, var(--error) 55%, transparent)}.thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.timeline.dragging .thumb{cursor:grabbing}.thumb.dragging{opacity:.4}.thumb.drop-before:before,.thumb.drop-after:after{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0}.thumb.drop-before:before{left:0}.thumb.drop-after:after{right:0}.play{background:var(--accent);width:42px;height:42px;min-height:42px;color:var(--accent-text);box-shadow:var(--shadow-sm);border-radius:50%;padding:0}.play:hover{background:var(--accent-hover)}.scrubber{flex:1;min-width:100px;margin:0 8px;position:relative}.scrubber input{width:100%;accent-color:var(--accent);cursor:pointer;margin:0;display:block}.markers{pointer-events:none;height:0;position:absolute;inset:50% 8px auto}.markers span{background:var(--border-strong);opacity:.8;border-radius:1px;width:2px;height:18px;margin-left:-1px;position:absolute;top:-9px}.time{font-variant-numeric:tabular-nums;color:var(--text-2);white-space:nowrap;justify-items:end;font-size:13px;display:grid}.scene-count{color:var(--muted);font-size:12px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.export{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.export-head{align-items:center;gap:12px;display:flex}.export-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.export-head h3{margin-bottom:2px;font-size:16px}.result{border:1px solid color-mix(in srgb, var(--ok) 35%, transparent);border-radius:var(--radius-sm);background:var(--ok-soft);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px;padding:14px;animation:.25s ease-out rise;display:grid}.result.portrait{grid-template-columns:120px minmax(0,1fr)}.result.square{grid-template-columns:160px minmax(0,1fr)}.result-video{aspect-ratio:16/9;background:var(--stage);width:100%;height:auto;box-shadow:var(--shadow);border-radius:8px;display:block}.result.portrait .result-video{aspect-ratio:9/16}.result.square .result-video{aspect-ratio:1}.result-body{justify-items:start;gap:6px;min-width:0;display:grid}.result-title{color:var(--ok);align-items:center;gap:6px;font-size:15px;display:inline-flex}.result-file{overflow-wrap:anywhere}.result-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.result p{margin:0}.result.stale{border-color:var(--border);background:var(--surface-2)}.result.stale .result-video{opacity:.55;transition:opacity .2s}.gif-placeholder{animation:1.6s ease-in-out infinite pulse}.result .progress{width:100%}@keyframes pulse{50%{opacity:.6}}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.voiceover{gap:8px;display:grid}.failure-pick select{width:min(100%,560px)}.branding-grid,.automate-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:12px 18px;padding-top:4px;display:grid}.branding-grid .row{flex-wrap:wrap;gap:8px}.branding input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;width:46px;height:36px;padding:3px}.branding input[type=text],.automate input[type=text]{width:100%}.automate p{margin:0}.automate .automate-problem{color:var(--warn)}.logo-thumb{object-fit:contain;border:1px solid var(--border);background:var(--surface-2);border-radius:6px;max-width:72px;height:36px}.voiceover-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voiceover-row select{flex:220px;min-width:0}.voiceover p{margin:0}.export-actions{flex-wrap:wrap;gap:8px;display:flex}.progress-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.progress-row .small{font-variant-numeric:tabular-nums;min-width:140px}.scenes{overscroll-behavior:contain;grid-area:scenes;max-height:calc(100vh - 96px);padding:18px;position:sticky;top:76px;overflow:auto}.scenes ol:after{content:"";background:linear-gradient(to bottom, transparent, var(--surface));pointer-events:none;height:36px;margin:-44px -18px -18px;position:sticky;bottom:-18px}.scenes-head{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.scenes-head::-webkit-details-marker{display:none}.scenes-head .chevron{color:var(--muted);margin-left:auto;transition:transform .15s}.scenes details[open]>.scenes-head{margin-bottom:12px}.scenes details[open]>.scenes-head .chevron{transform:rotate(180deg)}.scenes ol{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.scene{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;padding:10px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.scene.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.scene-head{align-items:center;gap:4px;display:flex}.scene-jump{text-align:left;flex:1;justify-content:flex-start;gap:8px;min-width:0;min-height:30px;padding:2px 6px 2px 2px;font-size:13.5px;font-weight:600}.scene-jump:hover:not(:disabled){background:var(--surface-2)}.scene-jump:disabled{opacity:1;cursor:default}.scene-name{justify-items:start;gap:3px;min-width:0;display:grid}.scene-title{overflow-wrap:anywhere;white-space:normal;max-width:100%;line-height:1.3}.scene-tags{flex-wrap:wrap;gap:4px;display:flex}.scene-tags .chip{padding:1px 7px;font-size:11.5px}.scene-icon{background:var(--surface-2);width:26px;height:26px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.scene-icon.auth,.scene-icon.webhook{background:var(--hook-soft);color:var(--hook)}.scene-icon.call{background:var(--post-soft);color:var(--post)}.scene-icon.failure{background:var(--error-soft);color:var(--error)}.scene-icon.summary{background:var(--ok-soft);color:var(--ok)}.status{font-family:var(--mono);background:var(--ok-soft);color:var(--ok);border-radius:999px;flex:none;padding:1px 7px;font-size:11.5px;font-weight:700}.status.failure{background:var(--error-soft);color:var(--error)}.scene-path{overflow-wrap:anywhere;color:var(--text-2);font-size:12px;display:block}.scene-warning{color:var(--warn);align-items:flex-start;gap:6px;line-height:1.4;display:flex}.scene-warning .icon{margin-top:1px}.scene textarea{field-sizing:content;min-width:0;min-height:52px;font-size:13.5px;line-height:1.45}.scene-fields{gap:8px;display:grid}.scene-fields input{width:100%;font-size:13.5px}.fold>summary{color:var(--accent);cursor:pointer;align-items:center;gap:4px;font-weight:550;list-style:none;display:inline-flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary .chevron{transition:transform .15s;transform:rotate(-90deg)}.fold[open]>summary .chevron{transform:none}.fold[open]{gap:8px;display:grid}.scene .payload textarea{min-height:92px;max-height:320px;font:12.5px/1.5 var(--mono);tab-size:2}.scene textarea[aria-invalid=true]{border-color:var(--error)}.payload-error{color:var(--error)}.counter{color:var(--muted);font-variant-numeric:tabular-nums;justify-self:end;margin-top:-4px;font-size:11.5px}.counter.near{color:var(--warn)}.hidden-scene{opacity:.55}@media (max-width:1100px){.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-grid li:last-child:nth-child(odd){grid-column:1/-1}.example{grid-template:"icon title kind""icon desc desc"1fr/auto minmax(0,1fr) auto;gap:0 12px}.example-icon,.example-kind{margin-bottom:0}}@media (max-width:1000px){.editor{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""player""scenes""export""gif"}.scenes{max-height:none;position:static}.scenes ol:after{display:none}}@media (max-width:860px){.stepper .label{display:none}.stepper .current .label{display:inline}.hero{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.hero-text{justify-items:center}.sample{width:min(100%,640px)}.sample-caption{justify-content:center}}@media (max-width:600px){.shell{gap:16px;padding:20px 16px 48px}.topbar-inner{padding:8px 16px}.brand span{display:none}.card{padding:16px}.stage-card{padding:8px}.lead{font-size:16px}.segmented label{padding:6px 10px}.upload-toolbar .segmented{width:100%;display:flex}.upload-toolbar .segmented label{flex:1;justify-content:center;padding:6px 4px}.upload-toolbar .segmented .icon{display:none}.url-load{padding:14px}.url-row{flex-direction:column}.custom-foot .primary{width:100%}.example-grid{grid-template-columns:minmax(0,1fr)}.flow{gap:10px;padding:14px}.flow-go{display:none}.controls{flex-wrap:wrap}.thumb{border-radius:5px;height:36px}.scrubber{flex-basis:100%;order:5;margin:6px 0 0}.time{margin-left:auto}.export-actions .primary,.export-actions .secondary{flex:100%}.spec-bar .secondary{margin-left:auto}.result,.result.portrait,.result.square{grid-template-columns:minmax(0,1fr)}.result.portrait .result-video,.result.square .result-video{justify-self:center;width:auto;max-height:320px}.aspect-use{display:none}.result-actions,.result-body{justify-items:stretch;width:100%}.result-actions>*{flex:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}