@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}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-rows:60px minmax(360px,1fr) 248px;height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#0e0e0ffa;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:wait}.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-1-1{width:17px;height:17px}.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);scrollbar-width:thin;scrollbar-color:#39393e transparent;background:#0f0f11e0;align-items:center;gap:6px;padding:0 14px;display:flex;overflow-x:auto}.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:var(--accent);background:#20251a;border-color:#526033}.stage-wrap{place-items:center;min-height:0;padding:18px 32px;display:grid;overflow:hidden}.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{transform-origin:50%;transition:transform 80ms linear;position:absolute;inset:-4%}.scene-visual img{object-fit:cover;width:100%;height:100%;display:block}.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{pointer-events:none;background:radial-gradient(circle,#0000 45%,#00000061 100%),linear-gradient(#0000 60%,#00000057);position:absolute;inset:0}.stage-treatment{z-index:1;pointer-events:none;position:absolute;inset:0}.project-grain{z-index:2;pointer-events:none;mix-blend-mode:soft-light}.safe-area{pointer-events:none;opacity:0;border:1px dashed #ffffff21;position:absolute;inset:7%}.safe-area.visible{opacity:1}.caption-preview{z-index:3;letter-spacing:-.035em;text-align:center;text-shadow:0 2px 16px #000000a6;cursor:grab;touch-action:none;transform-origin:50%;background:0 0;border:1px solid #0000;padding:8px 12px;line-height:1.06;position:absolute}.caption-preview:active{cursor:grabbing}.caption-preview:hover,.caption-preview.selected{border-color:#d6ff57bf;box-shadow:0 0 0 2px #d6ff5721}.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}.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-icon.karaoke{color:#85dfce}.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;min-width:0;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:var(--accent);background:#d6ff5714;border-color:#d6ff5773}.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-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;height:209px;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:100%;position:relative;overflow:hidden}.ruler{border-bottom:1px solid #252529;height:25px;position:relative}.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}.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}.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}.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{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 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}.beat-marker{z-index:1;pointer-events:none;background:#d6ff5729;width:1px;position:absolute;top:25px;bottom:0}.beat-marker:before{content:"";background:#d6ff5780;border-radius:0 0 3px 3px;width:5px;height:3px;position:absolute;top:0;left:-2px}.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:49;background:#18181bfa;border:1px solid #385848;border-radius:10px;align-items:center;gap:10px;width:310px;min-height:60px;padding:10px 9px 10px 13px;display:flex;position:fixed;top:74px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #0000007a}.notice-toast.error{border-color:#66343a}.notice-toast.busy{border-color:#53642f}.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>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-actions button:disabled{opacity:.45;cursor:not-allowed}.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}.modal-effect-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.modal-effect-grid button{color:#bdbdc2;cursor:pointer;text-transform:capitalize;background:#1b1b1e;border:1px solid #313136;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:82px;display:flex}.modal-effect-grid button.active{color:var(--accent);background:#22271b;border-color:#708342}.modal-effect-grid button strong{font-size:11px}.modal-effect-grid button small{color:var(--text-muted);font-size: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}.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}.mood-filter{flex-wrap:wrap;gap:6px;margin-bottom:12px;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-list{flex-direction:column;gap:6px;display:flex}.music-row{background:#19191c;border:1px solid #303035;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.music-row>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.music-row strong{font-size:12px}.music-row small{color:var(--text-muted);font-size:11px}.music-preview{color:#ddd;cursor:pointer;background:#232327;border:1px solid #3a3a40;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.music-preview:hover{border-color:var(--accent);color:var(--accent)}.narration-lane{height:10px;position:absolute;bottom:3px;left:0;right:0}.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: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}.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)}.preview-mode{grid-template-rows:60px 1fr}.preview-mode .topbar-center,.preview-mode .quick-actions,.preview-mode .timeline-shell,.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) 218px}.topbar{height:54px}.timeline-grid{height:179px}.timeline-track,.track-labels>div{height:42px}.timeline-block{height:32px}.stage-wrap{padding:10px 25px}}.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}.app-shell{flex-direction:column;display:flex}.topbar{flex-wrap:wrap;flex:none;gap:4px 8px;height:auto;min-height:52px;padding:7px 10px}.topbar .divider{display:none}.brand-mark{width:28px;height:28px}.project-heading{flex:auto;order:1;width:auto;min-width:0}.project-heading input,.project-heading span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-actions{flex:none;order:2;margin-left:auto}.topbar-center{flex-basis:100%;order:3;justify-content:flex-start;position:static;transform:none}.workspace{flex-direction:column;flex:auto;min-height:0;display:flex}.mobile-timeline .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{width:auto;max-width:100%;height:min(32dvh,56.25vw)}.transport{order:2;padding:0 10px}.quick-actions{border-bottom:0;border-top:1px solid var(--line-soft);order:3;height:46px}.quick-actions button{height:36px}.inspector{border-left:0;border-top:1px solid var(--line);flex:auto;min-height:0;display:none}.mobile-edit .inspector{display:block}.review-panel{border-left:0;border-top:1px solid var(--line);flex:auto;min-height:0}.timeline-shell{flex-direction:column;flex:auto;min-height:0;display:flex}.mobile-edit .timeline-shell,.preview-mode .timeline-shell{display:none}.timeline-grid{flex:auto;grid-template-columns:46px 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:56px}.timeline-block{height:46px}.trim-handle{width:24px}.trim-handle:after{left:10px}.timeline-toolbar button{height:34px}.timeline-toolbar{flex-wrap:wrap;height:auto;min-height:38px;padding:6px 10px}.timeline-toolbar>span{display:none}.mobile-tabs{display:flex}.modal-backdrop{align-items:flex-end;padding:0;display:flex}.editor-modal{border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;width:100vw;max-height:88dvh}.modal-body{max-height:calc(88dvh - 130px)}.notice-toast,.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}}.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}.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}.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}.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}.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}.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}.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}.seo-page{width:min(860px,100% - 48px)}.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{grid-template-columns:repeat(2,1fr)}.site-nav{display:none}.hero{padding:60px 0 40px}}@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-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)}