:root{color-scheme:dark;--bg:#111214;--panel:#1c1d20;--border:#36373c;--text:#f1f1f3;--muted:#a5a7b1;--blue:#7791ff;--sidebar:250px;font-family:Inter,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:var(--text)}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;background:none;border:0}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:#151619;border:1px solid var(--border);border-radius:4px;padding:11px;width:100%}textarea{resize:vertical;line-height:1.7}input[type=checkbox]{width:auto;accent-color:var(--blue)}input[type=range]{padding:0;accent-color:var(--blue)}input[type=color]{padding:2px;height:34px;width:48px}label{display:block;font-size:12px;color:var(--muted);line-height:1.6}label input,label select{margin-top:5px}h1,h2,h3,p{margin-top:0}h1{font-size:39px;font-weight:600;letter-spacing:-1.5px}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.7;color:var(--muted)}svg{flex-shrink:0}small{color:var(--muted)}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:15px;top:10px;z-index:100;background:#fff;color:#111;padding:10px}.sidebar{position:fixed;inset:12px auto 12px 12px;width:calc(var(--sidebar) - 24px);background:#1b1c1f;border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;z-index:30}.studio-brand{display:flex;align-items:center;gap:12px;padding:22px 15px 25px;font-size:20px;font-weight:650;letter-spacing:-.6px}.studio-brand small{display:block;font-family:monospace;font-size:9px;letter-spacing:2px;margin-top:6px;color:#8c8e98}.brand-mark{width:32px;height:36px;color:#8197ff;font-weight:900;font-size:34px;position:relative;line-height:1}.brand-mark>span{font-size:18px;position:absolute;right:-4px;top:-4px}.sidebar nav{overflow:auto;padding:0 10px;scrollbar-width:thin;scrollbar-color:#444 transparent;flex:1}.sidebar nav a{min-height:37px;display:flex;align-items:center;gap:11px;padding:8px 12px;color:#c7c8cf;margin:3px 0;border-radius:3px;font-size:14px}.sidebar nav a:hover{background:#292a2e;color:white}.sidebar nav a.active{background:#323338;color:white;box-shadow:inset 3px 0 #dfe4ff}.sidebar nav p{font:600 11px monospace;letter-spacing:1.8px;color:#b9bac4;margin:27px 11px 11px}.sidebar-foot{font:10px monospace;color:#b0b2bf;letter-spacing:1px;padding:15px;border-top:1px solid var(--border)}.sidebar-foot a{display:block;font-family:Arial;font-size:12px;letter-spacing:0;margin-top:12px}.local-dot{display:inline-block;width:6px;height:6px;background:#8dbaab;border-radius:50%;margin-right:8px}.app-shell{margin-left:var(--sidebar)}.studio-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c2d32;padding:0 30px;position:sticky;top:0;background:#111214f5;backdrop-filter:blur(15px);z-index:20}.breadcrumb{font:600 11px monospace;letter-spacing:1.5px;text-transform:uppercase;border-left:2px solid #acb8ff;padding-left:12px}.top-actions{display:flex;align-items:center;gap:12px;font:11px monospace;letter-spacing:1px}.connection-button,.outline-button,.white-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border);border-radius:3px;min-height:36px;padding:9px 13px;white-space:nowrap}.connection-button{border-color:#626fba;color:#c6d0ff;background:#34407126}.connection-button i{width:6px;height:6px;background:#d2a66e;border-radius:50%}.connection-button.connected i{background:#6cd2a6}.outline-button:hover{background:#292b31}.white-button{background:#f1f2f5;color:#16171a;border-color:#f1f2f5;font-size:12px;font-weight:600;letter-spacing:.5px}.primary-button{background:#8498ff;color:#111322;border-radius:4px;padding:12px 18px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary-button:hover{background:#a9b6ff}.avatar{background:#373a44;border:1px solid #525666;width:34px;height:34px;border-radius:3px;display:grid;place-items:center;font:11px monospace;color:#d9def6}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:3px;flex-shrink:0;color:#c2c5d2}.icon-button:hover{background:#363841}.mobile-menu{display:none}#view{min-height:calc(100vh - 70px);outline:none}.page{max-width:1360px;margin:auto;padding:36px 50px 70px}.eyebrow,.section-label{font:11px monospace;letter-spacing:2px;color:#b6b9c7;text-transform:uppercase}.eyebrow{margin-bottom:18px}.home-hero{padding:24px 0 42px;border-bottom:1px solid #303138;position:relative;overflow:hidden}.home-hero h1{margin-bottom:14px;font-size:43px}.home-hero h1 em{font-style:normal;color:#a1b1ff}.home-hero p{font-size:15px;margin-bottom:0}.hero-signal{position:absolute;right:35px;top:28px;display:flex;gap:7px;align-items:end;opacity:.35;transform:skewY(-10deg)}.hero-signal i{display:block;width:11px;background:linear-gradient(#a9b8ff,#4a526f);border-radius:1px;height:calc(10px + var(--i)*8px)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 16px}.section-heading h2{font:12px monospace;letter-spacing:2px;margin:0}.section-heading a{font-size:12px;color:#a6b5ff}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{border:1px solid var(--border);background:#1d1e21;min-height:146px;padding:22px 21px;display:flex;gap:17px;position:relative;border-radius:3px;transition:background .18s,border-color .18s,transform .18s}.tool-card:hover{background:#24252a;border-color:#747e9f;transform:translateY(-2px)}.tool-card h3{font-size:16px;letter-spacing:-.3px;margin:6px 30px 13px 0}.tool-card p{font-size:13px;line-height:1.75;margin-bottom:0}.tool-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);width:45px;height:45px;display:grid;place-items:center;flex-shrink:0}.card-arrow{position:absolute;right:15px;top:22px;color:#969ba9}.tag{display:inline-block;border:1px solid #566a99;color:#9cb6ff;vertical-align:middle;font:9px monospace;letter-spacing:1px;padding:3px 5px;margin-left:6px}.tool-card.local .tag{border-color:#437967;color:#8bd2b7}.home-note{display:flex;gap:15px;margin-top:28px;padding:18px;border:1px solid #353949;background:#1a1d28;align-items:center}.home-note>svg{color:#98acff}.home-note p{margin:0;font-size:12px}.home-note a{color:#b8c4ff}.page-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:30px}.page-head h1{font-size:30px;margin-bottom:10px}.page-head p{font-size:13px;margin:0}.head-actions{display:flex;gap:8px}.empty-state{display:grid;place-content:center;justify-items:center;text-align:center;min-height:290px;border:1px dashed #373942;border-radius:5px;background:radial-gradient(ellipse at center,#20232f55,transparent 70%);padding:30px;gap:12px}.empty-state>svg{color:#8291c6;margin-bottom:9px}.empty-state h2{font-size:19px;margin:0}.empty-state p{font-size:13px;max-width:470px;margin:0}.empty-state button{margin-top:8px}.generation-page{min-height:calc(100vh - 70px);display:flex;flex-direction:column}.generation-page .page-head{padding:30px 38px 0;margin-bottom:25px}.generation-stage{flex:1;padding:0 38px 25px;min-height:330px}.generation-stage .empty-state{min-height:300px;border:0}.prompt-examples{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.prompt-examples button{font-size:11px;color:#b8becf;border:1px solid #393d4c;padding:8px 11px;border-radius:3px}.composer{margin:0 38px 25px;background:#202126;border:1px solid #4b4e5c;border-radius:5px;box-shadow:0 10px 40px #0004}.composer textarea{border:0;background:none;min-height:90px;padding:20px 22px;resize:vertical;font-size:14px;outline-offset:-3px}.composer-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #343641;padding:12px 15px;flex-wrap:wrap}.composer select{width:auto;min-height:34px;font-size:12px;padding:7px 9px;background:#17181c}.composer .generate-button{margin-left:auto}.reference-control{display:flex;align-items:center;gap:7px;font-size:12px;color:#c4cbdf;border:1px solid #4b5164;border-radius:3px;padding:8px 11px;cursor:pointer}.reference-control input{display:none}.reference-strip{display:flex;align-items:center;gap:12px;margin:0 15px;padding:12px;border-top:1px solid #363946;font-size:12px}.reference-strip img{height:48px;width:48px;object-fit:cover;border-radius:3px}.reference-strip button{margin-left:auto}.composer-hint{font-size:11px;padding:0 16px 12px;color:#aaadba}.advanced-controls{padding:0 16px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.advanced-toggle{color:#b0b9cd;font-size:11px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.asset-card{background:#1d1e23;border:1px solid #363944;border-radius:4px;overflow:hidden;position:relative}.asset-preview{height:190px;display:grid;place-items:center;background:#15161a;overflow:hidden;width:100%;padding:0}.asset-preview img,.asset-preview video{width:100%;height:100%;object-fit:cover}.asset-preview>svg{color:#8d9ccc}.asset-meta{padding:13px 14px}.asset-meta h3{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 0 8px}.asset-meta small{font:10px monospace;text-transform:uppercase;letter-spacing:.5px}.asset-actions{display:flex;gap:7px;margin-top:12px;align-items:center}.asset-actions .favorite-on{color:#f4cf75}.asset-actions select{font-size:10px;padding:7px;margin-left:auto;max-width:115px}.asset-grid.compact .asset-preview{height:140px}.library-toolbar{display:flex;gap:12px;align-items:center;margin:25px 0}.library-toolbar .search-field{flex:1}.search-field{position:relative}.search-field input{padding-left:38px}.search-field>svg{position:absolute;left:12px;top:12px;color:#989cad}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{padding:8px 12px;font-size:11px;color:#b5b9c6;background:#202229;border:1px solid #363942;border-radius:3px}.tabs button.active{border-color:#8798e1;color:#d5ddff;background:#303748}.folder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.folder-card{background:#202126;border:1px solid var(--border);padding:24px;display:flex;gap:15px;align-items:center}.folder-card svg{color:#aab7e7}.folder-card h3{margin:0 0 6px;font-size:14px}.folder-card small{font-size:11px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.panel{background:#1c1e23;border:1px solid #373a45;border-radius:5px;padding:25px}.panel h2{font-size:19px;margin-bottom:14px}.panel p{font-size:13px}.panel label{margin-top:16px}.panel .primary-button{margin-top:18px}.panel a.text-link{color:#b1c0ff;text-decoration:underline}.connection-state{font:11px monospace;color:#d8be8c;margin:16px 0}.connection-state.on{color:#8dd5b8}.model-list{display:grid;gap:13px}.model-row{display:flex;align-items:center;gap:11px;border-top:1px solid #333743;padding-top:13px}.model-row .model-name{flex:1;font-size:12px}.model-row small{font-size:10px}.model-row a{font-size:11px;color:#a5b5ec}.info-list{font-size:13px;color:#b0b6c7;padding-left:19px;line-height:1.9}.split-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px}.frame-preview{min-height:370px;background:#17181d;display:grid;place-items:center;border:1px solid #363a46}.frame-preview video,.frame-preview canvas{max-width:100%;max-height:450px}.stack{display:grid;gap:14px}.frame-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:22px}.frame-list img{width:100%}.frame-item{border:1px solid #353845;background:#1a1c23;padding:9px}.frame-item button{margin-top:9px;width:100%;font-size:11px}.embedded-workspace{height:calc(100vh - 70px);display:flex;flex-direction:column}.editor-toolbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #373a44;background:#1b1d23;flex-wrap:wrap}.editor-toolbar strong{font-size:13px;margin-right:auto}.editor-toolbar small{font-size:11px}.embedded-workspace iframe{width:100%;flex:1;border:0;background:#1e2028;min-height:500px}.status-strip{background:#191b21;border-top:1px solid #353942;padding:9px 20px;color:#b4b9ca;font-size:11px;display:flex;justify-content:space-between;gap:12px}.toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);padding:14px 21px;background:#e2e7f6;color:#171b27;font-size:13px;z-index:100;border-radius:4px;box-shadow:0 10px 50px #0008;max-width:min(600px,90vw)}.asset-dialog{max-width:950px;width:90vw;background:#191b21;border:1px solid #4e5363;border-radius:5px;color:var(--text);padding:25px}.asset-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:18px;margin:0}.dialog-media{display:grid;place-items:center;min-height:160px}.dialog-media img,.dialog-media video{max-width:100%;max-height:65vh}.dialog-media audio{width:100%}.dialog-actions{display:flex;gap:10px;margin-top:20px}.asset-dialog p{font-size:12px;margin-top:20px;white-space:pre-wrap}.job-card{border:1px solid #495067;padding:20px;background:#1d2130;margin-bottom:15px;display:flex;align-items:center;gap:15px}.spinner{width:22px;height:22px;border:2px solid #576084;border-top-color:#b8c5ff;border-radius:50%;animation:spin 1.5s linear infinite}.job-card.failed .spinner{animation:none;border-color:#c57b7b}.job-card h3{font-size:13px;margin:0 0 7px}.job-card p{margin:0;font-size:12px}.job-card .icon-button{margin-left:auto}.board-workspace{position:relative;min-height:570px;height:calc(100vh - 230px);background-color:#17191e;background-image:radial-gradient(#454a603f 1px,transparent 1px);background-size:22px 22px;border:1px solid #363b4c;border-radius:4px;overflow:auto;touch-action:none}.board-node{position:absolute;width:220px;min-height:90px;background:#e3dcc6;color:#2b2a24;padding:16px;border-radius:3px;box-shadow:0 12px 26px #0005;cursor:grab;touch-action:none}.board-node.image-node{padding:7px;background:#262b35}.board-node img{width:100%;pointer-events:none}.board-node textarea{width:100%;min-height:100px;background:none;border:0;color:inherit;resize:vertical;padding:0;font-size:13px;cursor:text}.board-node header{display:flex;justify-content:space-between;align-items:center;font:9px monospace;margin-bottom:11px;color:#636252}.board-node header button{color:inherit;font-size:15px}.board-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:17px}.board-toolbar input{width:240px}.board-toolbar span{margin-left:auto;font-size:11px;color:#b5bdd3}.scene-layout{height:calc(100vh - 120px);display:grid;grid-template-columns:210px minmax(0,1fr) 230px;background:#15171c}.scene-side{padding:18px 13px;background:#1c1f26;overflow:auto;border-right:1px solid #363b4b}.scene-side.right{border-right:0;border-left:1px solid #363b4b}.scene-side h3{font:10px monospace;letter-spacing:1.6px;margin:5px 0 18px}.scene-side button{display:flex;gap:10px;align-items:center;width:100%;font-size:12px;text-align:left;padding:9px;background:#272c38;border:1px solid #3a4254;border-radius:3px;margin:6px 0}.scene-side .object-row.selected{border-color:#91a5f4;background:#354260}.scene-viewport{position:relative;min-width:0;overflow:hidden;background:#171c28}.scene-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.scene-overlay{position:absolute;left:18px;top:16px;color:#afbddc;font:10px monospace;letter-spacing:1px;pointer-events:none}.scene-hint{position:absolute;bottom:16px;left:18px;background:#121722c9;padding:9px 12px;color:#b9c6dd;font-size:11px;pointer-events:none}.scene-toolbar{display:flex;align-items:center;gap:10px;height:50px;padding:0 18px;background:#20252f;border-bottom:1px solid #40485a;flex-wrap:wrap}.scene-toolbar strong{font-size:12px;margin-right:auto}.scene-toolbar button,.scene-toolbar select{font-size:11px;padding:7px;width:auto;background:#2b3344;border:1px solid #46536f;border-radius:3px}.scene-side label{font-size:10px;margin:12px 0}.scene-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.scene-fields input{font-size:11px;padding:7px;min-width:0}.scene-side select{font-size:11px;padding:8px}.scene-side input[type=range]{margin-top:9px}.scene-side .small-note{font-size:10px;line-height:1.6;margin-top:18px}.boot{padding:50px;color:#bec6dc}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.noscript{margin-left:280px;padding:30px}.text-button{color:#b3c3ff;font-size:12px;padding:7px 0}.divider{height:1px;background:#373d4b;margin:20px 0}.error-banner{padding:16px;background:#34252a;border:1px solid #845361;color:#f0bdc8;font-size:13px;line-height:1.7}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.guide-grid .panel{min-height:200px}@keyframes spin{to{transform:rotate(360deg)}}
[hidden]{display:none!important}
@media(max-width:1150px){:root{--sidebar:225px}.page{padding:30px}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card{padding:18px}.settings-grid{grid-template-columns:1fr}.scene-layout{grid-template-columns:165px minmax(0,1fr) 185px}.scene-side{padding:13px 9px}.split-workspace{grid-template-columns:1fr}.hero-signal{right:0}.library-toolbar{flex-wrap:wrap}}
@media(max-width:760px){:root{--sidebar:0px}.app-shell{margin:0}.sidebar{transform:translateX(-110%);width:245px;transition:transform .2s;box-shadow:20px 0 80px #000a}.sidebar.open{transform:none}.studio-topbar{padding:0 15px;height:60px;gap:12px}.mobile-menu{display:inline-flex}.breadcrumb{font-size:9px;flex:1}.top-actions{gap:7px;font-size:9px}.top-actions .outline-button{display:none}.avatar{width:29px;height:29px;font-size:9px}.connection-button{padding:7px;min-height:30px;font-size:9px}.page{padding:25px 18px 55px}.home-hero{padding:14px 0 30px}.home-hero h1{font-size:32px}.home-hero p{font-size:13px}.hero-signal{display:none}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:125px}.tool-card h3{font-size:15px}.tool-card p{font-size:12px}.page-head{flex-wrap:wrap}.page-head h1{font-size:25px}.generation-page .page-head{padding:25px 18px 0}.generation-stage{padding:0 15px 20px}.composer{margin:0 15px 20px}.composer-bottom{gap:7px}.composer-bottom select{max-width:150px;font-size:11px}.composer .generate-button{width:100%;margin-top:4px}.composer textarea{font-size:13px}.advanced-controls{grid-template-columns:1fr 1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-preview{height:135px}.asset-actions{flex-wrap:wrap}.asset-actions select{max-width:100%;margin:0;width:100%}.asset-meta{padding:10px}.library-toolbar{gap:9px}.library-toolbar .search-field{flex-basis:100%}.tabs button{padding:7px 9px}.head-actions{width:100%;flex-wrap:wrap}.home-note{align-items:start}.home-note p{font-size:11px}.settings-grid,.guide-grid{grid-template-columns:1fr}.panel{padding:20px}.scene-layout{height:calc(100vh - 160px);grid-template-columns:minmax(0,1fr) 160px}.scene-side.left{display:none}.scene-toolbar{height:auto;min-height:70px;gap:6px;padding:10px}.scene-toolbar strong{width:100%}.scene-side.right{padding:10px 8px}.scene-overlay,.scene-hint{font-size:9px;left:10px}.scene-fields input{padding:5px}.board-workspace{height:550px}.board-toolbar input{width:100%}.board-toolbar span{margin:0;width:100%}.toast{left:50%;bottom:20px;width:90vw}.status-strip{font-size:10px}.status-strip a{display:none}.embedded-workspace{height:calc(100vh - 60px)}.editor-toolbar small{display:none}.editor-toolbar{gap:7px;padding:10px}.editor-toolbar strong{width:100%}.asset-dialog{padding:18px}.empty-state{padding:20px}.noscript{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Public credit plans and usage. */
.commerce-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;border:1px solid #474d68;background:#20232d;margin-bottom:24px}.commerce-banner p{margin:8px 0 0;color:var(--muted);line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.price-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.price-card h2{margin-top:18px}.price-amount{font-size:36px;font-weight:700;margin:12px 0}.price-amount small{font-size:13px;color:var(--muted);font-weight:400}.price-card ul{padding-left:18px;color:var(--muted);line-height:1.8;margin-bottom:28px;font-size:13px;flex:1}.price-card p{font-size:14px}.price-card button,.price-card>a{margin-top:auto}.billing-details{margin-top:24px}.table-scroll{overflow-x:auto}.credit-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.credit-table td,.credit-table th{padding:12px 8px;border-bottom:1px solid var(--border);white-space:nowrap}.credit-table th{color:var(--muted);font-weight:500}#billing-wallet{font-size:22px;font-weight:650;margin:20px 0}@media(max-width:1150px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.pricing-grid{grid-template-columns:1fr}.commerce-banner{align-items:flex-start;flex-direction:column;padding:18px}.credit-table{font-size:12px}.price-amount{font-size:32px}}