:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ededee;background:#0c0d0f;font-synthesis:none;color-scheme:dark;--accent:#ff713e;--line:#28292e;--muted:#85878f;--panel:#151619}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;border:1px solid #33343b;border-radius:8px;background:#222328;padding:11px 16px;color:inherit;transition:background .15s,border-color .15s}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){background:#2a2c33;border-color:#50515b}a{color:inherit}.hidden{display:none!important}.brand{text-decoration:none;display:block;font-size:23px;font-weight:720;letter-spacing:-1.2px;white-space:nowrap}.logoMark{font-style:normal;display:inline-grid;place-items:center;background:var(--accent);color:#121212;width:26px;height:26px;border-radius:7px;font-size:24px;margin-right:3px;letter-spacing:-1px}.brand span{display:block;font-size:8px;letter-spacing:2.4px;margin:8px 0 0 37px;color:#898b93}.eyebrow{font-size:10px;letter-spacing:1px;font-weight:550;color:var(--muted)}aside{width:204px;position:fixed;inset:0 auto 0 0;padding:26px 17px;border-right:1px solid var(--line);background:#111215;z-index:10}.navLabel{font-size:9px;letter-spacing:1.4px;color:#666972;margin:50px 13px 13px}nav{display:grid;gap:7px}nav button{border:0;background:transparent;text-align:left;font-size:13px;padding:13px 14px;color:#989ba4}nav button.active{background:#26201c;color:#ff966f;box-shadow:inset 2px 0 var(--accent)}nav button:hover:not(:disabled){background:#202126;color:#fff}.asideBottom{position:absolute;bottom:24px;left:22px;font-size:11px;color:#979aa2;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center}.avatar{height:27px;width:27px;display:grid;place-items:center;background:#303138;border:1px solid #4b4c54;border-radius:50%;font-size:11px}.asideBottom button{grid-column:2;background:none;border:0;padding:0;text-align:left;font-size:10px;color:#6f727c}.dot{display:inline-block;width:5px;height:5px;background:#747781;border-radius:50%;margin-right:7px}main{margin-left:204px;padding:0 32px 35px;max-width:2000px}header{height:67px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;color:#8b8e97}.pill{background:#1e1f24;border:1px solid #303239;border-radius:5px;padding:6px 9px;font-size:10px;color:#abadb5}.intro{display:flex;justify-content:space-between;align-items:center;margin:27px 0 23px}h1{font-size:27px;font-weight:580;letter-spacing:-.7px;margin:0 0 10px}.intro p{font-size:11px;margin:0;color:#7f828d}.separator{padding:0 10px;color:#454750}.workspaceLabel{font-size:8px;letter-spacing:1.1px;color:#666a75}.modelRail{display:flex;gap:9px;overflow-x:auto;padding-bottom:7px;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#35363d transparent}.modelChip{display:flex;align-items:center;gap:10px;min-width:148px;flex-shrink:0;padding:13px 14px;background:#141518;border:1px solid #2a2b32;border-radius:9px;text-align:left}.modelChip.selected{border-color:#a45536;background:#241c18}.chipIcon{display:grid;place-items:center;width:28px;height:28px;background:#2b2c33;border-radius:7px;color:#b9bcc6;font-size:12px;font-weight:650}.selected .chipIcon{background:#4b2a1d;color:#ffa37b}.chipLabel strong{display:block;font-size:11px;font-weight:550;white-space:nowrap}.chipLabel small{display:block;font-size:9px;color:#757984;margin-top:5px}.workspace{display:grid;grid-template-columns:365px minmax(0,1fr);gap:19px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:21px}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.panelHead h2{font-size:13px;margin:0;font-weight:550}.panelHead>span{font-size:9px;color:#666b77;letter-spacing:.4px}label{display:block;font-size:11px;font-weight:500;margin:17px 0 9px;color:#b9bbc3}input:not([type=checkbox]):not([type=file]),select,textarea{display:block;width:100%;padding:12px;border:1px solid #303139;border-radius:7px;background:#101114;color:#d9dbe1;margin-top:8px;font-size:12px}textarea{resize:vertical;line-height:1.65;min-height:125px}textarea::placeholder,input::placeholder{color:#555a66}textarea:focus,input:focus,select:focus{border-color:#7c503f;outline:1px solid #7c503f}.muted{font-size:10px;line-height:1.65;color:var(--muted)}.split{display:flex;justify-content:space-between;align-items:center;gap:12px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.three select{padding:11px 7px}.drop{display:flex;flex-direction:column;gap:8px;align-items:center;padding:18px 10px;background:#18191d;border:1px dashed #3d3f48;border-radius:8px;cursor:pointer}.drop:hover{border-color:#8c5a42}.drop input{width:100%;font-size:9px;max-width:250px;order:3;color:#7b7e89}.drop input::file-selector-button{font:inherit;padding:5px 8px;background:#292b31;color:#a3a7b0;border:0;border-radius:4px;margin-right:8px}.drop strong{font-size:11px;font-weight:500;color:#b9bbc3}.drop span{font-size:9px;color:#626773}.primary{background:var(--accent);border-color:var(--accent);color:#17100d;font-weight:600}.primary:hover:not(:disabled){background:#ff875a;border-color:#ff875a}.composer>.primary{width:100%;display:flex;justify-content:space-between;margin-top:21px;font-size:11px}.composer>.primary span{color:#7a351a;font-size:10px}.composer .muted{font-size:9px}.composer>label:first-of-type{margin-top:0}#modelNote{font-size:9px;color:#b78c70;min-height:16px;margin:9px 0 18px}.preview{padding:21px;min-width:0}.canvas{width:100%;min-width:0;background-color:#0e0f12;background-image:linear-gradient(#1b1d233d 1px,transparent 1px),linear-gradient(90deg,#1b1d233d 1px,transparent 1px);background-size:34px 34px;aspect-ratio:16/10;min-height:300px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #24262e;border-radius:7px;overflow:hidden}.canvas h3{font-size:13px;font-weight:450;color:#a0a3af;margin:17px 12px 0}.canvas p{font-size:10px;color:#515663;line-height:1.7;margin-top:9px}.frameIcon{width:54px;height:41px;border:1px solid #343842;border-radius:9px;display:grid;place-items:center;font-size:24px;color:#626875;background:#17191f}.corner{position:absolute;width:10px;height:10px;border-color:#454851;border-style:solid}.tl{top:12px;left:12px;border-width:1px 0 0 1px}.tr{top:12px;right:12px;border-width:1px 1px 0 0}.bl{bottom:12px;left:12px;border-width:0 0 1px 1px}.br{bottom:12px;right:12px;border-width:0 1px 1px 0}.costbox{display:flex;justify-content:space-between;align-items:center;margin-top:23px;padding-bottom:17px;border-bottom:1px solid var(--line)}.costbox h2{margin:9px 0 0;font-size:29px;font-weight:500;font-variant-numeric:tabular-nums}.costbox .eyebrow{font-size:8px;color:#656b79}.consent{font-weight:400;line-height:1.7;font-size:10px;display:flex;gap:9px;align-items:start;color:#828794}.consent input{margin:3px 0 0;accent-color:var(--accent)}.dark{background:#e7e9ee;color:#14161a;width:100%;border-color:#e7e9ee;margin:10px 0 0;font-size:12px;font-weight:600}.dark:hover:not(:disabled){background:#fff;border-color:#fff}.refs{display:flex;gap:10px}.ref{position:relative}.ref img{height:68px;max-width:120px;object-fit:cover;border-radius:6px;border:1px solid #393d46}.ref button{padding:1px 6px;position:absolute;right:0;top:0;background:#191b20cc}.error{color:#ff9a83;font-size:11px;line-height:1.7}.jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.job{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.job h3{font-size:13px}.job p{font-size:11px;line-height:1.6;overflow-wrap:anywhere}.job video{width:100%;border-radius:6px;background:#090a0c}.job a{display:inline-block;font-size:11px;padding:10px 0;color:#ff986e}.providerGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:25px 0}.provider{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.provider h3{font-size:13px;margin:0 0 12px}.provider a{font-size:9px;color:#a5a9b3;text-decoration:none}.provider a:hover{color:var(--accent)}.provider button{display:block;margin-top:20px;font-size:10px;padding:9px 13px}.settings{margin:20px 0}.settings h2{font-size:16px;font-weight:500}.settings>.three{max-width:780px}.settings button{font-size:11px}.paidControl{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:11px}#togglePaid{border-color:#61412f;color:#f9a779;background:#231b16}.modelRow{display:grid;grid-template-columns:1.5fr 1fr auto;gap:20px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.modelRow label{margin:0;font-weight:400;font-size:10px}.modelRow input[type=number]{width:120px!important;font-size:11px}.modelRow input[type=checkbox]{accent-color:var(--accent)}.modelRow strong{font-size:12px;font-weight:500}.modelRow small{display:block;font-size:9px;color:var(--muted);margin:7px 0;overflow-wrap:anywhere}details{margin-top:25px;font-size:11px}summary{cursor:pointer;padding:12px;background:#1e2026;border-radius:7px;color:#9297a3}#catalogJSON{font-family:monospace;font-size:10px}.gate{min-height:100vh;display:grid;place-items:center;background:#0c0d0f}.gatebox{width:min(430px,90vw);padding:33px;background:#151619;border:1px solid var(--line);border-radius:13px}.gatebox .brand{margin-bottom:45px}.gatebox h1{font-size:25px}.gatebox p{font-size:11px;line-height:1.8;color:var(--muted)}.gatebox button{width:100%;margin-top:20px}dialog{max-width:500px;width:90vw;background:#17191e;color:#dddfe5;border:1px solid #3c3f49;border-radius:12px;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog p{font-size:11px;line-height:1.8;color:#9298a5}dialog h2{font-size:20px}video{max-width:100%}.canvas video{width:100%;height:100%;object-fit:contain}section:not(#page-create){padding-top:30px}@media(min-width:1600px){main{padding:0 40px 40px}.workspace{grid-template-columns:400px minmax(0,1fr)}}@media(max-width:1200px){aside{width:175px;padding:25px 13px}.brand{font-size:20px}.brand span{font-size:7px}main{margin-left:175px;padding:0 23px 30px}.workspace{grid-template-columns:320px minmax(0,1fr)}.providerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas{min-height:280px}.workspaceLabel{display:none}.costbox{align-items:start;gap:8px}.costbox>.muted{max-width:130px;text-align:right}}@media(max-width:850px){.workspace{grid-template-columns:minmax(0,1fr)}.preview .canvas{aspect-ratio:16/9;min-height:250px}.three{gap:12px}.jobs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){aside{position:static;width:auto;padding:17px 16px;border-bottom:1px solid var(--line)}aside .brand{font-size:22px}.brand span{display:none}.navLabel,.asideBottom{display:none}nav{display:flex;margin-top:17px;gap:7px}nav button{font-size:11px;padding:10px 12px;flex:1;text-align:center}nav button.active{box-shadow:inset 0 -2px var(--accent)}main{margin:0;padding:0 14px 25px}header{height:54px;font-size:10px}.pill{font-size:8px;padding:6px 8px}.intro{margin:23px 0 20px}h1{font-size:23px}.modelRail{margin-right:-14px;padding-right:14px}.modelChip{min-width:135px;padding:11px}.panel{padding:17px}.preview .canvas{min-height:240px}.providerGrid,.jobs{grid-template-columns:1fr}.providerGrid{gap:10px}.provider{padding:17px}.provider button{display:inline-block;float:right;margin:0}.provider a{display:inline-block;margin-top:8px}.provider:after{content:'';display:block;clear:both}.settings>.three{grid-template-columns:1fr}.modelRow{grid-template-columns:1fr auto;gap:12px}.modelRow>label:last-child{grid-column:1/-1}.paidControl{align-items:start;flex-direction:column}.three label{font-size:10px}.composer select{font-size:11px}#modelNote{font-size:9px}#costNote{font-size:9px}.consent{font-size:9px}}
/* Studio v2: task modes, cinematic controls and transparent RUB estimates. */
.studioTop{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.studioTop h1{font-size:23px;margin-bottom:7px}.marketPill{font-size:10px;color:#9fa6b5;border:1px solid #2b303a;border-radius:6px;padding:9px 12px}.workspace.v2{grid-template-columns:350px minmax(0,1fr);align-items:start}.v2 .composer{padding:18px}.resultColumn{display:grid;gap:15px;position:sticky;top:20px}.modelBanner{display:flex;gap:12px;align-items:center;padding:6px 0 8px;border-bottom:1px solid var(--line)}.modelBanner>div{min-width:0;flex:1}.modelBanner label{margin:0}.modelBanner select{background:#1e2026;border:0;font-size:15px;font-weight:600;margin-top:3px;padding:7px 0}.modelMonogram{display:grid;place-items:center;font-size:22px;font-weight:650;background:#2d211c;color:#ffa17d;width:46px;height:48px;border:1px solid #6b412c;border-radius:9px}.modeTabs{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0 9px}.modeTab{font-size:9px;padding:8px 9px;background:#1a1c21;border:1px solid #30333d;border-radius:6px;flex:1 0 28%;white-space:nowrap}.modeTab.active{background:#35251c;border-color:#b36139;color:#ffb18a}.modeTab:disabled{opacity:.28}.v2 .drop{padding:17px 9px;margin-top:14px}.refs{flex-wrap:wrap;gap:7px}.ref img{height:65px;width:76px}.ref small{display:block;font-size:8px;color:#8b94a5;padding-top:4px}.urlRefs{margin:10px 0}.urlRefs summary{font-size:9px;padding:10px}.remoteRow{display:grid;grid-template-columns:78px 1fr;gap:6px;margin:8px 0}.remoteRow input,.remoteRow select{margin:0!important;padding:9px!important;font-size:10px!important;min-width:0}.remoteRow button{font-size:12px;padding:7px}.remoteItem{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9da5b2;gap:5px;overflow-wrap:anywhere}.remoteItem button{padding:2px 6px}.sectionLabel{font-size:8px;letter-spacing:1.3px;color:#aa8066;border-top:1px solid #33302c;margin-top:20px;padding-top:17px}.cinemaGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cinemaGrid label{margin:10px 0 2px;font-size:10px}.cinemaGrid select{font-size:10px;padding:10px 7px}.paletteSwatches{display:flex;border-radius:5px;overflow:hidden;height:19px;margin-top:9px}.paletteSwatches span{flex:1}.paletteCustom,.audioLabel{display:flex;align-items:center;gap:7px;font-size:10px}.paletteCustom input,.audioLabel input{accent-color:var(--accent)}.colorInputs{display:flex;gap:7px;margin:10px 0}.colorInputs input{height:27px!important;padding:0!important;margin:0!important;width:20%!important;border-radius:4px;cursor:pointer}.shotRow{display:flex;gap:6px;align-items:start}.shotRow textarea{font-size:10px;min-height:65px}.shotRow button{padding:5px 9px;margin-top:9px}.variantLabel{display:flex;align-items:center;gap:8px;font-size:10px}.variantLabel select{width:50px;padding:8px;margin:0}.textButton{border:0;background:none;padding:0;color:#a9afb9;font-size:9px;cursor:pointer}.textButton:hover:not(:disabled){background:none;color:#ffad85}.secondary{width:100%;display:flex;justify-content:space-between;font-size:10px;margin-top:10px;padding:11px 12px;background:#272a31;color:#d2d7df}.secondary span{font-size:9px;color:#70798a}.v2 #generate{width:100%;font-size:12px;margin:10px 0}.v2 .canvas{aspect-ratio:16/9;min-height:265px}.tokenInfo{font-size:10px;line-height:1.7;color:#c2c7d1;margin-top:13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.compiled{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.7;color:#a3aab8;padding:12px;background:#101216;border:1px solid #282d36;border-radius:7px}.v2 .preview>details{margin-top:15px}.marketStatus h2{font-size:12px;font-weight:500}.marketStatus .muted{font-size:9px}.draftBox{margin-top:12px}.draftBox label{font-size:10px}.rankTools{display:flex;gap:18px;align-items:center;margin:20px 0}.rankTools label{font-size:11px}.rankTools select{min-width:130px}.rankingTable{width:100%;border-collapse:collapse;font-size:11px;background:#14161b;border:1px solid #2b3038}.rankingTable th,.rankingTable td{text-align:left;padding:15px 12px;border-bottom:1px solid #292e37}.rankingTable th{font-size:10px;color:#858f9f;background:#1c1f26}.rankingTable td:nth-child(2){color:#fcb18c;font-variant-numeric:tabular-nums}#rankTable{overflow-x:auto}.job button{font-size:10px;margin-right:8px}.v2 #chars{font-size:8px}.v2 .consent{font-size:9px}.v2 .costbox{margin-top:20px}.v2 .costbox h2{font-size:31px}.v2 .costbox .muted{font-size:10px}nav{gap:4px}nav button{padding:11px 12px;font-size:12px}aside .navLabel{margin-top:35px}@media(max-width:1200px){.workspace.v2{grid-template-columns:310px minmax(0,1fr)}.v2 .composer{padding:16px}}@media(max-width:970px){.workspace.v2{grid-template-columns:300px minmax(0,1fr)}.studioTop h1{font-size:21px}.marketPill{max-width:180px;font-size:9px}.v2 .preview{padding:16px}.v2 .canvas{min-height:240px}.v2 .costbox{display:block}.v2 #costUSD{display:block;margin-top:8px;text-align:left;max-width:none}.v2 .three{gap:6px}.v2 .three label{font-size:9px}.v2 .three select{font-size:10px;padding:10px 4px}}@media(max-width:850px){.workspace.v2{grid-template-columns:minmax(0,1fr)}.resultColumn{position:static}.marketPill{max-width:none}.v2 .costbox{display:flex}.v2 .canvas{min-height:260px}}@media(max-width:620px){.studioTop{display:block;margin:22px 0 17px}.marketPill{display:inline-block;margin-top:12px}nav{flex-wrap:wrap}nav button{flex:1 0 28%;font-size:10px;padding:9px 6px}.v2 .composer{padding:16px}.resultColumn{position:static}.rankingTable{min-width:600px}.rankTools{gap:12px}.rankTools select{min-width:100px}.v2 .preview .canvas{min-height:220px}.studioTop h1{font-size:22px}}
