@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Noto Sans SC,sans-serif;color:#f1eee7;background:#101012;font-synthesis:none;--gold:#f8bb38;--panel:#19191c;--line:#2a292d;--muted:#8d8981}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 45% -10%,rgba(247,174,35,.08),transparent 35rem),#101012}button,input,textarea,select{font:inherit}button{color:inherit}.studio-shell{display:grid;grid-template:64px 1fr / 190px minmax(560px,1fr) 330px;min-height:100vh}.topbar{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr 330px;align-items:center;border-bottom:1px solid var(--line);background:#111113eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 16px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#171107;background:linear-gradient(135deg,#ffe08b,var(--gold));font-weight:900}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{margin-top:2px;color:#747068;font-size:8px;letter-spacing:.12em}.service-pill{justify-self:center;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#aaa59d;font-size:12px;background:#171719}.service-pill i,.notice-bar i{width:7px;height:7px;border-radius:50%;background:#e59a32}.service-pill small{padding-left:8px;border-left:1px solid var(--line);color:#706c65}.top-actions{height:100%;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:0 16px;border-left:1px solid var(--line)}.top-actions button,.result-head button,.collapse-button,.modal-head button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#1a1a1d;cursor:pointer}.access-chip{max-width:150px;overflow:hidden;padding:5px 8px;border-radius:999px;color:#9d978e;background:#202023;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.access-chip.member{color:#87d99a;background:#17311d}.access-chip.denied,.access-chip.guest{color:#e1b968;background:#352a15}.access-chip.error{color:#e69292;background:#361b1b}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#251b07;background:var(--gold);font-weight:900}.mode-sidebar{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;flex-direction:column;padding:12px;border-right:1px solid var(--line);background:#141416}.collapse-button{align-self:flex-end;margin-bottom:12px}.mode-sidebar nav{display:grid;gap:5px}.mode-sidebar nav button,.sidebar-footer button{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:11px;border:0;border-radius:10px;color:#9a968e;background:transparent;cursor:pointer;text-align:left}.mode-sidebar nav button.active{color:#f5c766;background:#f8bb381a}.mode-sidebar nav button em{position:absolute;right:7px;padding:3px 5px;border-radius:4px;color:#77736c;background:#202023;font-size:8px;font-style:normal}.sidebar-footer{margin-top:auto}.sidebar-footer a{display:block;padding:10px;color:#6f6b64;font-size:11px;text-align:center;text-decoration:none}.workspace{min-width:0;padding:28px}.workspace-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.eyebrow{color:var(--gold);font:700 9px/1 monospace;letter-spacing:.18em}.workspace h1,.result-head h2,.modal-head h2{margin:5px 0 0}.workspace h1{font-size:28px}.draft-actions{display:flex;gap:7px}.draft-actions button,.prompt-tools button,.section-title button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:#9c978e;background:#19191c;cursor:pointer;font-size:11px}.prompt-card,.resource-row,.lora-card,.parameter-card,.upload-zone{margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:#1a1a1deb}.prompt-card{padding:14px}.prompt-head,.section-title,.result-head,.modal-head{display:flex;align-items:center;justify-content:space-between}.prompt-head{color:#aba69d;font-size:12px}.prompt-head span{color:#5f5c57;font-size:10px}.prompt-card textarea{width:100%;min-height:108px;margin-top:10px;padding:0;border:0;outline:0;resize:vertical;color:#eeeae2;background:transparent;line-height:1.7}.prompt-card.negative textarea{min-height:64px}.prompt-tools{display:flex;gap:6px;padding-top:9px;border-top:1px solid #242327}.prompt-tools button{padding:5px 8px;border:0;background:#222225}.upload-zone{display:flex;align-items:center;gap:14px;padding:18px;border-style:dashed;color:#77736c}.upload-zone div{display:grid;gap:4px;flex:1}.upload-zone strong{color:#c4bfb6}.upload-zone span{font-size:11px}.upload-zone button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#222225}.resource-row{display:grid;grid-template-columns:2fr 1fr;gap:1px;overflow:hidden;background:var(--line)}.resource-row label{display:grid;gap:6px;padding:14px;background:#19191c}.resource-row span,.parameter-grid label>span{color:#aaa69d;font-size:11px}.resource-row select,.parameter-grid select,.parameter-grid input[type=number]{width:100%;padding:9px 10px;border:1px solid #323136;border-radius:8px;outline:0;color:#e4e0d8;background:#202023}.resource-row small{color:#65615b;font-size:10px}.lora-card{padding:14px}.section-title>div{display:flex;align-items:center;gap:8px}.section-title span{padding:2px 6px;border-radius:5px;color:#8f8a81;background:#252428;font-size:9px}.empty-lora{margin-top:12px;padding:18px;border:1px dashed #302f33;border-radius:9px;color:#66625d;text-align:center;font-size:11px}.lora-list{display:grid;gap:7px;margin-top:12px}.lora-item{display:grid;grid-template-columns:150px 1fr 42px 30px;align-items:center;gap:9px;padding:9px;border-radius:9px;background:#202023;font-size:11px}.lora-item output{color:var(--gold)}.lora-item button{border:0;color:#777;background:transparent}.parameter-card{overflow:hidden}.panel-tabs{display:flex;border-bottom:1px solid var(--line)}.panel-tabs button{padding:12px 16px;border:0;border-bottom:2px solid transparent;color:#79756f;background:transparent;cursor:pointer;font-size:11px}.panel-tabs button.active{border-color:var(--gold);color:#e8c978}.parameter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:18px}.parameter-grid label{display:grid;gap:8px}.slider-field span{display:flex;justify-content:space-between}.slider-field output{color:#d5b86e}.slider-field input{accent-color:var(--gold)}.toggle-row,.coming-field{display:flex!important;grid-template-columns:1fr auto!important;align-items:center;padding:10px;border:1px solid #2d2c30;border-radius:9px}.toggle-row span,.coming-field span{display:grid;gap:3px}.toggle-row small,.coming-field small{color:#68645e}.coming-field{gap:10px;color:#8d8982}.extension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.extension-grid button{position:relative;display:grid;gap:7px;min-height:130px;padding:14px;border:1px solid #2d2c30;border-radius:11px;color:#8c8880;background:#202023;text-align:left}.extension-grid small{color:#67635d}.extension-grid em{position:absolute;right:10px;top:10px;color:#c4953d;font-size:9px;font-style:normal}.extension-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#28272b}.notice-bar{display:flex;align-items:center;gap:8px;margin:12px 0;color:#827d75;font-size:10px}.generate-bar{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid rgba(248,187,56,.25);border-radius:14px;background:#19191cf5;box-shadow:0 18px 45px #0008;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.generate-bar div{display:grid;gap:3px}.generate-bar span{color:#77726a;font-size:10px}.generate-bar button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:0;border-radius:10px;color:#211706;background:linear-gradient(135deg,#ffdf87,var(--gold));font-weight:800;cursor:pointer}.result-panel{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;flex-direction:column;padding:20px;border-left:1px solid var(--line);background:#151517}.result-head h2{font-size:17px}.empty-result{display:grid;justify-items:center;margin:auto 0;padding:20px;color:#77726a;text-align:center}.empty-orbit{display:grid;place-items:center;width:90px;height:90px;margin-bottom:18px;border:1px dashed #37353a;border-radius:50%;color:#5e5a55}.empty-result strong{color:#b1aca3}.empty-result p{max-width:220px;font-size:11px;line-height:1.7}.queue-summary{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#1b1b1e;font-size:11px}.queue-summary span,.queue-summary small{color:#6d6963}.job-list{display:grid;gap:8px;margin-top:18px;overflow:auto}.job-list article{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:8px;border-radius:10px;background:#1d1d20}.job-preview{display:grid;place-items:center;border-radius:8px;color:#7a7468;background:#262529}.job-list article div+div{display:grid;align-content:center;gap:4px;min-width:0}.job-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.job-list span{color:#776f65;font-size:9px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#000a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.lora-modal{width:min(520px,100%);padding:20px;border:1px solid #37353a;border-radius:16px;background:#1a1a1d;box-shadow:0 30px 80px #000}.search-input{width:100%;margin:16px 0;padding:11px;border:1px solid #353439;border-radius:9px;outline:0;color:#eee;background:#202023}.catalog-list{display:grid;gap:7px}.catalog-list>button{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:8px;border:1px solid #2c2b2f;border-radius:10px;color:#bbb6ad;background:#202023;text-align:left;cursor:pointer}.catalog-thumb{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#29282c}.catalog-list span{display:grid;gap:3px}.catalog-list small{color:#6f6b64}@media(max-width:1100px){.studio-shell{grid-template-columns:170px 1fr}.topbar{grid-template-columns:170px 1fr auto}.result-panel{display:none}}@media(max-width:760px){.studio-shell{display:block}.topbar{grid-template-columns:1fr auto;height:58px;padding:0 10px}.service-pill{display:none}.top-actions{border:0;padding:0}.top-actions button{display:none}.mode-sidebar{position:sticky;top:58px;z-index:15;width:100%;height:auto;padding:7px;border:0;border-bottom:1px solid var(--line);overflow-x:auto}.mode-sidebar nav{display:flex}.mode-sidebar nav button{min-width:max-content}.mode-sidebar nav button em,.collapse-button,.sidebar-footer{display:none}.workspace{padding:16px}.workspace-head{align-items:start}.draft-actions button span{display:none}.resource-row,.parameter-grid,.extension-grid{grid-template-columns:1fr}.lora-item{grid-template-columns:1fr 1fr 40px 28px}.generate-bar{bottom:8px}.generate-bar div{display:none}.generate-bar button{width:100%;justify-content:center}}.access-gate{min-height:100vh;display:grid;grid-template-rows:auto 1fr;padding:28px;background:radial-gradient(circle at 50% 18%,rgba(248,187,56,.12),transparent 28rem),#101012}.gate-brand{display:flex;align-items:center;gap:10px}.gate-brand>div{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#201605;background:linear-gradient(135deg,#ffe08b,var(--gold));font-weight:900}.gate-brand span{display:grid;gap:2px}.gate-brand small{color:#706c65;font-size:8px;letter-spacing:.14em}.gate-card{align-self:center;justify-self:center;width:min(440px,100%);padding:34px;border:1px solid #302f33;border-radius:20px;background:#1a1a1df0;box-shadow:0 28px 90px #0009}.gate-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border:1px solid rgba(248,187,56,.28);border-radius:14px;color:var(--gold);background:#f8bb3814}.gate-card h1{margin:8px 0 10px;font-size:25px}.gate-card>p{margin:0 0 22px;color:#8e8981;font-size:13px;line-height:1.7}.gate-card form{display:grid;gap:12px}.gate-card label{display:grid;gap:7px;color:#aaa59d;font-size:11px}.gate-card input{width:100%;padding:11px;border:1px solid #36353a;border-radius:9px;outline:0;color:#eee;background:#202023}.gate-card input:focus{border-color:#80692f}.gate-primary,.gate-google{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border:0;border-radius:9px;cursor:pointer;font-weight:800}.gate-primary{color:#211706;background:linear-gradient(135deg,#ffe08b,var(--gold))}.gate-primary.link{text-decoration:none}.gate-google{border:1px solid #353439;color:#d4cfc6;background:#222225}.gate-back{display:block;margin-top:18px;color:#77726a;font-size:11px;text-align:center;text-decoration:none}.gate-error{padding:9px;border-radius:8px;color:#eaa;background:#351d1d;font-size:11px}.gate-loading{display:flex;align-items:center;justify-content:center;gap:9px;padding:18px;color:#918b82;font-size:12px}.gate-loading i{width:13px;height:13px;border:2px solid #544d3b;border-top-color:var(--gold);border-radius:50%;animation:gate-spin .8s linear infinite}@keyframes gate-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.access-gate{padding:18px}.gate-card{padding:24px}.access-chip{display:none}}