:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eee9;background:#09110f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted:#87938c;--line:rgba(195,216,202,.12);--lime:#c5f27d;--panel:#0e1714;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 80% 5%,rgba(35,68,48,.16),transparent 33%),#09110f}button,textarea,select{font:inherit}button{color:inherit}.app-shell{max-width:1440px;margin:0 auto;padding:0 64px;min-height:100vh}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:#e9eee8;font:500 11px var(--mono);letter-spacing:1.3px}.wordmark b{color:#95b395;font-weight:400}.brand-mark{width:31px;height:31px;border:1px solid rgba(197,242,125,.5);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:17px;position:relative}.brand-mark span{position:absolute;right:-3px;top:-6px;font-size:11px;color:#fff}.topbar-right{display:flex;align-items:center;gap:10px;color:#aab5ae;font-size:11px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);display:inline-block;box-shadow:0 0 10px #c5f27d80}.top-divider{height:14px;width:1px;background:var(--line);margin:0 5px}.format-label{font:10px var(--mono);color:#829087}.hero{display:flex;justify-content:space-between;align-items:center;min-height:266px;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:38px 0 42px;position:relative;z-index:2}.eyebrow,.section-kicker{font:10px var(--mono);letter-spacing:1.8px;color:#91ae99}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{display:block;width:24px;height:1px;background:var(--lime)}h1{font:500 clamp(42px,5vw,67px)/1.03 Manrope,sans-serif;letter-spacing:-3.4px;margin:19px 0 12px;color:#f1f3ed}h1 em{font-weight:400;color:var(--lime);font-style:normal}.hero-lede{color:#9daaa1;font-size:14px;margin:0;max-width:450px;line-height:1.65}.hero-meta{display:flex;gap:25px;margin-top:22px;color:#a3b0a7;font:10px var(--mono);letter-spacing:.2px}.hero-meta span{display:flex;align-items:center;gap:7px}.mini-icon{font-style:normal;color:var(--lime);font-size:13px}.hero-orbit{height:230px;width:400px;position:absolute;right:0;top:14px;display:grid;place-items:center;opacity:.83}.orbit{position:absolute;border:1px solid rgba(171,211,163,.15);border-radius:50%;transform:rotate(-21deg)}.orbit-a{width:312px;height:120px}.orbit-b{width:260px;height:200px;transform:rotate(32deg)}.orbit-core{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 42% 32%,#cfefa1,#557e55 43%,#172a25 74%);box-shadow:0 0 60px #ade28030,inset -11px -14px 25px #050e0db3;display:grid;place-items:center;color:#ebf8c9e0;font-size:31px}.orbit-core:after{content:"";position:absolute;width:205px;height:56px;border:1px solid rgba(209,231,188,.22);border-radius:50%;transform:rotate(-28deg)}.orbit-star{position:absolute;color:var(--lime);font-style:normal}.star-one{right:56px;top:43px;font-size:16px}.star-two{left:86px;top:58px;font-size:37px}.star-three{right:120px;bottom:29px;font-size:20px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(310px,.85fr);gap:37px;padding:34px 0 52px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-kicker{font-size:9px;letter-spacing:1.5px}.section-heading h2{font:500 19px Manrope,sans-serif;letter-spacing:-.45px;margin:7px 0 0;color:#e9eee9}.source-pill{font:9px var(--mono);letter-spacing:.9px;border:1px solid rgba(197,242,125,.22);color:#b8d999;padding:7px 9px;border-radius:3px}.source-pill.demo{color:#a8b2aa;border-color:var(--line)}.player-frame{position:relative;background:#10201c;border:1px solid rgba(192,218,194,.13);box-shadow:0 24px 54px #00000038;overflow:hidden}.player-badge{position:absolute;right:12px;top:12px;background:#070f0db8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 9px;border:1px solid rgba(255,255,255,.11);border-radius:2px;display:flex;gap:7px;align-items:center;color:#d8e1d9;font:8px var(--mono);letter-spacing:1px;pointer-events:none}.player-badge .live-dot{width:5px;height:5px}.scene-strip-head{display:flex;justify-content:space-between;margin:22px 0 9px;color:#7e8f84;font:9px var(--mono);letter-spacing:1px}.scene-strip-head span+span{color:#91a097}.scene-strip-head i{font-style:normal;color:#68786c;margin:0 4px}.scene-strip{display:flex;overflow-x:auto;gap:7px;padding-bottom:7px;scrollbar-width:thin;scrollbar-color:#33443a transparent}.scene-chip{background:#ffffff06;border:1px solid var(--line);padding:9px 10px;min-width:120px;max-width:180px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;transition:.18s ease;border-radius:2px}.scene-chip:hover{border-color:#c5f27d52}.scene-chip.active{background:#c5f27d14;border-color:#c5f27d66}.scene-number{font:9px var(--mono);color:var(--lime)}.scene-chip-title{font-size:10px;color:#ced8cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-details{margin-top:15px;border-top:1px solid var(--line);padding-top:15px}.scene-detail-title{display:flex;gap:10px;align-items:flex-start}.detail-spark{color:var(--lime);font-size:14px;margin-top:2px}.scene-detail-title small{font:9px var(--mono);color:#91a195}.scene-detail-title p{font-size:12px;line-height:1.5;color:#d1d8d2;margin:5px 0 0}.scene-detail-data{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:16px}.scene-detail-data span{font-size:10px;color:#a7b1a9;line-height:1.45}.scene-detail-data small{display:block;font:8px var(--mono);color:#718076;letter-spacing:.8px;margin-bottom:5px}.control-column{display:flex;flex-direction:column;gap:13px}.control-card{background:linear-gradient(145deg,#121d18f5,#0d1613f7);border:1px solid var(--line);padding:20px 20px 17px}.create-card h2{font:500 20px/1.25 Manrope,sans-serif;letter-spacing:-.7px;margin:12px 0 20px;color:#e7eee8}.field-label{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:1.2px;color:#8fa097;margin-bottom:8px}.field-label span{font-size:8px;color:#607167;letter-spacing:.8px}.create-card textarea{width:100%;resize:vertical;min-height:78px;background:#09120f;border:1px solid rgba(186,209,190,.14);outline:0;color:#e5eee7;padding:11px 12px;font-size:11px;line-height:1.5;border-radius:2px;transition:border-color .2s}.create-card textarea:focus{border-color:#c5f27d7a}.create-card textarea::placeholder{color:#65736a}.duration-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.duration-row .field-label{margin:0}.duration-row select{background:#0b1511;border:1px solid var(--line);border-radius:2px;padding:7px 25px 7px 9px;color:#dce6dc;font:10px var(--mono);outline:0}.primary-button{width:100%;margin-top:16px;height:43px;border:0;border-radius:2px;background:var(--lime);color:#152016;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-weight:700;font-size:12px;cursor:pointer;transition:background .2s,transform .2s}.primary-button:hover:not(:disabled){background:#d6ffa0;transform:translateY(-1px)}.primary-button:disabled,.export-button:disabled,.text-button:disabled{opacity:.58;cursor:wait}.button-arrow{font-size:17px}.privacy-note{margin:11px 0 0;text-align:center;color:#718078;font:9px var(--mono)}.privacy-note span{color:#a2c784;margin-right:5px}.card-title-line{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}.card-title-line h3,.export-card h3{font:500 14px Manrope,sans-serif;margin:0;color:#e4ebe5}.ready-indicator,.setup-indicator{font:8px var(--mono);color:#9acb80;letter-spacing:.6px}.setup-indicator{color:#88958b}.audio-toggles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.audio-toggle{min-width:0;position:relative;background:#0a1310;border:1px solid var(--line);padding:10px 7px 9px;text-align:left;display:flex;align-items:center;gap:6px;cursor:pointer;border-radius:2px}.audio-toggle.enabled{border-color:#c5f27d42;background:#c5f27d0b}.audio-icon{font-size:14px;color:var(--lime);width:15px;text-align:center}.audio-label{display:flex;min-width:0;flex-direction:column;gap:3px}.audio-label b{font-size:9px;font-weight:600;color:#dce6dd}.audio-label small{font-size:8px;color:#7d8c81;white-space:nowrap}.toggle-track{position:absolute;right:6px;top:6px;width:17px;height:9px;background:#344139;border-radius:9px}.toggle-track i{position:absolute;width:7px;height:7px;border-radius:50%;background:#829086;left:1px;top:1px;transition:.18s}.audio-toggle.enabled .toggle-track{background:#627e4e}.audio-toggle.enabled .toggle-track i{left:9px;background:var(--lime)}.text-button{margin:12px 0 0;padding:0;background:none;border:0;color:#aec98f;font:9px var(--mono);cursor:pointer}.text-button span{margin-left:5px}.export-card{border:1px solid rgba(197,242,125,.22);background:linear-gradient(135deg,#2a3c2540,#121d17f2);padding:17px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px}.export-card h3{font-size:13px;margin-top:8px}.export-card p{font:9px var(--mono);color:#8c9b90;margin:6px 0 0}.export-button{height:36px;min-width:106px;border:1px solid rgba(197,242,125,.45);background:#c5f27d1f;border-radius:2px;color:#dbf5c2;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:10px}.export-button:hover:not(:disabled){background:#c5f27d33}.export-button span+span{font-size:15px;color:var(--lime)}.download-link{grid-column:1/-1;color:var(--lime);font:10px var(--mono);text-decoration:none;margin-top:14px;border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between}.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translate(-50%);max-width:min(620px,calc(100vw - 36px));padding:12px 14px;background:#182820;border:1px solid rgba(197,242,125,.3);box-shadow:0 12px 40px #0008;color:#dce9da;font-size:11px;display:flex;align-items:center;gap:10px}.toast.error{background:#321f1e;border-color:#ff877366}.toast-symbol{color:var(--lime)}.toast.error .toast-symbol{color:#ff9e8e}.toast button{margin-left:6px;background:none;border:0;color:#a8b5ac;cursor:pointer;font-size:18px;line-height:1}.footer{border-top:1px solid var(--line);padding:17px 0 22px;display:flex;justify-content:space-between;color:#708077;font:9px var(--mono);letter-spacing:.4px}.footer i{font-style:normal;color:#a1c17e;margin:0 4px}.footer span+span{color:#58675d}.emotion-select{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.8px;color:#849389}.emotion-select select{max-width:150px;background:#0b1511;border:1px solid var(--line);border-radius:2px;padding:6px 22px 6px 8px;color:#dce6dc;font:9px var(--mono);outline:0}@media(max-width:1050px){.app-shell{padding:0 32px}.workspace-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.85fr);gap:24px}.hero-orbit{right:-80px;opacity:.55}.scene-chip{min-width:104px}.audio-toggles{gap:4px}.audio-toggle{padding-left:5px;padding-right:4px}}@media(max-width:760px){.app-shell{padding:0 18px}.topbar{height:64px}.topbar-right{font-size:0}.topbar-right .live-dot{width:7px;height:7px}.format-label{font-size:8px}.hero{min-height:250px}.hero-copy{padding:38px 0}.hero-orbit{right:-140px;top:18px;transform:scale(.75);opacity:.34}h1{font-size:48px;letter-spacing:-2.4px}.hero-lede{max-width:340px;font-size:12px}.hero-meta{gap:12px;flex-wrap:wrap;font-size:8px}.workspace-grid{grid-template-columns:1fr;gap:30px;padding-top:25px}.control-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.create-card{grid-row:span 2}.control-card{padding:17px}.scene-detail-data{grid-template-columns:1fr 1fr}.scene-detail-data span:last-child{display:none}.export-card{grid-template-columns:1fr;gap:13px}.export-button{width:100%}.footer{font-size:8px}}@media(max-width:480px){.control-column{display:flex}.create-card{order:0}.audio-card{order:1}.export-card{order:2}.hero-meta{gap:10px}.scene-chip{min-width:96px}.player-badge{top:7px;right:7px;padding:5px 6px;font-size:7px}.section-heading h2{font-size:17px}.footer{gap:12px;flex-direction:column}.footer span+span{align-self:flex-end}}.footer span+span{color:#839187}.footer a{color:var(--lime);text-decoration:none}.footer a:hover{text-decoration:underline}.render-progress{grid-column:1/-1;color:#a9c495;font:9px var(--mono);margin:12px 0 0}.preview-loading{width:100%;aspect-ratio:16/9;display:grid;place-items:center;background:#0d1918;color:#98a99b;font:10px var(--mono);letter-spacing:.6px}.account-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#92a096;font:9px var(--mono)}.account-button{border:1px solid var(--line);background:#111c17;color:#c8d8ca;padding:6px 9px;font:9px var(--mono);cursor:pointer}.account-button:hover{border-color:#c5f27d73;color:var(--lime)}.quota-status{margin-top:13px;padding:9px 10px;background:#c5f27d0e;border:1px solid rgba(197,242,125,.13);color:#b8c8b9;font:9px var(--mono)}.quota-status span{color:var(--lime);margin-right:6px}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#030806c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.auth-modal,.payment-modal{width:min(420px,100%);position:relative;background:linear-gradient(145deg,#15241c,#0b1410);border:1px solid rgba(197,242,125,.22);box-shadow:0 24px 90px #0009;padding:28px}.auth-modal{text-align:center}.modal-spark{display:block;color:var(--lime);font-size:25px;margin-bottom:12px}.auth-modal h2,.payment-modal h2{font:600 23px Manrope,system-ui,sans-serif;letter-spacing:-.8px;margin:11px 0;color:#eff3ed}.modal-copy{font-size:12px;line-height:1.6;color:#95a398;margin:0 0 20px}.auth-form{text-align:left}.auth-form label{display:block;margin:12px 0 0;font:9px var(--mono);letter-spacing:.7px;color:#aebcb1}.auth-form input{display:block;width:100%;margin-top:7px;padding:11px 12px;background:#09120f;border:1px solid var(--line);color:#e8efe9;outline:none;font:12px ui-sans-serif,system-ui,sans-serif}.auth-form input:focus{border-color:#c5f27d85}.auth-mode-button{display:block;width:100%;margin-top:13px;border:0;background:none;color:#aac78e;font:9px var(--mono);cursor:pointer}.form-error,.form-message{font-size:10px;line-height:1.45;margin:10px 0;color:#ffad9c}.form-message{color:#c6e49f}.payment-modal{text-align:center}.modal-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#9ca89d;font-size:22px;cursor:pointer}.price-box{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#0b1511;padding:13px 14px;margin:18px 0;color:#cbd6cd;font:10px var(--mono)}.price-box strong{font:600 17px Manrope,sans-serif;color:var(--lime)}.price-box small{font:9px var(--mono);color:#a1b09e}.payment-setup-note{padding:12px;border:1px solid rgba(255,198,112,.23);background:#ffc6700b;color:#d5c2a0;font-size:10px;line-height:1.5;text-align:left}