:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f4ed;background:#0a0a0b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#252117,#0a0a0b 42%);min-height:100vh;margin:0}button,textarea,select,input{font:inherit}main{width:min(1440px,100% - 32px);margin:0 auto;padding:56px 0}header{max-width:900px;margin-bottom:28px}h1{letter-spacing:-.05em;margin:4px 0 8px;font-size:clamp(2rem,5vw,4.4rem);line-height:1}header p{color:#aaa69a;line-height:1.5}.eyebrow{color:#e5c978;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.demo-shell{background:#111113cc;border:1px solid #38352d;border-radius:18px;padding:18px}.session-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px;display:grid}.player{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden}.player video{width:100%;height:100%}.player-placeholder{color:#77746b;place-items:center;width:100%;height:100%;font-size:.85rem;display:grid}.status{color:#aaa;background:#191919cc;border-radius:999px;padding:5px 9px;font:12px ui-monospace,monospace;position:absolute;top:10px;left:10px}.status-ready{color:#8ee59d}.controls{flex-direction:column;gap:14px;display:flex}fieldset{border:1px solid #3b3932;border-radius:10px;margin:0;padding:12px}legend{color:#ded5b8;padding:0 6px;font-size:.82rem}.hint{color:#77746b;margin:0 0 12px;font-size:.76rem;line-height:1.4}label{color:#bbb7ab;flex-direction:column;gap:7px;font-size:.82rem;display:flex}textarea,select,input{width:100%;color:inherit;background:#171719;border:1px solid #3b3932;border-radius:8px;padding:10px}textarea{resize:vertical;min-height:118px;line-height:1.45}button{color:#15130e;cursor:pointer;background:#ded5b8;border:1px solid #ded5b8;border-radius:8px;padding:9px 12px;transition:filter .1s,transform .1s}button:active:not(:disabled){filter:brightness(.82);transform:translateY(2px)}button:disabled{cursor:not-allowed;opacity:.4}.button-row{flex-wrap:wrap;gap:8px;display:flex}.secondary button{color:#ded5b8;background:0 0;border-color:#4e4a3e}.two-column{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.selected-image{color:#918d82;overflow-wrap:anywhere;margin:10px 0 0;font-size:.76rem}.nano-demo{background:#141416;border:1px solid #3b3932;border-radius:10px;margin-top:18px}.nano-demo summary{color:#ded5b8;cursor:pointer;padding:12px;font-size:.82rem}.nano-demo[open] summary{border-bottom:1px solid #3b3932}.nano-demo-content{flex-direction:column;gap:12px;padding:12px;display:flex}.preset-prompt{color:#aaa69a;background:#0b0b0c;border-radius:8px;padding:10px;font-size:.76rem;line-height:1.45}.preset-prompt strong{color:#ded5b8}.preset-prompt p{margin:5px 0 0}.nano-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.nano-preview{min-width:0;margin:0}.nano-image-frame{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.nano-image-frame img{object-fit:contain;width:100%;height:100%;display:block}.nano-output-placeholder{color:#77746b;text-align:center;place-items:center;width:100%;height:100%;padding:16px;font-size:.76rem;display:grid}.nano-preview figcaption{color:#77746b;margin-top:5px;font-size:.7rem}.error{color:#ffb2b2;background:#3c1717;border-radius:8px;margin:0;padding:10px;font-size:.85rem}aside{color:#77746b;background:#0b0b0c;border-radius:8px;padding:10px;font-size:.76rem;line-height:1.5}aside strong,aside code{display:block}aside code{color:#aaa69a;overflow-wrap:anywhere;margin-top:4px}@media (max-width:800px){main{padding:28px 0}.session-grid,.two-column,.nano-preview-grid{grid-template-columns:1fr}}
.landing header{max-width:980px}.landing .lede{max-width:760px;font-size:1.15rem}.demo-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.demo-card{color:inherit;background:#121214;border:1px solid #2c2a25;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.demo-card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-art{aspect-ratio:16/9;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:18px 20px 22px}.card-body h2{letter-spacing:-.02em;margin:6px 0;font-size:1.6rem}.card-body p{color:#c9c4b6;margin:0 0 10px}.card-body ul{color:#9d988b;margin:0;padding-left:18px;font-size:.9rem;line-height:1.5}.industry{color:var(--accent,#e5c978);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:600}.landing footer{color:#77736a;justify-content:space-between;margin-top:28px;font-size:.85rem;display:flex}.landing footer a{color:#aaa69a}main.studio{width:min(1680px,100% - 28px);padding:18px 0 40px}.studio-header{justify-content:space-between;align-items:flex-end;gap:16px;max-width:none;margin-bottom:14px;display:flex}.studio-header h1{margin:2px 0 4px;font-size:clamp(1.8rem,3vw,2.8rem)}.studio-header .tagline{color:#c9c4b6;margin:0}.studio-header .industry{margin-right:8px}.back{color:#8f8a7e;font-size:.85rem;text-decoration:none}.connection{white-space:nowrap;background:#121214;border:1px solid #2c2a25;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.dot{background:#555;border-radius:50%;width:10px;height:10px;display:inline-block}.dot-ready{background:#3ddc84;box-shadow:0 0 10px #3ddc84}.dot-connecting,.dot-waiting{background:#f5c542;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.35}}.status-text{color:#c9c4b6;font-size:.85rem}.meter{font-variant-numeric:tabular-nums;color:#9d988b;font-size:.85rem}button.primary{background:var(--accent,#ded5b8);border-color:var(--accent,#ded5b8);color:#0d0d0e;font-weight:600}button:disabled{opacity:.4;cursor:not-allowed}.studio-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:16px;display:grid}@media (max-width:1100px){.studio-grid{grid-template-columns:1fr}}.stage-col,.side-col{flex-direction:column;gap:14px;min-width:0;display:flex}.player{aspect-ratio:16/9;background:#050506;border:1px solid #2c2a25;border-radius:14px;position:relative;overflow:hidden}.player>div:first-child,.player video{width:100%;height:100%}.player-still{object-fit:cover;filter:saturate(.85)brightness(.8);width:100%;height:100%}.player-placeholder{color:#77736a;text-align:center;place-items:center;height:100%;padding:20px;display:grid}.hud{flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex;position:absolute;top:12px;left:12px}.hud span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000a;border-radius:6px;padding:4px 8px}.live-badge{color:#ff4d4d;letter-spacing:.08em;font-weight:700}.hud .busy{color:#f5c542}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transport .spacer{flex:1}.transport button{color:#e9e5d9;background:#1d1d20;border-color:#34322c}.panel{background:#111113;border:1px solid #2c2a25;border-radius:14px;padding:14px}.panel-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.panel h2{margin:0;font-size:1.05rem}.panel h3{color:#bbb7ab;margin:12px 0 6px;font-size:.85rem;font-weight:600}.hint{color:#85817a;margin:0;font-size:.8rem}.error{color:#ff7a7a;font-size:.85rem}.shot-actions,.direction-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.shot-actions input,.direction-row input{flex:1}.shot-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.shot{background:#0b0b0c;border:1px solid #2c2a25;border-radius:10px;flex-direction:column;margin:0;display:flex;overflow:hidden}.shot img,.shot-placeholder{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.shot-placeholder{color:#9d988b;background:repeating-linear-gradient(45deg,#151517,#151517 10px,#19191b 10px 20px);border:0;border-radius:0}.shot-loading .shot-placeholder{animation:1.2s infinite pulse}.shot-error .shot-placeholder{color:#ff7a7a}.hero-shot{border-color:var(--accent)}.shot figcaption{justify-content:space-between;gap:6px;padding:6px 8px 0;font-size:.8rem;display:flex}.model{color:#6f6b63;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.shot-buttons{gap:6px;padding:6px 8px 8px;display:flex}.shot-buttons button{flex:1;padding:6px;font-size:.8rem}.autoplay{color:#bbb7ab;align-items:center;gap:8px;margin-top:10px;font-size:.85rem;display:flex}.autoplay label{flex-direction:row;align-items:center;gap:8px}.autoplay input[type=number]{width:64px;padding:4px 6px}.autoplay input[type=checkbox],.raw-toggle input,.fast-toggle input{width:auto}.chip-groups{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.chip-group,.swap-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip-label{color:#85817a;text-transform:uppercase;letter-spacing:.1em;min-width:64px;font-size:.72rem}.chip{color:#e9e5d9;background:#1d1d20;border-color:#34322c;border-radius:999px;padding:6px 12px;font-size:.85rem}.chip:not(:disabled):hover{border-color:var(--accent);color:#fff}.raw-toggle,.fast-toggle{flex-direction:row;align-items:center;gap:6px;font-size:.8rem}.swap{color:#e9e5d9;background:#1d1d20;border-color:#34322c;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:.82rem;display:flex}.swap img{object-fit:cover;background:#fff;border-radius:50%;width:26px;height:26px}.swap-row{margin-top:4px}.pending{color:#f5c542;margin:10px 0 0;font-size:.82rem}.thumb-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.thumb-row.options{grid-template-columns:repeat(3,1fr)}.thumb{color:#d9d4c6;cursor:pointer;background:#19191b;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;padding:4px;font-size:.75rem;display:flex}.thumb img{aspect-ratio:16/9;object-fit:cover;background:#fff;border-radius:6px;width:100%}.thumb.small img{aspect-ratio:1;object-fit:contain}.thumb.selected{border-color:var(--accent)}.thumb .plus,.thumb .swatch{aspect-ratio:16/9;color:#85817a;background:#111;border-radius:6px;place-items:center;font-size:1.4rem;display:grid}.thumb.small .swatch{aspect-ratio:1;color:var(--accent)}.full{width:100%;margin-top:10px}.button-row{gap:8px;margin-top:10px;display:flex}.button-row .primary{flex:1}.fast-toggle{color:#85817a;margin-top:8px}.log-panel{max-height:640px;overflow:auto}.log{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.log li{border-left:2px solid #34322c;gap:8px;padding-left:8px;font-size:.8rem;display:flex}.log li img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;flex:none;width:64px}.log li p{color:#bbb7ab;margin:2px 0 0}.log-kind{text-transform:uppercase;letter-spacing:.1em;color:#85817a;font-size:.68rem}.log-cut,.log-take{border-color:var(--accent)!important}.log-morph{border-color:#8a7cff!important}.log-error{border-color:#ff7a7a!important}