@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Bebas+Neue&family=Archivo+Black&family=Lora:wght@500;700&family=Caveat:wght@600;700&display=swap";:root{color:#ececeb;font-synthesis:none;--panel:#121214;--panel-2:#171719;--panel-3:#1d1d20;--line:#2a2a2e;--line-soft:#222225;--muted:#85858d;--text-muted:#8f8f98;--accent:#d6ff57;--accent-dark:#a7ce2e;--purple:#a98bff;background:#0c0c0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0b0b0c;min-height:100vh;margin:0}body:has(.app-shell){overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}a.subtle-button,a.icon-button,a.primary-button{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.show-mobile{display:none}.file-menu-sep{background:#2a2a2e;height:1px;margin:5px 6px}.file-menu button .ratio-shape{margin-right:2px}input[type=checkbox]{width:18px;height:18px;padding:3px}input[type=range]{min-height:24px}input[type=color]{min-width:24px;min-height:24px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:#0c0c0d;grid-template:"topbar topbar"60px"rail workspace"minmax(360px,1fr)"rail timeline"minmax(300px,auto)/auto minmax(0,1fr);height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#0e0e0ffa;grid-area:topbar;align-items:center;gap:14px;height:60px;padding:0 14px;display:flex}.brand-mark{color:#10110c;background:var(--accent);border-radius:9px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 24px #d6ff5724}.project-heading{flex-direction:column;width:270px;display:flex}.project-heading input{color:#f2f2f0;background:0 0;border:0;width:100%;min-height:24px;padding:0;font-size:13px;font-weight:650}.project-heading span{color:var(--text-muted);margin-top:2px;font-size:11px}.topbar-center{align-items:center;gap:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.divider{background:var(--line);width:1px;height:20px;margin:0 5px}.icon-button,.subtle-button,.primary-button,.ratio-button,.quick-actions button,.timeline-toolbar button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;transition:all .15s}.icon-button{color:#b7b7bb;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover,.subtle-button:hover,.ratio-button:hover{color:#fff;background:#1c1c1f;border-color:#343438}.icon-button.muted{color:#4e4e53}.icon-button:disabled{cursor:default}.icon-button.danger:hover{color:#ff7a82;background:#32191c;border-color:#50252b}.subtle-button,.primary-button,.ratio-button{align-items:center;gap:7px;height:33px;padding:0 11px;font-size:11px;font-weight:600;display:flex}.subtle-button{border-color:var(--line);background:#151517}.primary-button{color:#121309;background:var(--accent)}.primary-button:hover{background:#e0ff7e}.primary-button:disabled{opacity:.7;cursor:not-allowed}.ratio-button{border-color:var(--line);color:#bdbdc1;background:#151517}.compact{height:29px;padding:0 9px}.upgrade-button{color:var(--accent);background:#20251a;border-color:#526033}.upgrade-button:hover{color:var(--accent);background:#262c1e;border-color:#6e8240}.pro-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;vertical-align:2px;background:#26301b;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:11px;font-style:normal;font-weight:700}.ratio-menu-wrap,.file-menu-wrap{position:relative}.file-menu{z-index:30;background:#171719;border:1px solid #343438;border-radius:10px;min-width:196px;padding:6px;position:absolute;top:39px;right:0;box-shadow:0 18px 55px #0000008c}.file-menu button{color:#bcbcc1;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;width:100%;height:34px;padding:0 9px;font-size:11px;display:flex}.file-menu button:hover{color:#fff;background:#22261c;border-color:#3e4930}.ratio-menu{z-index:30;background:#171719;border:1px solid #343438;border-radius:10px;width:248px;padding:8px;position:absolute;top:41px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #0000008c}.ratio-menu>small{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px 8px;font-size:11px;font-weight:650;display:block}.ratio-menu button{color:#bcbcc1;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:28px 36px 1fr auto;align-items:center;gap:7px;width:100%;height:45px;padding:0 8px;display:grid}.ratio-menu button:hover,.ratio-menu button.active{background:#22261c;border-color:#3e4930}.ratio-menu button.active strong{color:var(--accent)}.ratio-menu button strong{font-size:11px}.ratio-menu button em{color:#8a8a90;font-size:11px;font-style:normal}.ratio-menu button i{color:var(--text-muted);font:11px DM Mono,monospace}.ratio-shape{background:#303034;border:1px solid #85858d;justify-self:center;display:block}.ratio-16-9{width:22px;height:13px}.ratio-9-16{width:11px;height:20px}.ratio-4-5{width:16px;height:20px}.ratio-1-1{width:17px;height:17px}.workspace{grid-area:workspace;grid-template-columns:minmax(500px,1fr) 286px;min-height:0;display:grid}.editor-center{background:radial-gradient(circle at 50% 42%,#1a1a1d 0,#101012 55%,#0d0d0f 100%);grid-template-rows:44px minmax(0,1fr) 48px;min-width:0;min-height:0;display:grid}.quick-actions{border-bottom:1px solid var(--line-soft);background:#0f0f11e0;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 14px;display:flex}.quick-actions button{color:#aaaab0;background:#18181a;border-color:#2b2b2f;flex:none;align-items:center;gap:6px;height:29px;padding:0 10px;font-size:11px;display:flex}.quick-actions button:hover{color:#fff;border-color:#3a3a3f}.quick-actions span{flex:1}.quick-actions .director-action{color:#cfc4ff;background:#211d2d;border-color:#3d3454}.stage-wrap{place-items:center;min-height:0;padding:18px 32px;display:grid;position:relative;overflow:hidden}.scene-media-frame{z-index:3;pointer-events:none;border:1px solid #d6ff57d9;position:absolute;box-shadow:0 0 0 1px #0a0a0c80}.scene-media-ghost{z-index:0;opacity:.3;pointer-events:none;position:absolute}.scene-media-ghost img{object-fit:fill;width:100%;height:100%;display:block}.stage-media-hit{touch-action:none;position:absolute;inset:0}.stage-media-hit.pannable{cursor:grab}.stage-media-hit.pannable:active{cursor:grabbing}.stage{background:#050506;max-width:100%;height:min(100%,34vw);position:relative;overflow:hidden;box-shadow:0 20px 70px #00000080,0 0 0 1px #2e2e32}.scene-visual{position:absolute;inset:0}.scene-picture{transform-origin:50%;position:absolute;inset:0}.scene-picture img,.scene-subject img{max-width:none;display:block;position:absolute}.scene-visual .procedural-canvas{width:100%;height:100%;position:absolute;inset:0}.scene-subject{z-index:4;pointer-events:none;transform-origin:50%;position:absolute;inset:0}.grain{opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.stage-dip{z-index:1;pointer-events:none;background:#000;position:absolute;inset:0}.stage-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 45%,#00000061 100%);position:absolute;inset:0}.stage-lower-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#000 100%);position:absolute;inset:0}.stage-treatment{z-index:1;pointer-events:none;position:absolute;inset:0}.project-grain{z-index:1;pointer-events:none}.safe-area{pointer-events:none;opacity:0;border:1px dashed #ffffff21;position:absolute;inset:7%}.brand-logo{z-index:4;pointer-events:none;height:auto;position:absolute}.logo-editor{align-items:flex-start;gap:12px;display:flex}.logo-thumb{object-fit:contain;background:repeating-conic-gradient(#1b1b1e 0% 25%,#232327 0% 50%) 0 0/14px 14px;border:1px solid #313136;border-radius:8px;flex:none;width:72px;height:72px}.logo-controls{flex:1;min-width:0}.overlay-layer{z-index:2;cursor:grab;touch-action:none;transform-origin:50%;position:absolute}.overlay-layer:active{cursor:grabbing}.overlay-layer.selected,.overlay-layer:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.inspector-hint{color:var(--text-muted);margin:0 0 4px;font-size:11px;line-height:1.5}.safe-area.visible{opacity:1}.caption-preview{z-index:3;text-align:center;cursor:grab;touch-action:none;transform-origin:50% 0;background:0 0;border:0;padding:0;line-height:1.06;position:absolute}.caption-type-line{text-align:left;display:inline-block;position:relative}.caption-type-line>i{visibility:hidden;font-style:inherit}.caption-type-line>b{width:100%;font-weight:inherit;position:absolute;top:0;left:0}.caption-karaoke{display:inline-block;position:relative}.caption-karaoke>.karaoke-accent{width:100%;position:absolute;top:0;left:0}.caption-preview:active{cursor:grabbing}.caption-preview:hover,.caption-preview.selected{outline-offset:3px;outline:1px solid #d6ff57bf}.empty-stage-cta{z-index:2;color:#ddd;cursor:pointer;background:#0a0a0b8c;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.transport{border-top:1px solid var(--line-soft);background:#111113;align-items:center;gap:7px;padding:0 14px;display:flex}.play-button{color:#111;cursor:pointer;background:#ececeb;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding-left:3px;display:grid}.timecode{color:#ddd;margin-left:5px;font:500 12px DM Mono,monospace}.timecode small{color:var(--text-muted);font-size:inherit}.transport-spacer{flex:1}.transport-menu-wrap{position:relative}.view-menu{z-index:20;background:#18181b;border:1px solid #343438;border-radius:9px;width:220px;padding:9px;position:absolute;bottom:39px;right:0;box-shadow:0 16px 45px #00000080}.view-menu>strong{color:#ddd;text-transform:uppercase;letter-spacing:.06em;padding:4px 6px 8px;font-size:11px;display:block}.view-menu label{cursor:pointer;border-top:1px solid #27272b;align-items:center;min-height:46px;padding:5px 6px;display:flex}.view-menu label>span{flex-direction:column;gap:2px;display:flex}.view-menu b{font-size:11px}.view-menu small{color:var(--text-muted);font-size:11px}.view-menu input{accent-color:var(--accent);margin-left:auto}.inspector{border-left:1px solid var(--line);background:#131315;min-height:0;overflow-y:auto}.inspector-title{z-index:2;border-bottom:1px solid var(--line);background:#131315f5;align-items:center;min-height:58px;padding:11px 12px 10px 15px;display:flex;position:sticky;top:0}.inspector-title>div{flex-direction:column;gap:3px;min-width:0;display:flex}.inspector-title span{font-size:12px;font-weight:700}.inspector-title small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.inspector-title button{margin-left:auto}.inspector-body{padding:15px}.inspector-delete{display:none}.field-label{color:#85858c;letter-spacing:.05em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:650;display:block}.text-area,.text-field,.select-field,.number-field input{color:#ededec;background:#1a1a1d;border:1px solid #303035;border-radius:7px;width:100%}.text-area{resize:vertical;min-height:66px;padding:9px 10px;font-size:12px;line-height:1.4}.text-field,.select-field{height:34px;margin-bottom:12px;padding:0 9px;font-size:11px}.select-field{color:#cfcfd2}.field-row{grid-template-columns:1fr 1fr;gap:9px;margin:11px 0 14px;display:grid}.field-row.three{grid-template-columns:1fr 1fr 1fr}.number-field,.color-field{flex-direction:column;gap:5px;min-width:0;display:flex}.number-field span,.color-field>span{color:var(--text-muted);font-size:11px}.number-field input{height:32px;padding:0 8px;font:11px DM Mono,monospace}.color-field>div{background:#1a1a1d;border:1px solid #303035;border-radius:7px;align-items:center;gap:4px;height:32px;padding:3px 5px;display:flex}.color-field input{background:0 0;border:0;width:24px;height:24px;padding:0}.color-field code{color:#8a8a91;font-size:11px;overflow:hidden}.section-rule{background:var(--line);height:1px;margin:15px -15px}.effect-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.effect-grid button{height:57px;color:var(--text-muted);text-transform:capitalize;cursor:pointer;background:#19191c;border:1px solid #2f2f34;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.effect-grid button:hover,.effect-grid button.active{color:var(--accent);background:#22271b;border-color:#6e8240}.effect-icon{color:#d5d5d7;font-size:13px;font-weight:800;transition:all .2s}.effect-grid button:hover .effect-icon.rise{transform:translateY(-3px)}.effect-grid button:hover .effect-icon.pop{transform:scale(1.15)}.effect-grid button:hover .effect-icon.slide{transform:translate(4px)}.effect-grid button:hover .effect-icon.blur{filter:blur(1.6px)}.effect-grid button:hover .effect-icon.bounce{transform:scale(1.2)translateY(-2px)}.effect-grid button:hover .effect-icon.wave{letter-spacing:2px}.effect-grid button:hover .effect-icon.kinetic{transform:rotate(-7deg)scale(1.2)}.effect-grid button:hover .effect-icon.pulse{transform:scale(1.22)}.effect-grid button:hover .effect-icon.float{transform:translateY(-2px)rotate(3deg)}.effect-grid button:hover .effect-icon.slam{transform:scale(.82)}.effect-grid button:hover .effect-icon.glitch{text-shadow:-2px 0 #ff004c,2px 0 #00ffe0}.effect-icon.karaoke{color:#85dfce}.effect-icon.wave{color:#c9a6ff}.effect-icon.kinetic{color:#f4cf57}.effect-icon.pulse{color:#ff8f6b}.effect-icon.glitch{color:#9be8ff}.toggle-row{align-items:center;margin-top:13px;display:flex}.toggle-row>span{flex-direction:column;gap:2px;display:flex}.toggle-row strong,.section-heading strong{font-size:11px}.toggle-row small,.section-heading small{color:var(--text-muted);font-size:11px}.toggle-row input{accent-color:var(--accent);margin-left:auto}.section-heading{align-items:center;margin-bottom:15px;display:flex}.section-heading>div{flex-direction:column;gap:3px;display:flex}.status-pill{color:var(--accent);background:#26301b;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:11px}.mini-action{color:#b7b7bc;cursor:pointer;background:#1c1c1f;border:1px solid #343438;border-radius:6px;align-items:center;gap:5px;height:28px;margin-left:auto;padding:0 8px;font-size:11px;display:flex}.mini-action:hover{color:var(--accent);border-color:#526032}.inspector-empty{height:220px;color:var(--text-muted);text-align:center;place-content:center;justify-items:center;padding:30px;display:grid}.inspector-empty p{max-width:180px;color:var(--text-muted);font-size:11px;line-height:1.5}.collapsible{border-top:1px solid var(--line);margin:12px -15px}.collapsible-toggle{color:#c8c8ce;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:7px;width:100%;padding:11px 15px;font-size:12px;font-weight:600;display:flex}.collapsible-toggle:hover{color:#fff}.collapsible-toggle svg{color:var(--text-muted);flex:none;transition:transform .18s;transform:rotate(-90deg)}.collapsible.open .collapsible-toggle svg{color:var(--accent);transform:none}.collapsible-panel{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.collapsible.open .collapsible-panel{grid-template-rows:1fr}.collapsible-inner{min-height:0;padding:0 15px;overflow:hidden}.collapsible.open .collapsible-inner{padding-bottom:13px}.collapsible-inner>:first-child{margin-top:0}.collapsible-hint{color:var(--text-muted);margin:0 0 11px;font-size:11.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.collapsible-panel,.collapsible-toggle svg{transition:none}}.timeline-shell{z-index:5;background:#101012;border-top:1px solid #313136;grid-area:timeline;min-width:0;min-height:0;overflow-y:auto;box-shadow:0 -12px 35px #0000003d}.timeline-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:9px;height:38px;padding:0 12px;display:flex}.timeline-toolbar strong{font-size:11px}.timeline-toolbar span{color:var(--text-muted);font-size:11px}.timeline-toolbar .toolbar-spacer{flex:1}.timeline-toolbar button{color:#a2a2a8;background:#18181a;border-color:#2d2d31;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:11px;display:flex}.timeline-toolbar button.active{color:#e8e8ec;background:#26262b;border-color:#4a4a52}.timeline-toolbar button.warning{color:#f0a196;background:#251616;border-color:#6e3d36}.timeline-toolbar button.danger{color:#e79b91;background:#201414;border-color:#6e3d36}.timeline-toolbar button.danger:hover{color:#ffb3aa;border-color:#9a4e43}.timeline-toolbar button:disabled{opacity:.4;cursor:default}.timeline-selection-actions{border-right:1px solid var(--line);align-items:center;gap:5px;margin-right:4px;padding-right:4px;display:flex}.timeline-selection-actions .selection-count{color:var(--accent);white-space:nowrap;padding:0 6px;font-size:11px;font-style:normal;font-weight:650}.track-add-wrap{position:relative}.timeline-toolbar .track-add-inline{display:none}.timeline-toolbar .track-add-menu{z-index:30;background:#171719;border:1px solid #343438;border-radius:10px;min-width:172px;padding:6px;position:absolute;bottom:32px;right:0;box-shadow:0 -18px 55px #0000008c}.timeline-toolbar .track-add-menu button{color:#bcbcc1;background:0 0;border-color:#0000;justify-content:flex-start;width:100%;height:32px}.timeline-toolbar .track-add-menu button:hover{color:#fff;background:#22261c;border-color:#3e4930}.timeline-zoom{color:var(--text-muted);align-items:center;gap:4px;margin-right:5px;font-size:11px;display:flex}.timeline-zoom input{width:62px;accent-color:var(--accent)}.timeline-zoom button{color:#a2a2a8;cursor:pointer;background:#18181a;border:1px solid #2d2d31;border-radius:6px;place-items:center;min-width:24px;height:24px;padding:0 5px;display:grid}.timeline-zoom button:hover:not(:disabled){color:#fff;border-color:#45454b}.timeline-zoom button:disabled{opacity:.4;cursor:default}.zoom-fit{font-size:11px;font-weight:600}.timeline-grid{grid-template-columns:96px 1fr;min-height:261px;display:grid}.track-labels{border-right:1px solid var(--line);background:#121214}.track-labels>div{height:52px;color:var(--text-muted);border-bottom:1px solid #202023;align-items:center;gap:7px;padding:0 13px;font-size:11px;display:flex}.track-labels .ruler-label{height:25px}.timeline-scroll{scrollbar-color:#39393e #111113;scrollbar-width:thin;min-width:0;height:100%;overflow:auto hidden}.timeline-body{cursor:crosshair;touch-action:none;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#ffffff0a 100%);background-size:8.333% 100%;min-width:100%;height:auto;position:relative;overflow:hidden}.ruler{cursor:ew-resize;background:#141417;border-bottom:1px solid #252529;height:25px;position:relative}.ruler:hover{background:#17171b}.marquee{z-index:7;border:1px solid var(--accent);pointer-events:none;background:#d6ff571a;border-radius:2px;position:absolute}.ruler span{color:var(--text-muted);font:11px DM Mono,monospace;position:absolute;top:7px;transform:translate(-50%)}.timeline-track{border-bottom:1px solid #202023;height:52px;position:relative}.timeline-block{color:#e9e9e7;text-align:left;cursor:grab;touch-action:none;border:1px solid #0000;border-radius:5px;height:41px;padding:0 9px;position:absolute;top:5px;overflow:hidden;container-type:inline-size}.timeline-block:active{cursor:grabbing}.timeline-block span{z-index:1;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;position:relative;overflow:hidden}@container (width<=40px){.timeline-block>span{display:none}}.timeline-block.selected{z-index:4;border-color:var(--accent);box-shadow:0 0 0 1px #d6ff5747}.scene-block{background:linear-gradient(135deg,#314247,#223033) 50%/cover;box-shadow:inset 0 0 22px #0000003d}.scene-block.shade-1{background:linear-gradient(135deg,#4d3549,#2e222d)}.scene-block.shade-2{background:linear-gradient(135deg,#4d4730,#302d22)}.scene-block.shade-3{background:linear-gradient(135deg,#303e53,#202937)}.caption-block{background:#302b43;border-color:#453d62;padding:0 5px}.overlay-block{text-transform:capitalize;background:#2a3320;border-color:#46592c}.trim-handle{opacity:0;cursor:ew-resize;border-radius:2px;width:8px;position:absolute;top:0;bottom:0}.trim-handle:after{content:"";background:#fff9;border-radius:2px;width:2px;position:absolute;top:7px;bottom:7px;left:3px}.timeline-block.selected .trim-handle{opacity:1}.trim-handle.left{left:0}.trim-handle.right{right:0}.timeline-block.overlap-warning{border-color:#c45c4fbf}.timeline-block.overlap-warning:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#c45c4f38 0 6px,#0000 6px 13px);position:absolute;inset:0}.snap-guide{z-index:5;pointer-events:none;background:var(--accent);width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #d6ff5773}.drag-readout{z-index:7;color:#e9e9e7;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#1c1c20;border:1px solid #3a3a40;border-radius:4px;padding:2px 7px;font-size:11px;position:absolute;top:-8px;transform:translate(-50%)}.audio-wave{cursor:pointer;background:#1b2b22;border:1px solid #32463b;border-radius:5px;align-items:center;gap:3px;padding:4px 8px;display:flex;position:absolute;inset:5px 5px 6px;overflow:hidden}.audio-wave.selected,.audio-wave:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px #d6ff5747}.audio-wave span{z-index:1;color:#9bc9ae;font-size:11px;position:absolute;left:9px}.audio-wave i{background:#76c99a59;border-radius:2px;flex:1;max-width:3px}.audio-trim-handle{z-index:2;cursor:ew-resize;touch-action:none;width:10px;position:absolute;top:5px;bottom:6px}.audio-trim-handle:after{content:"";opacity:0;background:#9bc9aebf;border-radius:2px;width:2px;position:absolute;top:7px;bottom:7px;left:4px}.audio-track:hover .audio-trim-handle:after,.audio-trim-handle.held:after,.audio-trim-handle:focus-visible:after{opacity:1}.beat-marker{z-index:1;pointer-events:none;background:#d6ff571a;width:1px;position:absolute;top:25px;bottom:0}.beat-marker:before{content:"";background:#d6ff5759;border-radius:0 0 3px 3px;width:5px;height:3px;position:absolute;top:0;left:-2px}.beat-marker.bar{background:#d6ff5738}.beat-marker.bar:before{background:#d6ff5799;height:4px}.playhead{z-index:6;pointer-events:none;background:#f4e4b6;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #f4e4b64d}.playhead span{background:#f4e4b6;border-radius:2px 2px 5px 5px;width:9px;height:8px;position:absolute;top:0;left:-4px}.activity-wrap{position:relative}.icon-button.activity-live{color:var(--accent)}.activity-badge{background:var(--accent);color:#10110c;border-radius:7px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;display:grid;position:absolute;top:0;right:0}.activity-panel{z-index:60;background:#171719;border:1px solid #343438;border-radius:10px;width:320px;padding:8px;position:absolute;top:40px;right:0;box-shadow:0 18px 55px #0000008c}.activity-head{justify-content:space-between;align-items:center;padding:4px 6px 8px;display:flex}.activity-head strong{text-transform:uppercase;letter-spacing:.06em;color:#ddd;font-size:11px}.activity-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:11px}.activity-clear:hover{color:#fff}.activity-empty{color:var(--text-muted);margin:4px 6px 8px;font-size:11px;line-height:1.5}.activity-items{flex-direction:column;gap:4px;max-height:340px;display:flex;overflow-y:auto}.activity-item{background:#1a1a1d;border:1px solid #2c2c30;border-radius:8px;grid-template-columns:22px 1fr auto auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.activity-item.error{border-color:#5a3339}.activity-item-icon{color:#b7b7bc;place-items:center;display:grid}.activity-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.activity-item-body strong{font-size:11px}.activity-item-body small{color:var(--text-muted);font-size:11px;line-height:1.35}.activity-item.error .activity-item-body small{color:#f0a196}.activity-item progress{width:100%;height:3px;accent-color:var(--accent);border:0;border-radius:2px;margin-top:3px}.activity-dot{border-radius:50%;width:7px;height:7px}.activity-dot.running{background:var(--accent)}.activity-dot.done{background:#4ea884}.activity-dot.error{background:#d45c4f}.activity-spinner{border:2px solid #41462e;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite export-spin}.activity-spinner.small{width:13px;height:13px}@keyframes export-spin{to{transform:rotate(360deg)}}.notice-toast{z-index:84;background:#18181bfa;border:1px solid #385848;border-radius:10px;flex-direction:column;gap:8px;width:360px;padding:11px 11px 11px 14px;animation:.16s ease-out toast-in;display:flex;position:fixed;bottom:14px;left:14px;box-shadow:0 18px 55px #0000007a}@keyframes toast-in{0%{opacity:.4;transform:translateY(8px)}}.notice-toast.error{border-color:#66343a}.notice-toast.busy{border-color:#53642f}.notice-toast-body{align-items:center;gap:10px;display:flex}.notice-toast-actions{justify-content:flex-end;display:flex}.notice-toast .notice-action{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:6px 10px;font-size:11px;display:block;overflow:hidden}.notice-spinner{flex:none}.generation-progress strong{font-size:12px}.generation-progress small{color:#9aa385;font-size:11px;line-height:1.55}.upload-media-card:disabled,.generate-prompt:disabled{opacity:.55;cursor:default}.notice-toast-body>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.notice-toast strong{font-size:11px}.notice-toast small{color:#8b8b92;font-size:11px;line-height:1.35}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040406b8;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.editor-modal{background:#151517;border:1px solid #39393e;border-radius:13px;width:min(520px,100vw - 40px);max-height:calc(100vh - 60px);overflow:hidden;box-shadow:0 28px 90px #000000a6}.editor-modal>header{border-bottom:1px solid #29292d;align-items:center;min-height:64px;padding:10px 12px 10px 18px;display:flex}.editor-modal>header>div{flex-direction:column;gap:3px;display:flex}.editor-modal>header strong{font-size:13px}.editor-modal>header small{color:var(--text-muted);font-size:11px}.editor-modal>header button{margin-left:auto}.modal-body{max-height:calc(100vh - 200px);padding:18px;overflow-y:auto}.lyrics-area{min-height:190px;font:11px/1.65 DM Mono,monospace}.modal-actions{background:#121214;border-top:1px solid #29292d;justify-content:flex-end;align-items:center;gap:8px;min-height:58px;padding:10px 14px;display:flex}.modal-actions.split span{flex:1}.modal-divider{background:#29292d;height:1px;margin:16px 0}.editor-modal.wide{width:min(820px,100vw - 40px)}.editor-modal.media{width:min(1180px,100vw - 40px)}.editor-modal.media .modal-body{max-height:calc(100vh - 150px)}.bg-tabs{scrollbar-width:none;border-bottom:1px solid #29292d;gap:4px;padding:8px 12px 0;display:flex;overflow-x:auto}.bg-tabs::-webkit-scrollbar{display:none}.bg-tabs button{height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;flex:none;padding:0 13px;font-size:12px;font-weight:600}.bg-tabs button:hover{color:#fff}.bg-tabs button.active{color:var(--accent);background:#19191c;border-color:#2f2f34}.bg-target-control{background:#141416;border-bottom:1px solid #202023;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 18px;display:flex}.bg-target-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:2px;font-size:10px;font-weight:700}.bg-target-option{color:#c9c9cc;cursor:pointer;background:#1a1a1d;border:1px solid #303035;border-radius:999px;height:28px;padding:0 11px;font-size:11px;font-weight:600;transition:all .15s}.bg-target-option:hover:not(:disabled){border-color:#4a4a52}.bg-target-option.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:#f4f4f2}.bg-target-option.active strong{color:var(--accent)}.bg-target-option strong{font-weight:700}.bg-target-option:disabled{opacity:.4;cursor:not-allowed}.bg-tab-body{height:min(520px,100vh - 240px);overflow-y:auto}.bg-designer-head{justify-content:space-between;align-items:center;margin:12px 0 7px;display:flex}.bg-designer-head span{color:var(--text-muted);font-size:11px;font-weight:650}.bg-swatch-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.bg-swatch{cursor:pointer;background-position:50%;background-size:cover;border:1px solid #313136;border-radius:7px;height:40px;padding:0;transition:transform .12s,border-color .12s}.bg-swatch:hover{border-color:#56565c;transform:translateY(-1px)}.bg-swatch.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bg-apply{background:#19191c;border:1px solid #313136;border-radius:9px;gap:10px;margin-top:12px;padding:10px;display:grid}.bg-apply-preview{background-position:50%;background-size:cover;border:1px solid #313136;border-radius:6px;width:100%;height:110px;overflow:hidden}.bg-apply-preview.live .procedural-canvas{object-fit:cover;width:100%;height:100%;display:block}.bg-apply .field-row{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:0}.bg-apply-actions{flex-wrap:wrap;gap:7px;display:flex}.motion-badge.still{color:#9a9aa2}.bg-style-row{flex-wrap:wrap;gap:6px;display:flex}.bg-style-btn{color:#bdbdc2;text-transform:capitalize;cursor:pointer;background:#19191c;border:1px solid #313136;border-radius:7px;height:30px;padding:0 11px;font-size:11px;transition:all .12s}.bg-style-btn:hover{color:var(--accent);background:#22271b;border-color:#6e8240}.modal-actions button:disabled{opacity:.45;cursor:not-allowed}.modal-actions-hint{color:var(--text-muted);font-size:11px}.multi-tally{flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.multi-tally li{color:#b6b6bc;background:#19191c;border:1px solid #2f2f34;border-radius:999px;padding:4px 9px;font-size:11px}.multi-tally strong{color:var(--accent)}.multi-list{flex-direction:column;gap:4px;display:flex}.multi-list button{color:#bcbcc1;text-align:left;cursor:pointer;background:#17171a;border:1px solid #2b2b30;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:11px;display:flex}.multi-list button:hover{color:#fff;background:#22261c;border-color:#3e4930}.multi-list span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.multi-list i{color:var(--text-muted);flex:none;font:11px DM Mono,monospace}.sync-summary{color:var(--accent);background:#1a1a1d;border:1px solid #313136;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.sync-summary>span{flex-direction:column;gap:3px;display:flex}.sync-summary strong{font-size:11px}.sync-summary small{color:var(--text-muted);font-size:11px}.sync-fallback{border:1px solid var(--line-soft);background:#151517;border-radius:8px;margin:10px 0}.sync-fallback>summary{color:var(--text-muted);cursor:pointer;padding:9px 11px;font-size:12px;list-style:none}.sync-fallback>summary::-webkit-details-marker{display:none}.sync-fallback>summary:before{content:"▸";width:12px;color:var(--muted);display:inline-block}.sync-fallback[open]>summary:before{transform:rotate(90deg)}.sync-fallback>summary:hover{color:#c9c9d1}.sync-fallback-note{color:var(--text-muted);margin:0;padding:0 11px 9px;font-size:11px;line-height:1.5}.sync-fallback .field-row{padding:0 11px 11px}.audio-card{background:#19241d;border:1px solid #33463a;border-radius:9px;align-items:center;gap:12px;margin-bottom:14px;padding:13px;display:flex}.audio-card>span{color:#8ee0ad;background:#284033;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.audio-card>div{flex-direction:column;gap:4px;min-width:0;display:flex}.audio-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.audio-card small{color:#72917d;font-size:11px}.audio-detail-row{min-height:38px;color:var(--text-muted);border-bottom:1px solid #28282c;align-items:center;font-size:11px;display:flex}.audio-detail-row strong{color:#c1c1c5;margin-left:auto;font-size:11px}.audio-mix-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px;display:grid}.quick-actions .narrate-action{color:#cfc4ff;background:#211d2d;border-color:#3d3454}.quick-actions .narrate-action:hover{color:#ddd3fa;border-color:#66577f}.voice-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px;display:grid}.voice-grid button{color:#bbb;text-align:left;cursor:pointer;background:#19191c;border:1px solid #303035;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:50px;padding:7px 9px;display:flex}.voice-grid button.active,.voice-grid button:hover{background:#201d29;border-color:#64577f}.voice-grid button.active{color:#ddd3fa}.voice-grid strong{font-size:12px}.voice-grid small{color:var(--text-muted);font-size:11px}.voice-premium{color:#cfc4ff;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;border:1px solid #4a3f63;border-radius:999px;margin-left:5px;padding:1px 5px;font-size:9px;font-weight:600}.preview-voice{margin-bottom:14px}.narrate-modes{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.narrate-modes button{color:#bbb;text-align:left;cursor:pointer;background:#19191c;border:1px solid #303035;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:52px;padding:9px 11px;display:flex}.narrate-modes button.active,.narrate-modes button:hover{color:#ddd3fa;background:#201d29;border-color:#64577f}.narrate-modes button:disabled{opacity:.45;cursor:default}.narrate-modes strong{font-size:12px}.narrate-modes small{color:var(--text-muted);font-size:11px}.speed-slider{width:100%;accent-color:var(--purple)}.narrate-note{color:#9dd6ea;background:#191d21;border:1px solid #33424b;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:11px}.bg-target{color:var(--text-muted);background:#141416;border-bottom:1px solid #202023;flex-wrap:wrap;align-items:center;gap:5px;padding:10px 18px;font-size:11px;display:flex}.bg-target strong{color:#ededf1;font-weight:700}.bg-target.scene{color:#9db27e;background:#14180f}.bg-target.scene strong{color:var(--accent)}.mood-filter{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.mood-filter button{color:#a2a2a8;cursor:pointer;background:#1a1a1d;border:1px solid #303035;border-radius:14px;height:26px;padding:0 11px;font-size:11px}.mood-filter button:hover{color:#fff;border-color:#45454b}.mood-filter button.active{color:var(--accent);background:#20251a;border-color:#d6ff5780}.modal-hint{color:var(--text-muted);font-size:11px}.music-grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:8px;display:grid}.music-card{background:#19191c;border:1px solid #303035;border-radius:9px;align-items:center;gap:11px;padding:10px 11px;transition:border-color .14s,background .14s;display:flex;position:relative;overflow:hidden}.music-card:hover{border-color:#45454b}.music-card.playing{border-color:#5a6b8a}.music-card.current{background:#1b2015;border-color:#d6ff5780}.music-play{color:#ddd;cursor:pointer;background:#232327;border:1px solid #3a3a40;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;transition:all .12s;display:grid}.music-play:hover{border-color:var(--accent);color:var(--accent)}.music-card.playing .music-play{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.music-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.music-card-head{align-items:center;gap:7px;min-width:0;display:flex}.music-card-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.music-card-body small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.music-current-tag{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex:none;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-flex}.music-current-tag svg{margin-left:-1px}.music-progress{background:#2a2a2f;height:2px;position:absolute;bottom:0;left:0;right:0}.music-progress>span{background:var(--accent);transform-origin:0;height:100%;transition:transform .2s linear;display:block}.music-use{color:#d6d6da;white-space:nowrap;cursor:pointer;background:#232327;border:1px solid #3a3a40;border-radius:7px;flex:none;align-items:center;gap:4px;height:28px;padding:0 11px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.music-use:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.music-use:disabled{color:#6f6f76;cursor:default;border-color:#2c2c30}.narration-lane{cursor:pointer;background:0 0;border:0;border-radius:3px;height:10px;padding:0;position:absolute;bottom:3px;left:0;right:0}.narration-lane.selected,.narration-lane:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.narration-lane i{background:#a98bff8c;border:1px solid #a98bffcc;border-radius:3px;height:100%;position:absolute;top:0}.word-chips{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.word-chip{color:#b7b7bc;cursor:pointer;background:#1a1a1d;border:1px solid #303035;border-radius:6px;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:11px;display:flex}.word-chip i{color:var(--text-muted);font:11px DM Mono,monospace}.word-chip.shaky{color:#e8c477;background:#241d10;border-color:#6b5326}.word-chip.shaky i{color:#c99a3c}.caption-block.shaky{box-shadow:inset 3px 0 #c99a3c}.word-chip:hover{color:#fff;border-color:#45454b}.word-chip.reached{color:var(--accent)}.word-chip.next{border-color:var(--accent);color:var(--accent);background:#20251a}.tap-sync-button{width:100%;min-height:44px;color:var(--accent);cursor:pointer;background:#20251a;border:1px solid #d6ff5780;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.tap-sync-button small{color:#828d68;font-size:11px;font-weight:500}.kb-presets{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.kb-presets button{color:#a2a2a8;cursor:pointer;background:#1a1a1d;border:1px solid #303035;border-radius:14px;height:26px;padding:0 10px;font-size:11px}.kb-presets button:hover{color:#fff;border-color:#45454b}.kb-presets button.active{color:var(--accent);background:#20251a;border-color:#d6ff5780}.depth-row,.subject-row{background:#1c1a24;border:1px solid #3d3454;border-radius:8px;flex-direction:column;gap:8px;margin:10px 0 12px;padding:10px;display:flex}.depth-toggle,.subject-toggle{cursor:pointer;align-items:flex-start;gap:8px;min-height:44px;display:flex}.depth-toggle input,.subject-toggle input{accent-color:var(--purple);margin-top:2px}.depth-toggle span,.subject-toggle span{flex-direction:column;gap:3px;display:flex}.depth-toggle strong,.subject-toggle strong{color:#cfc4ff;font-size:11px}.depth-toggle small,.subject-toggle small{color:var(--text-muted);font-size:11px;line-height:1.4}.depth-row .inspector-hint,.subject-row .inspector-hint{margin:0}.depth-row .motion-control{align-self:flex-start}.depth-row .motion-control input[type=range]{background:linear-gradient(90deg,#26262b,#3d3454)}.depth-looks{flex-wrap:wrap;gap:6px;display:flex}.depth-looks button{color:#a99cc4;cursor:pointer;background:#201d29;border:1px solid #3d3454;border-radius:14px;height:26px;padding:0 10px;font-size:11px}.depth-looks button:hover:not(:disabled){color:#fff;border-color:#5b4f7d}.depth-looks button.active{color:#cfc4ff;background:#272031;border-color:#a98bff99}.depth-looks button:disabled{opacity:.45;cursor:default}.model-working{align-items:flex-start;gap:8px;display:flex}.model-working .activity-spinner{border-color:#3d3454;border-top-color:var(--purple);flex:none;margin-top:1px}.section-heading.tight{align-items:center;margin-bottom:4px}.section-heading.tight .field-label{margin:0}.transcribe-button,.upload-media-card,.tap-entry-button{color:#bcaef0;text-align:left;cursor:pointer;background:#201d29;border:1px solid #3b3650;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:62px;margin-top:13px;padding:11px;display:flex}.transcribe-button:hover,.upload-media-card:hover,.tap-entry-button:hover{background:#272231;border-color:#685c88}.tap-entry-button{color:#c6c6cb;background:#1a1a1d;border-color:#303035}.tap-entry-button:hover{background:#202024;border-color:#45454b}.upload-media-card{color:#9dd6ea;background:#191d21;border-color:#33424b}.transcribe-button:disabled{opacity:.55;cursor:wait}.transcribe-button span,.upload-media-card span,.tap-entry-button span,.generation-note span{flex-direction:column;gap:3px;display:flex}.transcribe-button strong,.upload-media-card strong,.tap-entry-button strong,.generation-note strong{font-size:11px}.transcribe-button small,.upload-media-card small,.tap-entry-button small,.generation-note small{color:var(--text-muted);font-size:11px;line-height:1.4}.danger-button{color:#ff929a;cursor:pointer;background:#2d191d;border:1px solid #573038;border-radius:7px;align-items:center;gap:6px;height:33px;padding:0 10px;font-size:11px;display:flex}.help-body{gap:14px;display:grid}.help-body>div{background:#19191c;border:1px solid #2e2e33;border-radius:8px;padding:13px}.help-body strong{font-size:11px}.help-body p{color:#898990;margin:6px 0 0;font-size:11px;line-height:1.6}.help-body dl{grid-template-columns:110px 1fr;gap:6px;margin:9px 0 0;font-size:11px;display:grid}.help-body dt{color:#ccc;background:#222225;border:1px solid #38383d;border-radius:4px;width:fit-content;padding:2px 5px}.help-body dd{color:var(--text-muted);margin:0}.scene-order-actions{gap:5px;margin:-2px 0 12px;display:flex}.scene-order-actions button{color:#8d8d94;cursor:pointer;background:#1a1a1d;border:1px solid #303035;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;height:28px;padding:0 5px;font-size:11px;display:flex}.scene-order-actions button:hover{color:#fff;border-color:#45454b}.scene-order-actions button:disabled{opacity:.35;cursor:default}.transition-row{align-items:end}.transition-row .select-field{margin:0}.director-script{min-height:145px;font:11px/1.6 DM Mono,monospace}.director-options{grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 16px;display:grid}.director-options label{color:var(--text-muted);text-transform:uppercase;flex-direction:column;gap:5px;font-size:11px;display:flex}.director-options select{color:#ddd;text-transform:capitalize;background:#1a1a1d;border:1px solid #303035;border-radius:7px;height:33px;padding:0 8px;font-size:11px}.director-presets{grid-template-columns:1fr 1fr;gap:7px;display:grid}.director-presets button{color:#fff;text-align:left;cursor:pointer;border:1px solid #37373c;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:65px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -42px 35px #00000075}.director-presets button.active{border-color:var(--accent);box-shadow:inset 0 -42px 35px #00000080,0 0 0 1px #d6ff5740}.director-presets strong{font-size:11px;position:relative}.director-presets small{color:#ffffffad;margin-top:3px;font-size:11px;position:relative}.director-summary{color:var(--accent);background:#20251a;border:1px solid #42502e;border-radius:8px;align-items:center;gap:10px;margin-top:13px;padding:11px;display:flex}.director-summary>span{flex-direction:column;gap:3px;display:flex}.director-summary strong{font-size:11px}.director-summary small{color:#828d68;font-size:11px}.command-input{min-height:100px;font-size:13px;line-height:1.5}.command-capabilities{background:#19191c;border:1px solid #2e2e33;border-radius:8px;margin-top:14px;padding:14px}.command-capabilities>strong{text-transform:uppercase;letter-spacing:.06em;color:#ddd;margin-bottom:10px;font-size:11px;display:block}.command-capabilities dl{gap:8px;margin:0;display:grid}.command-capabilities dl>div{grid-template-columns:136px 1fr;align-items:baseline;gap:10px;display:grid}.command-capabilities dt{color:#d3d3d8;font-size:11.5px;font-weight:650}.command-capabilities dd{color:var(--text-muted);margin:0;font:11px/1.5 DM Mono,monospace}.command-capabilities p{color:var(--text-muted);margin:12px 0 0;font-size:11.5px;line-height:1.55}.command-examples{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.command-examples button{color:#a99fc3;cursor:pointer;background:#211e29;border:1px solid #37333f;border-radius:20px;padding:6px 8px;font-size:11px}.command-examples button:hover{color:#ddd3fa;border-color:#66577f}.command-body p{color:var(--text-muted);margin:14px 0 0;font-size:11px}.style-preset-list{grid-template-columns:1fr 1fr;gap:7px;display:grid}.style-preset-list button{color:#bbb;text-align:left;cursor:pointer;background:#19191c;border:1px solid #303035;border-radius:8px;align-items:center;gap:10px;min-height:68px;padding:8px;display:flex}.style-preset-list button.active,.style-preset-list button:hover{background:#20241a;border-color:#64743e}.style-preset-list i{border-radius:5px;flex:none;align-self:stretch;width:44px}.style-preset-list span{flex-direction:column;gap:4px;display:flex}.style-preset-list strong{font-size:11px}.style-preset-list small{color:var(--text-muted);font-size:11px;line-height:1.35}.history-list{min-height:180px}.history-list>p{color:var(--text-muted);font-size:11px}.history-list>button{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #29292d;align-items:center;gap:10px;width:100%;min-height:53px;padding:8px 10px;display:flex}.history-list>button:hover{color:#fff;background:#1c1c1f}.history-list>button>span{flex-direction:column;flex:1;gap:3px;display:flex}.history-list strong{font-size:11px}.history-list small{color:var(--text-muted);font-size:11px}.history-list em{color:var(--accent);font-size:11px;font-style:normal}.modal-empty{height:150px;color:var(--text-muted);text-align:center;place-content:center;justify-items:center;gap:6px;display:grid}.modal-empty strong{color:#aaa;font-size:11px}.modal-empty small{max-width:260px;color:var(--text-muted);font-size:11px}.cloud-options{gap:9px;display:grid}.cloud-options>button{color:#bbb;text-align:left;cursor:pointer;background:#19191c;border:1px solid #313136;border-radius:9px;align-items:center;gap:13px;min-height:76px;padding:12px;display:flex}.cloud-options>button:hover{background:#20251a;border-color:#5e7040}.cloud-options>button>span{width:42px;height:42px;color:var(--accent);background:#292d21;border-radius:9px;place-items:center;display:grid}.cloud-options>button>div{flex-direction:column;gap:4px;display:flex}.cloud-options strong{font-size:11px}.cloud-options small{color:var(--text-muted);font-size:11px}.generate-body{gap:13px;display:grid}.generate-body .upload-media-card{color:#9dd6ea;background:#191d21;border-color:#33424b;margin:0 0 3px}.generate-prompt{min-height:110px;font-size:12px;line-height:1.55}.generation-note{color:var(--accent);background:#20251a;border:1px solid #3e4a2c;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.generation-note small{color:var(--text-muted)}.stock-search-form{gap:7px;display:flex}.stock-search-form>div{min-width:0;height:34px;color:var(--text-muted);background:#1a1a1d;border:1px solid #303035;border-radius:7px;flex:1;align-items:center;gap:7px;padding:0 9px;display:flex}.stock-search-form input{color:#ededec;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.stock-search-form .subtle-button{min-width:76px}.stock-search-form .subtle-button:disabled{opacity:.55;cursor:wait}.stock-license-note,.stock-search-empty,.stock-search-error{color:var(--text-muted);margin:8px 0 0;font-size:10.5px;line-height:1.45}.stock-search-error{color:#f0a196}.stock-results{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:10px;display:grid}.stock-result{background:#19191c;border:1px solid #303035;border-radius:8px;min-width:0;overflow:hidden}.stock-result-image{aspect-ratio:16/10;cursor:pointer;background:#0d0d0f;border:0;border-bottom:1px solid #303035;width:100%;padding:0;display:block;overflow:hidden}.stock-result-image:hover{box-shadow:inset 0 0 0 2px var(--accent)}.stock-result-image img{object-fit:cover;width:100%;height:100%;display:block}.stock-result-meta{flex-direction:column;gap:3px;min-width:0;padding:7px;display:flex}.stock-result-meta strong{color:#d6d6d9;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.stock-result-meta small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.stock-result-meta a,.stock-credits a{color:#9dd6ea;font-size:9.5px;text-decoration:none}.stock-license-note a{color:#9dd6ea;text-decoration:none}.stock-result-meta a:hover,.stock-credits a:hover,.stock-license-note a:hover{text-decoration:underline}.stock-load-more{justify-content:center;margin-top:12px;display:flex}.stock-load-more .subtle-button{min-width:120px}.stock-load-more .subtle-button:disabled{opacity:.55;cursor:wait}.stock-credits{gap:5px;display:grid}.stock-credits p{color:var(--text-muted);margin:0;font-size:10px;line-height:1.45}.image-gallery{gap:8px;margin-top:3px;display:grid}.image-gallery-hint{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.image-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.image-gallery-item{flex-direction:column;gap:4px;display:flex}.image-gallery-thumb{cursor:pointer;aspect-ratio:16/10;background:#0d0d0f;border:1px solid #303035;border-radius:8px;padding:0;transition:border-color .15s;position:relative;overflow:hidden}.image-gallery-thumb:hover{border-color:var(--accent)}.image-gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-gallery-apply{justify-content:center;width:100%}.bg-card-apply{align-self:flex-start;margin-top:3px}.motion-badge{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#08080ac7;border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:9.5px;font-weight:600;display:inline-flex;position:absolute;bottom:6px;left:6px}.preview-mode{grid-template-rows:60px 1fr;grid-template-areas:"topbar topbar""workspace workspace"}.preview-mode .topbar-center,.preview-mode .quick-actions,.preview-mode .timeline-shell,.preview-mode .media-rail,.preview-mode .empty-stage-cta{display:none}.preview-mode .workspace{grid-template-columns:minmax(600px,1fr) 320px}.preview-mode .editor-center{grid-template-rows:minmax(0,1fr) 48px}.preview-mode .stage-wrap{padding:30px}.preview-mode .stage{height:min(100%,56vw)}.review-panel{border-left:1px solid var(--line);background:#131315;flex-direction:column;min-height:0;display:flex}.review-panel>header{border-bottom:1px solid var(--line);align-items:center;min-height:58px;padding:11px 14px;display:flex}.review-panel>header>div{flex-direction:column;gap:3px;display:flex}.review-panel>header strong{font-size:12px}.review-panel>header small{color:var(--text-muted);font-size:11px}.review-panel>header .status-pill{margin-left:auto}.review-compose{border-bottom:1px solid #29292d;padding:12px}.review-compose>div{align-items:center;margin-bottom:7px;display:flex}.review-compose input{color:#ddd;background:0 0;border:0;flex:1;min-width:0;font-size:11px;font-weight:650}.review-compose time{color:var(--accent);font:11px DM Mono,monospace}.review-compose textarea{resize:vertical;color:#ddd;background:#1a1a1d;border:1px solid #303035;border-radius:7px;width:100%;min-height:64px;padding:8px;font-size:11px}.review-compose .primary-button{height:29px;margin:7px 0 0 auto;padding:0 9px;font-size:11px}.review-compose .primary-button:disabled{opacity:.4}.review-comments{flex:1;min-height:0;padding:8px 12px;overflow-y:auto}.review-comments article{background:#19191c;border:1px solid #303035;border-radius:8px;grid-template-columns:auto 1fr;gap:6px 8px;margin:0 0 8px;padding:10px;display:grid;position:relative}.review-comments article.resolved{opacity:.5}.comment-time{color:var(--accent);cursor:pointer;background:#242b1b;border:1px solid #53632d;border-radius:4px;padding:3px 5px;font:11px DM Mono,monospace}.review-comments article>div{flex-direction:column;gap:2px;display:flex}.review-comments article strong{font-size:11px}.review-comments article small{color:var(--text-muted);font-size:11px}.review-comments article p{color:#aaaab0;grid-column:1/-1;margin:2px 0 4px;font-size:11px;line-height:1.45}.resolve-comment{color:var(--text-muted);cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:0;font-size:11px}.resolve-comment:hover{color:var(--accent)}@media (height<=750px){.app-shell{grid-template-rows:54px minmax(330px,1fr) minmax(218px,auto)}.topbar{height:54px}.timeline-grid{height:221px}.timeline-track,.track-labels>div{height:42px}.timeline-block{height:32px}.stage-wrap{padding:10px 25px}}.media-rail{border-right:1px solid var(--line);background:#101012;flex-direction:column;grid-area:rail;width:240px;min-height:0;display:flex}.media-rail.collapsed{width:36px;padding:6px 3px}.media-rail-expand{border:1px solid var(--line);color:#b7b7bb;cursor:pointer;background:#151517;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:30px;height:46px;display:flex;position:relative}.media-rail-expand:hover{color:#fff;border-color:#343438}.media-rail-expand.pulse{animation:1s ease-out rail-pulse}@keyframes rail-pulse{30%{border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px #d6ff5780}}.media-rail-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:7px;min-height:44px;padding:0 8px 0 12px;display:flex}.media-rail-head strong{font-size:12px}.media-rail-head span{color:var(--text-muted);font-size:11px}.media-rail-head .media-rail-collapse{width:26px;height:26px;margin-left:auto}.media-rail-add{justify-content:center;margin:10px 10px 0}.media-rail-filter{height:30px;color:var(--text-muted);background:#1a1a1d;border:1px solid #303035;border-radius:7px;align-items:center;gap:6px;margin:10px 10px 0;padding:0 8px;display:flex}.media-rail-filter input{color:#ededec;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.media-rail-sections{scrollbar-width:thin;scrollbar-color:#39393e #101012;flex:1;min-height:0;padding:10px 10px 14px;overflow-y:auto}.media-rail-sections section+section{margin-top:14px}.media-rail-section-label{color:#85858c;letter-spacing:.05em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:650;display:block}.media-tile-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.media-tile-wrap{min-width:0;position:relative}.media-tile{width:100%;color:inherit;text-align:left;cursor:grab;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.media-tile:active{cursor:grabbing}.media-tile.drag-source{opacity:.45}.media-tile.flash .media-tile-thumb{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 18px #d6ff5759}.media-tile-thumb{aspect-ratio:16/10;background:#0d0d0f;border:1px solid #303035;border-radius:7px;transition:border-color .15s;display:block;position:relative;overflow:hidden}.media-tile:hover .media-tile-thumb,.media-tile:focus-visible .media-tile-thumb{border-color:#56565c}.media-tile-thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-tile-glyph{width:16px;height:16px;color:var(--accent);background:#08080acc;border-radius:5px;place-items:center;display:grid;position:absolute;bottom:4px;left:4px}.media-tile-name{color:#b9b9bf;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.media-tile.uploading{cursor:default}.media-tile.uploading .media-tile-thumb{background:repeating-linear-gradient(135deg,#17171a 0 8px,#1c1c20 8px 16px)}.media-tile.uploading progress{width:100%;height:3px;accent-color:var(--accent);border:0;border-radius:2px}.media-tile-kebab{color:#b7b7bc;cursor:pointer;opacity:0;background:#0e0e10d9;border:1px solid #3a3a40;border-radius:6px;place-items:center;width:22px;height:22px;transition:opacity .12s;display:grid;position:absolute;top:4px;right:4px}.media-tile-wrap:hover .media-tile-kebab,.media-tile-kebab:focus-visible,.media-tile-wrap:focus-within .media-tile-kebab{opacity:1}.media-tile-kebab:hover{color:#fff;border-color:#56565c}.media-verb-menu{z-index:45;background:#171719;border:1px solid #343438;border-radius:10px;min-width:208px;padding:6px;position:fixed;box-shadow:0 18px 55px #0000008c}.media-verb-title{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:5px 8px 7px;font-size:11px;display:block;overflow:hidden}.media-verb-menu button{color:#bcbcc1;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;font-size:11px;display:flex}.media-verb-menu button:hover:not(:disabled){color:#fff;background:#22261c;border-color:#3e4930}.media-verb-menu button:disabled{opacity:.45;cursor:default}.media-verb-menu button.danger:hover{color:#ff7a82;background:#32191c;border-color:#50252b}.media-rail-empty{color:var(--text-muted);text-align:center;justify-items:center;gap:8px;padding:26px 8px;display:grid}.media-rail-empty p{margin:0;font-size:11px;line-height:1.5}.media-rail-empty strong{color:#c9d69a}body.media-dragging{-webkit-user-select:none;user-select:none}body.media-dragging,body.media-dragging *{cursor:grabbing!important}.media-drag-ghost{z-index:95;pointer-events:none;flex-direction:column;gap:4px;animation:.14s ease-out ghost-lift;display:flex;position:fixed}@keyframes ghost-lift{0%{transform:scale(.92)}}.media-drag-ghost img{object-fit:cover;background:#0c0c0e;border:1px solid #3a3a40;border-radius:8px;width:56px;height:56px;box-shadow:0 14px 36px #0009}.media-drag-ghost span{width:max-content;max-width:210px;color:var(--accent);white-space:nowrap;background:#16190ff5;border:1px solid #3e4930;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600}.media-drag-ghost.invalid{opacity:.5}.drop-caret{z-index:6;background:var(--accent);pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:2px;bottom:2px;box-shadow:0 0 8px #d6ff57a6}.drop-extent{z-index:3;border:1px solid var(--accent);pointer-events:none;background:#d6ff5721;border-radius:5px;position:absolute;top:5px;bottom:6px;box-shadow:inset 0 0 12px #d6ff571f}.timeline-block.drop-target{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.timeline-block.drop-target:after{content:"";pointer-events:none;background:#0f0f1166;position:absolute;inset:0}.stage.drop-target-stage{box-shadow:0 20px 70px #00000080, 0 0 0 2px var(--accent)}.scene-picture,.scene-subject{transform-origin:50%;transition:transform 80ms linear}.app-shell.is-playing .scene-picture,.app-shell.is-playing .scene-subject{transition:none}.mobile-tabs{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#0f0f11;flex:none;display:none}.mobile-tabs button{min-height:52px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.mobile-tabs button.active{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}@media (width<=1119px) and (width>=861px){.workspace{grid-template-columns:minmax(0,1fr) 246px}.project-heading{width:168px}.stage-wrap{padding:14px 20px}.preview-mode .workspace{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=860px){.hide-mobile{display:none!important}.show-mobile{display:flex}.app-shell{flex-direction:column;display:flex}.topbar{flex-wrap:nowrap;flex:none;gap:4px;height:56px;min-height:56px;padding:0 8px}.topbar .divider,.topbar-center{display:none}.brand-mark{flex:none;width:30px;height:30px}.project-heading{flex:auto;width:auto;min-width:40px}.project-heading input,.project-heading span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-actions{flex:none;gap:3px;margin-left:auto}.topbar .icon-button{width:44px;height:44px}.topbar .primary-button,.topbar .subtle-button,.topbar .ratio-button{height:40px}.more-menu-wrap .file-menu{min-width:224px;max-height:72dvh;top:50px;right:0;overflow-y:auto}.more-menu-wrap .file-menu button{height:42px}.workspace{flex-direction:column;flex:auto;order:1;min-height:0;display:flex}.topbar{order:0}.mobile-timeline .workspace,.mobile-media .workspace{flex:none}.mobile-timeline.preview-mode .workspace{flex:auto}.editor-center{flex-direction:column;flex:none;display:flex}.stage-wrap{order:1;place-items:center;padding:10px 12px 8px;display:grid}.stage{height:min(40dvh, var(--stage-fit-h,56.25vw));width:auto;max-width:100%}.transport{order:2;min-height:52px;padding:0 8px}.transport .icon-button,.transport .play-button{width:44px;height:44px}.transport .subtle-button{height:40px}.quick-actions{border-bottom:0;border-top:1px solid var(--line-soft);order:3;height:auto;min-height:56px}.quick-actions button{height:44px;padding:0 13px}.quick-actions .qa-add{display:none}.quick-actions .qa-add-mobile{display:block}.quick-actions .add-menu-wrap .add-menu{top:48px}.quick-actions .add-menu-wrap .add-menu button{height:44px}.inspector{border-left:0;border-top:1px solid var(--line);flex:auto;min-height:0;display:none}.mobile-edit .inspector{display:block}.inspector-delete{border-top:1px solid var(--line);background:#131315f7;padding:10px 12px;display:block;position:sticky;bottom:0}.inspector-delete button{color:#e79b91;cursor:pointer;background:#201414;border:1px solid #6e3d36;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:13px;display:flex}.inspector-delete button:active{color:#ffb3aa;background:#2c1a17}.review-panel{border-left:0;border-top:1px solid var(--line);flex:auto;min-height:0}.timeline-shell{flex-direction:column;flex:auto;order:2;min-height:0;display:flex}.mobile-edit .timeline-shell,.mobile-media .timeline-shell,.preview-mode .timeline-shell{display:none}.media-rail{border-right:0;border-top:1px solid var(--line);order:2;width:auto;display:none}.mobile-media .media-rail{flex:auto;min-height:0;display:flex}.media-rail-head{min-height:48px}.media-rail-head .media-rail-collapse{display:none}.media-rail-add{height:44px;margin:10px 12px 0}.media-rail-filter{height:40px;margin:10px 12px 0}.media-rail-filter input{font-size:13px}.media-rail-sections{padding:12px}.media-tile-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.media-tile-name{font-size:12px}.media-tile-kebab{opacity:1;width:28px;height:28px}.mobile-tabs{order:3}.media-verb-menu{z-index:85;min-width:0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0;box-shadow:0 -18px 55px #0009}.media-verb-menu button{min-height:46px;font-size:13px}.media-verb-title{padding-bottom:9px;font-size:12px}.timeline-grid{flex:auto;grid-template-columns:44px 1fr;height:auto;min-height:0}.track-labels>div{justify-content:center;padding:0}.track-labels>div span{display:none}.timeline-track,.track-labels>div{height:44px}.timeline-block{height:34px;top:5px}.trim-handle{width:24px}.trim-handle:after{left:10px}.audio-trim-handle{width:24px;margin-left:-7px}.audio-trim-handle:after{left:11px}.timeline-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:7px;height:48px;min-height:0;padding:0 10px;overflow:auto hidden}.timeline-toolbar::-webkit-scrollbar{display:none}.timeline-toolbar>strong,.timeline-toolbar>span,.timeline-toolbar .toolbar-spacer{display:none}.timeline-toolbar>button,.timeline-toolbar .track-add-wrap,.timeline-toolbar .timeline-zoom,.timeline-toolbar .timeline-selection-actions{flex:none}.timeline-toolbar button{height:38px}.timeline-toolbar .track-add-wrap{display:none}.timeline-toolbar .track-add-inline{display:flex}.timeline-toolbar .track-add{order:-2}.timeline-toolbar .timeline-zoom{order:-1}.timeline-zoom input{display:none}.timeline-zoom button{min-width:38px;height:38px}.mobile-tabs{display:flex}.inspector .number-field input,.inspector .select-field,.inspector .text-field,.inspector .color-field>div,.inspector .collapsible-toggle,.inspector .toggle-row{min-height:44px}.mini-action{min-height:40px}.modal-backdrop{align-items:flex-end;padding:0;display:flex}.editor-modal,.editor-modal.wide,.editor-modal.media{border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;width:100vw;max-height:88dvh}.modal-body,.editor-modal.media .modal-body{max-height:calc(88dvh - 130px)}.bg-tab-body{height:auto;min-height:0;max-height:calc(88dvh - 130px)}.bg-tabs button,.modal-actions button{min-height:42px}.notice-toast{width:auto;left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom))}.activity-panel{width:auto;top:62px;left:12px;right:12px;transform:none}.editor-modal:has(.guide){width:100vw}.guide-layout{grid-template-columns:1fr}.guide-nav{flex-flow:wrap;gap:6px}.guide-nav button span{display:none}.guide-nav button{background:#1c1c1f;padding:9px 11px}.guide-nav button.active{background:#24240f}}@media (width<=860px) and (orientation:landscape){.app-shell{grid-template:"topbar topbar"54px"workspace timeline"minmax(0,1fr)"tabs tabs"54px/minmax(0,1.05fr) minmax(0,1fr);display:grid}.topbar{grid-area:topbar;height:54px;min-height:54px}.workspace{border-right:1px solid var(--line);grid-area:workspace;min-height:0}.editor-center{min-height:0;overflow:hidden}.mobile-edit .editor-center,.mobile-media .editor-center{display:none}.mobile-media .media-rail{border-top:0;border-right:1px solid var(--line);grid-area:workspace}.mobile-media .timeline-shell{display:flex!important}.timeline-shell,.mobile-edit .timeline-shell{border-top:0;grid-area:timeline;min-height:0;display:flex!important}.preview-mode .timeline-shell{display:none!important}.preview-mode .review-panel{grid-area:timeline}.mobile-tabs{grid-area:tabs;min-height:54px}.mobile-tabs button{min-height:54px}.stage-wrap{padding:8px}.stage{height:min(52dvh,44vw)}.quick-actions{min-height:46px}.quick-actions button{height:40px}}.editor-modal:has(.guide){width:min(900px,100vw - 40px)}.modal-body:has(.guide){display:flex;overflow:hidden}.guide{flex-direction:column;flex:1;gap:14px;width:100%;min-height:0;display:flex}.guide-search{border:1px solid var(--line);height:40px;color:var(--text-muted);background:#101012;border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.guide-search input{color:#ededec;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.guide-search input::placeholder{color:var(--text-muted)}.guide-layout{flex:1;grid-template-columns:186px 1fr;gap:18px;min-height:0;display:grid}.guide-nav{flex-direction:column;gap:2px;display:flex}.guide-nav button{color:#c4c4ca;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:12.5px;font-weight:550;display:flex}.guide-nav button svg{opacity:.65;flex:none}.guide-nav button:hover{background:#1c1c1f}.guide-nav button.active{color:var(--accent);background:#24240f}.guide-nav button.active svg{opacity:1}.guide-content,.guide-results{flex-direction:column;gap:16px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.guide-intro{color:var(--text-muted);margin:0 0 2px;font-size:12.5px;line-height:1.6}.guide-entry h4{color:#f0f0ef;margin:0 0 5px;font-size:13px;font-weight:650}.guide-entry-body{color:#b4b4bb;font-size:12.5px;line-height:1.62}.guide-entry-body p{margin:0}.guide-entry-tag{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;background:#1c1c1f;border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:9.5px;font-weight:700;display:inline-block}.guide-empty{color:var(--text-muted);font-size:13px}.guide-note{color:var(--text-muted);margin:10px 0 0;font-size:11.5px}.guide-keys{border-collapse:collapse;width:100%}.guide-keys td{border-bottom:1px solid var(--line-soft);color:#b4b4bb;vertical-align:top;padding:6px;font-size:12.5px}.guide-keys td:first-child{white-space:nowrap;width:42%}.guide kbd{color:#ededec;background:#1c1c1f;border:1px solid #3a3a40;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font:600 11px DM Mono,ui-monospace,monospace;display:inline-block}.preview-error{color:#ff8f97}.link-button{color:var(--accent);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.link-button:hover{color:#e7ffa3}.lightbox-backdrop{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030305db;place-items:center;padding:26px;display:grid;position:fixed;inset:0}.lightbox-frame{outline:none;flex-direction:column;gap:10px;max-width:min(1180px,100vw - 52px);max-height:calc(100vh - 52px);display:flex;position:relative}.lightbox-figure{background:#0c0c0e;border:1px solid #39393e;border-radius:13px;place-items:center;min-width:320px;min-height:220px;margin:0;display:grid;overflow:hidden;box-shadow:0 32px 110px #000000b8}.lightbox-figure img{object-fit:contain;max-width:min(1178px,100vw - 54px);max-height:calc(100vh - 150px);display:block}.lightbox-close{z-index:2;background:#171719;border:1px solid #39393e;border-radius:50%;width:32px;height:32px;position:absolute;top:-12px;right:-12px;box-shadow:0 8px 26px #00000080}.lightbox-nav{z-index:2;color:#d9d9de;cursor:pointer;background:#141417eb;border:1px solid #39393e;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:var(--accent);border-color:#6e8240}.lightbox-nav.prev{left:-14px}.lightbox-nav.next{right:-14px}.lightbox-caption{background:#151517;border:1px solid #313136;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.lightbox-caption-text{gap:2px;min-width:0;display:grid}.lightbox-caption-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.lightbox-caption-text small{color:#9a9aa2;font-size:11px}.lightbox-caption-text small a{color:#bfd085}.lightbox-caption-actions{flex:none;align-items:center;gap:12px;display:flex}.lightbox-count{color:#808089;font-variant-numeric:tabular-nums;font-size:11px}.texture-designer{gap:12px;display:grid}.texture-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hue-control{background:#19191c;border:1px solid #313136;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;display:flex}.hue-control label{color:#9a9aa2;font-size:11px}.hue-control input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#df3a3a,#dfdf3a,#3adf3a,#3adfdf,#3a3adf,#df3adf,#df3a3a);border-radius:5px;width:150px;height:10px}.hue-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#151517;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 5px #0009}.hue-control input[type=range]:disabled{opacity:.35;cursor:default}.motion-control{background:#19191c;border:1px solid #313136;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;display:flex}.motion-control label{color:#9a9aa2;font-size:11px}.motion-control input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#26262b,#4a5c2a);border-radius:5px;width:110px;height:10px}.motion-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#151517;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 5px #0009}.motion-control input[type=range]:disabled{opacity:.35;cursor:default}.motion-control .motion-value{color:#cfcfd6;font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:11px}.motion-control.disabled label,.motion-control.disabled .motion-value{opacity:.45}.texture-save-note{color:#85858d;font-size:11px}.texture-preview{cursor:zoom-in;background:#0c0c0e;border:1px solid #39393e;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.texture-preview img,.texture-preview .procedural-canvas{object-fit:cover;width:100%;max-height:320px;display:block}.texture-preview:hover{border-color:#6e8240}.texture-preview .zoom-hint{color:#cfcfd6;opacity:0;background:#08080ab8;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;transition:all .15s;display:flex;position:absolute;bottom:10px;right:10px}.texture-preview:hover .zoom-hint{opacity:1}.texture-variations{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.texture-variations button{aspect-ratio:16/9;cursor:pointer;background:#0c0c0e;border:1px solid #313136;border-radius:8px;padding:0;overflow:hidden}.texture-variations button img{object-fit:cover;width:100%;height:100%;display:block}.texture-variations button:hover{border-color:#6e8240}.texture-actions{align-items:center;gap:8px;display:flex}.generate-controls{gap:10px;margin:10px 0 12px;display:grid}.generate-controls .field-label{margin:0}.style-chip-row,.palette-chip-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.style-chip{color:#bdbdc2;cursor:pointer;background:#19191c;border:1px solid #313136;border-radius:20px;height:28px;padding:0 11px;font-size:11px;transition:all .12s}.style-chip:hover{color:var(--accent);border-color:#6e8240}.style-chip.active{color:var(--accent);background:#22271b;border-color:#6e8240}.palette-chip{color:#bdbdc2;cursor:pointer;background:#19191c;border:1px solid #313136;border-radius:20px;align-items:center;gap:6px;height:28px;padding:0 10px 0 5px;font-size:11px;transition:all .12s;display:flex}.palette-chip .swatch{border:1px solid #ffffff40;border-radius:50%;width:16px;height:16px}.palette-chip:hover{border-color:#6e8240}.palette-chip.active{color:var(--accent);background:#22271b;border-color:#6e8240}.palette-add{align-items:center;gap:6px;display:flex}.palette-add input[type=color]{cursor:pointer;background:#19191c;border:1px solid #313136;border-radius:50%;width:28px;height:28px;padding:2px}.prompt-suffix-hint{color:#808089;font-size:10.5px;line-height:1.5}.bg-style-btn.active{color:var(--accent);background:#22271b;border-color:#6e8240}.text-menu-wrap,.add-menu-wrap{flex:none;position:relative}@media (width>=861px){.quick-actions .qa-add-mobile{display:none}}.quick-actions .add-menu{min-width:230px;top:33px;left:0;right:auto}.quick-actions .add-menu button{background:0 0;border-color:#0000;width:100%;height:auto;padding:8px 10px}.bg-tabs-spacer{flex:1}.bg-tabs-upload{color:#bdbdc2;cursor:pointer;background:#19191c;border:1px solid #313136;border-radius:7px;align-self:center;align-items:center;gap:5px;height:28px;margin-bottom:6px;padding:0 11px;font-size:11.5px;transition:all .12s;display:flex}.bg-tabs-upload:hover{color:var(--accent);border-color:#6e8240}.ratio-menu .ratio-pack{align-items:center;gap:8px;width:100%;display:flex}.ratio-menu .ratio-pack em{color:#8a8a92;margin-left:auto;font-size:10.5px;font-style:normal}.activity-wrap>button{position:relative}.project-inspector .style-preset-list{grid-template-columns:1fr}.default-backdrop-grid{grid-template-columns:repeat(4,1fr);margin-bottom:8px}.default-backdrop-grid .bg-swatch{padding:0;overflow:hidden}.default-backdrop-grid .bg-swatch img{object-fit:cover;width:100%;height:100%;display:block}.project-inspector .apply-brand{justify-content:center;width:100%;margin-top:10px}.apply-all-effects{justify-content:center;width:100%;margin-top:6px;font-size:11px}.tempo-chip{font-variant-numeric:tabular-nums;white-space:nowrap}.generate-facts{color:var(--text-muted);margin:0 0 10px;font-size:11px;line-height:1.5}.generate-facts strong{color:#cfc4ff;font-weight:650}.generate-facts strong.spent{color:#f0a196}.generate-history{flex-wrap:wrap;gap:6px;margin:8px 0 2px;display:flex}.generate-history .style-chip{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:100%;display:inline-flex;overflow:hidden}.generate-tab .style-chip.active,.generate-tab .palette-chip.active{color:#ddd3fa;background:#221e2e;border-color:#66577f}.generate-tab .style-chip:hover,.generate-tab .palette-chip:hover{color:#ddd3fa;border-color:#66577f}.generate-button{background:var(--purple);color:#16112a}.generate-button:hover:not(:disabled){background:#bda4ff}.reference-strip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.reference-thumb{cursor:pointer;background:#0d0d0f;border:1px solid #313136;border-radius:6px;width:52px;height:36px;padding:0;transition:border-color .12s;position:relative;overflow:hidden}.reference-thumb img{object-fit:cover;width:100%;height:100%;display:block}.reference-thumb:hover{border-color:#66577f}.reference-thumb.active{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.reference-thumb.active i{background:var(--purple);color:#16112a;border-radius:4px;place-items:center;width:15px;height:15px;display:grid;position:absolute;top:2px;right:2px}.reference-upload{color:#bcaef0;cursor:pointer;background:#1c1926;border:1px dashed #4a4157;border-radius:6px;align-items:center;gap:5px;height:36px;padding:0 10px;font-size:11px;display:inline-flex}.reference-upload:hover{color:#ddd3fa;border-color:#66577f}.generate-upsell{color:#cfc4ff;background:#211d2d;border:1px solid #3d3454;border-radius:10px;justify-items:start;gap:8px;padding:16px;display:grid}.generate-upsell strong{font-size:12.5px}.generate-upsell p{color:#a99fc3;max-width:460px;margin:0;font-size:11.5px;line-height:1.55}.generate-results{margin-top:16px}.generate-result-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.generate-result{background:#18181a;border:1px solid #2b2b2f;border-radius:9px;flex-direction:column;gap:5px;min-width:0;padding:7px;display:flex}.generate-result.running{border-color:#3d3454}.generate-result-image{cursor:zoom-in;aspect-ratio:16/10;background:#0d0d0f;border:1px solid #313136;border-radius:6px;padding:0;display:block;overflow:hidden}.generate-result-image:hover{border-color:#66577f}.generate-result-image img{object-fit:cover;width:100%;height:100%;display:block}.generate-result-pending{aspect-ratio:16/10;color:#a99fc3;background:repeating-linear-gradient(135deg,#17151d 0 10px,#1b1824 10px 20px);border:1px dashed #3d3454;border-radius:6px;place-content:center;justify-items:center;gap:6px;display:grid}.generate-result-pending.failed{color:#f0a196;border-color:#5a3339}.generate-result-pending small{text-align:center;max-height:64px;padding:0 8px;font-size:10.5px;line-height:1.4;overflow:hidden}.generate-result-prompt{color:#b9b9bf;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.generate-result-fallback{color:#e8c477;font-size:10.5px}.generate-result-verbs{flex-wrap:wrap;gap:5px;display:flex}.generate-result-verbs button{color:#bcaef0;white-space:nowrap;cursor:pointer;background:#1c1926;border:1px solid #313136;border-radius:6px;flex:auto;height:26px;padding:0 8px;font-size:10.5px}.generate-result-verbs button:hover:not(:disabled){color:#ddd3fa;border-color:#66577f}.generate-result-verbs button:disabled{opacity:.45;cursor:default}.site{color:#ececeb;background:radial-gradient(1200px 500px at 50% -140px,#1c2114 0,#0c0c0d 55%);flex-direction:column;min-height:100vh;display:flex}.site a{text-decoration:none}.site :where(a){color:inherit}.site-inner{width:min(1060px,100% - 48px);margin:0 auto}.beta-banner{color:#c9c9cf;text-align:center;background:#c6ff6612;border-bottom:1px solid #2a2a2eb3;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:7px 18px;font-size:12px;line-height:1.5;display:flex}.beta-banner strong{color:var(--accent);font-weight:700}.beta-banner a{color:#ececeb;border-bottom:1px solid #ececeb59;align-items:center;gap:4px;font-weight:650;display:inline-flex}.beta-banner a:hover{color:var(--accent);border-bottom-color:var(--accent)}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0ddb;border-bottom:1px solid #2a2a2eb3;position:sticky;top:0}.site-header .site-inner{align-items:center;gap:22px;height:62px;display:flex}.site-logo{letter-spacing:-.02em;align-items:center;gap:9px;font-size:14px;font-weight:750;display:flex}.site-logo .brand-mark{border-radius:8px;width:28px;height:28px}.site-nav{color:#a9a9b0;align-items:center;gap:18px;margin-left:8px;font-size:12px;font-weight:550;display:flex}.site-nav a:hover{color:#fff}.site-header-actions{align-items:center;gap:9px;margin-left:auto;font-size:12px;display:flex}.site-button{border:1px solid var(--line);color:#d9d9dc;cursor:pointer;background:#161618;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 15px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.site-button:hover{color:#fff;background:#1d1d20;border-color:#3c3c41}.site-button.primary{background:var(--accent);color:#121309;border-color:#0000}.site-button.primary:hover{background:#e0ff7e}.site-button.large{border-radius:11px;height:46px;padding:0 22px;font-size:13px}.site-button:disabled{opacity:.6;cursor:wait}.hero{text-align:center;padding:92px 0 66px}.hero h1{letter-spacing:-.045em;max-width:780px;margin:0 auto;font-size:clamp(34px,5.4vw,58px);font-weight:800;line-height:1.04}.hero h1 em{color:var(--accent);font-style:normal}.hero p{color:#a2a2aa;max-width:560px;margin:20px auto 0;font-size:16px;line-height:1.6}.hero-actions{justify-content:center;gap:12px;margin-top:32px;display:flex}.hero-note{color:var(--text-muted);margin-top:14px;font-size:11px}.hero-stage{aspect-ratio:16/7.6;background:linear-gradient(135deg,#293239,#090b0e 70%);border:1px solid #2e2e32;border-radius:16px;max-width:860px;margin:58px auto 0;position:relative;overflow:hidden;box-shadow:0 40px 120px #0000008c,inset 0 0 120px #00000059}.hero-stage .grain{opacity:.3}.hero-caption{letter-spacing:-.03em;text-shadow:0 3px 22px #000000b3;white-space:nowrap;font-size:clamp(18px,3.4vw,34px);font-weight:800;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.hero-caption b{color:var(--accent)}.hero-caption span{opacity:0;animation:.4s forwards hero-word}@keyframes hero-word{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero-timeline{background:#0a0a0cd1;border-top:1px solid #ffffff14;align-items:center;gap:6px;height:44px;padding:0 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-clip{border-radius:5px;height:22px}.hero-clip.scene{background:linear-gradient(135deg,#314247,#223033);border:1px solid #3b4f52;flex:3}.hero-clip.text{background:#302b43;border:1px solid #453d62;flex:2}.hero-clip.wave{background:#1b2b22;border:1px solid #32463b;flex:4}video.hero-loop{aspect-ratio:16/9;object-fit:cover;width:100%;max-width:860px;margin:58px auto 0;display:block}.hero-proof{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px;display:flex}.hero-proof span{color:#b8bbae;letter-spacing:.01em;background:#131511;border:1px solid #2b2d28;border-radius:999px;padding:6px 10px;font-size:10.5px;font-weight:650}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.showcase-card{background:#171719b8;border:1px solid #262629;border-radius:15px;flex-direction:column;gap:5px;min-width:0;padding:12px 12px 15px;display:flex}.showcase-video{aspect-ratio:4/5;object-fit:cover;background:#0e0e10;border-radius:10px;width:100%;margin-bottom:10px;display:block}.showcase-fallback{background:linear-gradient(135deg,#293239,#090b0e 70%)}.showcase-kicker{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:750}.showcase-card>strong{letter-spacing:-.015em;font-size:15px;font-weight:720}.showcase-card>small{min-height:38px;color:var(--text-muted);font-size:11.5px;line-height:1.55}.showcase-card-link{color:#d8d9d3;width:fit-content;margin-top:7px;font-size:11.5px;font-weight:650}.showcase-card-link:hover{color:var(--accent)}.demo-loop-wrap{display:block;position:relative}.demo-sound-toggle{z-index:2;color:#fff;font:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#08090ac2;border:1px solid #fff3;border-radius:999px;padding:7px 10px;font-size:10.5px;font-weight:700;position:absolute;bottom:20px;right:10px}.demo-sound-toggle:hover{color:var(--accent);border-color:#d6ff579e}.template-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.template-card{background:#131315;border:1px solid #262629;border-radius:13px;flex-direction:column;padding:10px;transition:border-color .15s;display:flex;position:relative}.template-card:hover{border-color:#526033}.template-video{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;display:block}.template-fallback{display:block}.template-meta{gap:3px;padding:10px 4px 4px;display:grid}.template-meta strong{font-size:13px;font-weight:700}.template-meta small{color:var(--text-muted);font-size:11.5px;line-height:1.5}.template-cta{color:var(--accent);opacity:0;font-size:11.5px;font-weight:650;transition:opacity .15s;position:absolute;bottom:14px;right:14px}.template-card:hover .template-cta{opacity:1}.looks-switcher{text-align:center;max-width:760px;margin:0 auto}.looks-tabs{background:#131315;border:1px solid #2a2a2e;border-radius:999px;justify-content:center;gap:4px;width:fit-content;margin:0 auto 16px;padding:4px;display:flex}.looks-tabs button{color:#8d8d95;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-size:12.5px;font-weight:600}.looks-tabs button.active{color:#f3f3f5;background:#232327}.looks-video{aspect-ratio:16/9;object-fit:cover;background:#0e0e10;border:1px solid #2e2e32;border-radius:14px;width:100%;display:block;box-shadow:0 30px 90px #00000073}.looks-note{color:var(--text-muted);margin:12px 0 0;font-size:12px}.looks-note strong{color:#d8d8dc}.looks-footer{text-align:left;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;display:flex}.looks-footer .looks-note{margin:0}.looks-footer .site-button{flex:none}.media-band{background:#171719b8;border:1px solid #262629;border-radius:16px;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);align-items:center;gap:34px;padding:26px;display:grid}.media-band-video{aspect-ratio:16/10;object-fit:cover;background:#0e0e10;border-radius:10px;width:100%;display:block}.media-band-copy h2{letter-spacing:-.02em;margin:0 0 10px;font-size:21px;font-weight:750}.media-band-copy p{color:#94949c;margin:0 0 20px;font-size:13px;line-height:1.65}.media-band-kicker{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:750;display:block}.workflow-steps{gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.workflow-steps li{color:#d2d2d6;align-items:center;gap:9px;font-size:11.5px;display:flex}.workflow-steps li span{width:22px;height:22px;color:var(--accent);background:#24271e;border-radius:7px;place-items:center;font-size:10px;font-weight:800;display:grid}.workflow-steps li strong{font-weight:630}.section{padding:64px 0}.section-title{letter-spacing:-.03em;text-align:center;margin:0 0 8px;font-size:26px;font-weight:750}.section-sub{color:#94949c;text-align:center;max-width:520px;margin:0 auto 42px;font-size:13px;line-height:1.6}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature-card{background:#171719b8;border:1px solid #262629;border-radius:13px;padding:22px}.feature-card svg{color:var(--accent)}.feature-card h3{margin:13px 0 7px;font-size:14px;font-weight:700}.feature-card p{color:#90909a;margin:0;font-size:12px;line-height:1.6}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.step-card{background:#131315;border:1px solid #262629;border-radius:13px;padding:24px 22px 22px;position:relative}.step-card:before{counter-increment:step;content:counter(step);background:var(--accent);color:#121309;border-radius:8px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-13px;left:20px}.step-card h3{margin:4px 0 7px;font-size:13px}.step-card p{color:#90909a;margin:0;font-size:12px;line-height:1.6}.billing-toggle{background:#131315;border:1px solid #2a2a2e;border-radius:999px;justify-content:center;gap:4px;width:fit-content;margin:0 auto 18px;padding:4px;display:flex}.billing-toggle button{color:#8d8d95;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:600}.billing-toggle button.active{color:#f3f3f5;background:#232327}.billing-toggle button em{color:var(--accent);margin-left:5px;font-size:11px;font-style:normal}.consent-banner{z-index:60;background:#131315fa;border:1px solid #2a2a2e;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:min(380px,100% - 28px);padding:12px 16px;display:flex;position:fixed;bottom:14px;right:14px;box-shadow:0 18px 55px #00000080}.consent-banner p{color:#c9c9cf;flex:300px;margin:0;font-size:12.5px;line-height:1.5}.consent-banner div{gap:8px;display:flex}.pricing-cards{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:16px;display:grid}.price-card{background:#131315;border:1px solid #2a2a2e;border-radius:15px;flex-direction:column;padding:26px;display:flex}.price-card.featured{background:linear-gradient(#191d12,#131315 55%);border-color:#55632f;box-shadow:0 24px 70px #00000059}.price-card h3{margin:0;font-size:15px}.price-card .price{letter-spacing:-.04em;margin:14px 0 4px;font-size:38px;font-weight:800}.price-card .price small{color:var(--text-muted);font-size:13px;font-weight:500}.price-card>p{color:#8d8d95;margin:0 0 18px;font-size:12px}.price-card ul{flex:1;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:grid}.price-card li{color:#c9c9cf;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.45;display:flex}.price-card li svg{color:var(--accent);flex:none;margin-top:1px}.price-card li.off,.price-card li.off svg{color:var(--text-muted)}.pill-badge{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;background:#26301b;border-radius:20px;align-self:flex-start;margin-bottom:12px;padding:4px 9px;font-size:10px;font-weight:700}.single-strip{background:#131315;border:1px solid #2a2a2e;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;max-width:776px;margin:16px auto 0;padding:16px 20px;display:flex}.single-strip>div{gap:3px;display:grid}.single-strip strong{font-size:13px}.single-strip span{color:#90909a;font-size:12px;line-height:1.5}.single-strip .site-button{flex:none}@media (width<=640px){.single-strip{flex-direction:column;align-items:flex-start}}.faq{gap:10px;max-width:640px;margin:0 auto;display:grid}.faq details{background:#131315;border:1px solid #262629;border-radius:11px;padding:4px 18px}.faq summary{cursor:pointer;padding:13px 0;font-size:13px;font-weight:650}.faq p{color:#90909a;margin:0 0 15px;font-size:12.5px;line-height:1.65}.cta-band{text-align:center;background:linear-gradient(135deg,#1a2110,#101207);border:1px solid #33401f;border-radius:18px;margin:30px 0 80px;padding:52px 30px}.cta-band h2{letter-spacing:-.03em;margin:0 0 10px;font-size:26px}.cta-band p{color:#9aa385;margin:0 0 26px;font-size:13px}.site-footer{background:#0d0d0e;border-top:1px solid #2a2a2eb3;margin-top:auto}.site-footer .site-inner{color:var(--text-muted);align-items:center;gap:20px;padding:26px 0;font-size:11.5px;display:flex}.site-footer nav{gap:16px;margin-left:auto;display:flex}.site-footer a:hover{color:#fff}.auth-wrap{flex:1;place-items:center;padding:60px 24px;display:grid}.auth-card{background:#131315;border:1px solid #2a2a2e;border-radius:15px;width:min(400px,100%);padding:30px;box-shadow:0 30px 90px #0006}.auth-card h1{letter-spacing:-.02em;margin:0 0 6px;font-size:20px}.auth-card>p{color:#8d8d95;margin:0 0 22px;font-size:12.5px;line-height:1.5}.auth-card form{gap:13px;display:grid}.auth-card label{color:#9a9aa2;gap:6px;font-size:11px;font-weight:600;display:grid}.auth-card input{color:#ededec;background:#1a1a1d;border:1px solid #303035;border-radius:9px;height:42px;padding:0 13px;font-size:13px}.auth-card .site-button{justify-content:center;margin-top:4px}.auth-links{color:var(--text-muted);justify-content:space-between;margin-top:18px;font-size:11.5px;display:flex}.auth-links a{color:#b9c98a}.auth-links a:hover{color:var(--accent)}.google-button{color:#1f1f1f;background:#fff;border-color:#fff;justify-content:center;gap:10px;width:100%;height:46px;font-size:13px}.google-button:hover{color:#1f1f1f;background:#f1f3f4;border-color:#f1f3f4}.auth-fineprint{color:var(--text-muted);margin:16px 0 0;font-size:12px;line-height:1.5}.auth-fineprint a{color:inherit;text-underline-offset:2px;text-decoration:underline}.auth-fineprint a:hover{color:var(--accent)}.form-error{color:#ff99a0;background:#271317;border:1px solid #66343a;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.45}.form-success{color:#8ee0ad;background:#10201a;border:1px solid #345849;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.45}.account-page{width:min(680px,100% - 48px);margin:0 auto;padding:50px 0 90px}.account-page h1{letter-spacing:-.03em;margin:0 0 26px;font-size:24px}.account-section{background:#131315;border:1px solid #2a2a2e;border-radius:13px;margin-bottom:16px;padding:22px}.account-section h2{margin:0 0 4px;font-size:14px}.account-section>p{color:#8d8d95;margin:0 0 16px;font-size:12px;line-height:1.55}.account-row{align-items:center;gap:14px;display:flex}.account-row .site-button{margin-left:auto}.plan-chip{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#26301b;border-radius:20px;padding:5px 11px;font-size:11px;font-weight:750}.plan-chip.free{color:#a5a5ad;background:#222225}.ai-usage{gap:15px;margin:0;padding:0;list-style:none;display:grid}.ai-usage-row{gap:7px;display:grid}.ai-usage-head{color:#c7c7cf;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.ai-usage-count{color:#8d8d95;font-variant-numeric:tabular-nums;white-space:nowrap}.ai-usage-count.spent{color:#ff8f97}.ai-usage-bar{background:#222225;border-radius:20px;height:7px;overflow:hidden}.ai-usage-fill{background:var(--accent);border-radius:20px;height:100%;transition:width .3s;display:block}.ai-usage-fill.spent{background:#ff8f97}.account-section form{gap:11px;max-width:360px;display:grid}.account-section input{color:#ededec;background:#1a1a1d;border:1px solid #303035;border-radius:8px;height:38px;padding:0 12px;font-size:12.5px}.account-section.danger{border-color:#4b262c}.account-section.danger h2{color:#ff8f97}.admin-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-tile{background:#131315;border:1px solid #2a2a2e;border-radius:12px;padding:16px}.stat-tile b{letter-spacing:-.03em;font-size:24px;font-weight:800;display:block}.stat-tile span{color:var(--text-muted);font-size:11px}.admin-table{border-collapse:collapse;width:100%;font-size:12px}.admin-table th{color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #2a2a2e;padding:8px 10px;font-size:10px}.admin-table td{color:#c5c5cb;border-bottom:1px solid #202024;padding:9px 10px}.admin-page{width:min(1120px,100% - 48px)}.admin-grid-3{grid-template-columns:repeat(3,1fr)}.admin-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin:18px 0 22px;display:flex}.admin-tab{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-size:13px}.admin-tab:hover{color:#d8d8de}.admin-tab.active{border-bottom-color:var(--accent);color:#ededec;font-weight:600}.admin-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.admin-table-scroll{overflow-x:auto}.admin-sort{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;display:inline-flex}.admin-sort:hover{color:#d8d8de}.admin-row-clickable{cursor:pointer}.admin-row-clickable:hover td{background:#17171a}.admin-empty{color:var(--text-muted);margin:12px 0;font-size:13px}.admin-note{color:var(--text-muted);margin:10px 0 0;font-size:11.5px;line-height:1.6}.admin-note a{color:#cfe08d}.admin-pager{color:var(--text-muted);align-items:center;gap:10px;margin-top:12px;font-size:11.5px;display:flex}.admin-pager .site-button{padding:5px 11px;font-size:11.5px}.admin-pager .site-button:disabled{opacity:.4;cursor:default}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-actions .site-button:disabled{opacity:.4;cursor:default}.admin-danger{color:#ff8f97;border-color:#4b262c}.admin-danger:hover:not(:disabled){border-color:#6d3138}.admin-ok{color:#9fd18a}.admin-bad{color:#ff8f97}.admin-live{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;background:#2a3312;border-radius:20px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700}.admin-search{color:#ededec;background:#1a1a1d;border:1px solid #303035;border-radius:8px;width:100%;max-width:420px;height:38px;margin-bottom:14px;padding:0 12px;font-size:12.5px}.admin-chart{margin-top:6px;font-size:11px}.admin-meter{margin-bottom:12px}.admin-funnel{gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.admin-funnel-head{color:#c7c7cf;justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;display:flex}.admin-funnel-head b{font-variant-numeric:tabular-nums;font-size:15px}.admin-funnel-bar{background:#222225;border-radius:20px;height:7px;margin:5px 0 3px;overflow:hidden}.admin-funnel-bar span{background:var(--accent);border-radius:20px;height:100%;display:block}.admin-funnel small{color:var(--text-muted);font-size:10.5px}.admin-feedback{gap:12px;display:grid}.admin-feedback-item{border:1px solid var(--line);background:#131315;border-radius:12px;padding:14px 16px}.admin-feedback-item header{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.admin-feedback-item header .admin-note{margin:0}.admin-feedback-item p{color:#c5c5cb;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.admin-drawer-backdrop{z-index:40;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-drawer{border-left:1px solid var(--line);background:#101012;width:min(620px,100%);padding:22px 24px 40px;overflow-y:auto}.admin-drawer-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.admin-drawer-head h2{letter-spacing:-.02em;word-break:break-all;margin:0;font-size:17px}.admin-drawer-head p{color:var(--text-muted);margin:4px 0 0;font-size:11.5px}.admin-drawer .account-section h3{margin:0 0 10px;font-size:13px}.admin-drawer .admin-grid{grid-template-columns:repeat(3,1fr)}.admin-drawer .stat-tile b{font-size:17px}.seo-page{width:min(860px,100% - 48px)}.seo-hero-loop{aspect-ratio:16/9;object-fit:cover;background:#0e0e10;border:1px solid #2e2e32;border-radius:14px;width:min(720px,100%);margin:34px auto 0;display:block;box-shadow:0 30px 90px #00000073}.seo-hero{text-align:center;padding:66px 0 10px}.seo-hero h1{letter-spacing:-.04em;max-width:640px;margin:0 auto;font-size:clamp(30px,4.6vw,44px);font-weight:800;line-height:1.08}.seo-lead{color:#a2a2aa;max-width:560px;margin:16px auto 22px;font-size:15px;line-height:1.6}.seo-prose{max-width:660px;margin:26px auto 0}.seo-prose p{color:#b9b9c0;margin:0 0 18px;font-size:14px;line-height:1.75}.seo-prose h2{letter-spacing:-.01em;margin:30px 0 10px;font-size:17px}.seo-prose a{color:#cfe08d;text-underline-offset:2px;text-decoration:underline}.seo-prose a:hover{color:var(--accent)}.legal-page{padding-bottom:56px}.legal-page .seo-hero{padding-bottom:0}.footer-legal a{color:var(--text-muted);text-underline-offset:2px;text-decoration:underline}.footer-legal a:hover{color:var(--accent)}.howto-steps{counter-reset:howto;gap:18px;max-width:660px;margin:0 auto;padding:0 0 0 6px;list-style:none;display:grid}.howto-steps li{counter-increment:howto;background:#131315;border:1px solid #262629;border-radius:13px;padding:20px 22px 18px 60px;position:relative}.howto-steps li:before{content:counter(howto);background:var(--accent);color:#121309;border-radius:8px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid;position:absolute;top:22px;left:20px}.howto-steps h3{margin:0 0 6px;font-size:14px}.howto-steps p{color:#98989f;margin:0;font-size:12.5px;line-height:1.65}.seo-related{max-width:660px;margin:10px auto 40px}.seo-related h2{margin:0 0 12px;font-size:15px}.seo-related nav{flex-wrap:wrap;gap:10px;display:flex}.seo-related a{color:#c4c4ca;background:#141416;border:1px solid #2a2a2e;border-radius:9px;align-items:center;gap:6px;padding:9px 13px;font-size:12px;display:inline-flex}.seo-related a:hover{color:var(--accent);border-color:#526033}.code-block{background:#0e0e10;border:1px solid #2a2a2e;border-radius:9px;margin:10px 0 4px;padding:13px 15px;overflow-x:auto}.code-block code{color:#cfe3a2;white-space:pre;font:12px/1.6 DM Mono,ui-monospace,monospace}.agent-tabs{background:#0e0e10;border:1px solid #2a2a2e;border-radius:10px;margin:12px 0 4px;overflow:hidden}.agent-tablist{background:#131315;border-bottom:1px solid #2a2a2e;flex-wrap:wrap;gap:2px;padding:6px 6px 0;display:flex}.agent-tablist button{color:#9a9aa2;cursor:pointer;background:0 0;border:0;border-radius:7px 7px 0 0;padding:8px 12px;font-size:13px;font-weight:600}.agent-tablist button:hover{color:#dcdce0}.agent-tablist button.active{color:var(--accent);background:#0e0e10}.agent-tabpanel{padding:4px 14px 12px}.agent-tab-note{color:#b8b8bf;margin:12px 0 0;font-size:14px}.agent-tab-note code{color:#cfe3a2;background:#1c1c20;border-radius:4px;padding:1px 5px;font:12px DM Mono,ui-monospace,monospace}.agent-tabpanel .code-block{border:0;margin-top:8px;padding:12px 0 0}.agent-tab-more{margin:10px 0 2px}.agent-tab-more a{color:var(--accent);align-items:center;gap:5px;font-size:13px;text-decoration:none;display:inline-flex}.agent-tab-more a:hover{text-decoration:underline}.seo-eyebrow{color:var(--text-muted);align-items:center;gap:6px;margin:0 0 10px;font-size:13px;display:flex}.seo-eyebrow a{color:var(--accent);text-decoration:none}.seo-eyebrow a:hover{text-decoration:underline}.agent-tips{flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.agent-tips li{color:#c8c8ce;align-items:flex-start;gap:9px;font-size:15px;line-height:1.5;display:flex}.agent-tips li svg{color:var(--accent);flex:none;margin-top:3px}.agent-tips code{color:#cfe3a2;background:#1c1c20;border-radius:4px;padding:1px 5px;font:12px DM Mono,ui-monospace,monospace}.howto-steps h3{align-items:center;gap:7px;display:flex}.howto-steps h3 svg{color:var(--accent)}.howto-steps code{color:#d8d8dc;background:#1d1d20;border-radius:4px;padding:1px 5px;font:11px DM Mono,ui-monospace,monospace}.tool-table-wrap{max-width:720px;margin:0 auto;overflow-x:auto}.tool-table-wrap code{color:#b9c98a;font:11px DM Mono,ui-monospace,monospace}.prompt-list{gap:10px;max-width:660px;margin:0 auto;display:grid}.prompt-list blockquote{color:#c9c9cf;background:#131315;border:1px solid #2a2a2e;border-radius:11px;margin:0;padding:14px 16px;font-size:13px;font-style:italic;line-height:1.6}.prompt-list blockquote:before{content:"“";color:var(--accent)}.prompt-list blockquote:after{content:"”";color:var(--accent)}.token-reveal{background:#171c0e;border:1px solid #55632f;border-radius:11px;margin:0 0 16px;padding:14px}.token-reveal strong{color:var(--accent);margin-bottom:8px;font-size:12.5px;display:block}.token-reveal .code-block{margin:8px 0 0}.mcp-soon{background:linear-gradient(135deg,#171c0e,#111207);border:1px solid #33401f;border-radius:15px;max-width:640px;margin:0 auto;padding:26px}.mcp-soon h2{letter-spacing:-.02em;align-items:center;gap:9px;margin:0 0 12px;font-size:17px;display:flex}.mcp-soon h2 svg{color:var(--accent)}.mcp-soon p{color:#b4bd9d;margin:0 0 12px;font-size:13.5px;line-height:1.65}.mcp-soon p:last-child{margin-bottom:0}.mcp-soon a{color:var(--accent);text-decoration:underline}.seo-card{flex-direction:column;display:flex}.seo-card:hover{border-color:#526033}.seo-card h3{margin-top:0}.seo-card p{flex:1}.seo-card-cta{color:var(--accent);align-items:center;gap:5px;margin-top:14px;font-size:11.5px;font-weight:650;display:inline-flex}.site-footer .footer-cols{grid-template-columns:1.2fr 1fr 1fr;gap:26px;padding:30px 0 8px;display:grid}.site-footer .footer-cols h2{color:#9d9da4;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:11px}.site-footer .footer-cols nav{gap:8px;display:grid}.site-footer .footer-cols a{color:var(--text-muted);padding:3px 0;font-size:12px;display:inline-block}.site-footer .footer-cols a:hover{color:#fff}.site-footer .footer-brand p{max-width:260px;color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.6}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer-sibling a{color:#b9c98a}.footer-sibling a:hover{color:var(--accent)}@media (width<=860px){.site-footer .footer-cols,.feature-grid,.steps{grid-template-columns:1fr}.pricing-cards{grid-template-columns:minmax(0,420px)}.admin-grid,.admin-grid-3,.admin-drawer .admin-grid{grid-template-columns:repeat(2,1fr)}.admin-tabs{flex-wrap:nowrap;overflow-x:auto}.admin-tab{white-space:nowrap}.admin-drawer{padding:18px 16px 32px}.site-nav{display:none}.hero{padding:60px 0 40px}.showcase-grid,.template-grid{grid-template-columns:repeat(2,1fr)}.media-band{grid-template-columns:1fr;gap:20px}}@media (width<=520px){.showcase-grid,.template-grid{grid-template-columns:1fr}.hero-proof{gap:5px}.hero-proof span{padding:5px 8px;font-size:9.5px}.looks-footer{text-align:center;flex-direction:column;align-items:stretch}.looks-footer .site-button{justify-content:center}.media-band{padding:18px}.consent-banner{width:calc(100% - 20px);bottom:10px;right:10px}}@media (pointer:coarse){.site-button{height:44px}.site-nav{gap:24px}.site-footer .footer-cols a{padding:8px 0}.faq summary{padding:16px 0}}.projects-page{width:min(1040px,100% - 48px)}.projects-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.projects-head h1{margin:0}.projects-lead{max-width:620px;color:var(--text-muted);margin:10px 0 22px;font-size:13px;line-height:1.55}.projects-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;display:flex}.projects-search{max-width:320px;color:var(--text-muted);background:#1a1a1d;border:1px solid #303035;border-radius:8px;flex:220px;align-items:center;gap:7px;padding:0 11px;display:flex}.projects-search:focus-within{border-color:#4a4a52}.projects-search input{color:#ededec;background:0 0;border:0;flex:1;min-width:0;height:36px;font-size:12.5px}.projects-search input:focus{outline:none}.projects-search input::-webkit-search-cancel-button{filter:invert(.6);cursor:pointer}.projects-toolbar select{color:#ededec;cursor:pointer;background:#1a1a1d;border:1px solid #303035;border-radius:8px;height:36px;padding:0 9px;font-size:12.5px}.projects-count{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:11.5px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.project-card{background:#131315;border:1px solid #2a2a2e;border-radius:13px;flex-direction:column;gap:9px;padding:16px;transition:border-color .15s;display:flex}.project-card:hover{border-color:#3a3a40}.project-card-top{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.project-meta-chip{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.project-agent-badge{color:var(--accent);letter-spacing:.03em;background:#26301b;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.project-title{color:#ededec;font-size:16px;font-weight:650;line-height:1.25;text-decoration:none}.project-title:hover{color:var(--accent)}.project-sub{color:var(--text-muted);font-size:11.5px}.project-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.project-actions .site-button{padding:0 11px}.project-actions .site-button.primary{margin-right:auto}.render-note{color:var(--text-muted)}.feedback-page{max-width:620px;margin-inline:auto}.feedback-page .field-label{margin:0 0 6px;display:block}.feedback-page .text-area,.feedback-page .text-field{width:100%;margin-bottom:16px}.feedback-actions{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.feedback-actions a{color:var(--accent)}.feedback-error{color:#ff9a8b;margin:0 0 12px;font-size:12.5px}.feedback-sent{text-align:center;color:var(--text-muted);border:1px solid #2a2a2e;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.feedback-sent svg{color:var(--accent)}.feedback-sent strong{color:#ececeb;font-size:15px}.feedback-sent p{margin:0;font-size:12.5px}