:root{--ink:#0c1730;--ink2:#263650;--muted:#63728a;--line:#dbe5f1;--paper:#f6f9fd;--white:#fff;--blue:#276bff;--blue2:#5c52f5;--cyan:#00bcd9;--soft:#eaf3ff;--rail:300px}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#f9fbff,#f3f8ff 45%,#f9fcff);color:var(--ink);font-family:Inter,system-ui,sans-serif}button,input,textarea{font:inherit}.studio-shell{min-height:100vh}.rail{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--rail);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);background:#fff;box-shadow:12px 0 45px #365b8c0b}.rail-brand{min-height:92px;display:flex;align-items:center;gap:11px;padding:18px 22px 12px;font:800 20px Manrope;border-bottom:1px solid #edf2f8}.rail-brand img{height:40px;width:auto}.rail-brand b{color:var(--blue)}.rail-brand button{display:none;margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:25px}.workspace-switch{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;margin:16px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#f7faff;color:var(--ink);text-align:left;cursor:pointer}.workspace-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font:800 12px Manrope}.workspace-switch small,.workspace-switch strong{display:block}.workspace-switch small{margin-bottom:3px;color:var(--muted);font-size:11px}.workspace-switch strong{font-size:14px}.workspace-switch i{font-style:normal;color:#75849a}.tool-nav{flex:1;min-height:0;overflow-y:auto;padding:0 14px 28px;scrollbar-width:thin;scrollbar-color:#bdd0e8 transparent}.nav-section{margin-top:20px}.nav-section>span{display:block;padding:0 10px 8px;color:#7e8da3;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.nav-section a{display:flex;align-items:center;gap:11px;min-height:46px;margin:3px 0;padding:10px 11px;border-radius:11px;color:#41516a;text-decoration:none;font-size:14px}.nav-section a:hover{background:#f2f7ff;color:var(--blue)}.nav-section a.active{background:linear-gradient(115deg,#e6f1ff,#eef8ff);color:#175bd9;box-shadow:inset 3px 0 var(--blue)}.nav-section a i{display:grid;place-items:center;width:24px;color:#55708f;font-style:normal;font-size:17px}.nav-section a b{font-weight:650}.nav-section a em{margin-left:auto;padding:4px 7px;border-radius:999px;background:#fff;color:var(--blue);font-size:11px;font-style:normal;font-weight:700}.nav-section a em.soon{background:#f1edff;color:#6657c8}.rail-foot{flex:0 0 auto;padding:12px 14px 18px;border-top:1px solid #e8eef6;background:#fff}.rail-foot button{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:100%;padding:9px;border:0;border-radius:11px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.rail-foot button:hover{background:#f3f7fc}.rail-foot small,.rail-foot strong{display:block}.rail-foot small{color:var(--muted);font-size:11px}.rail-foot strong{margin-top:2px;font-size:13px}.credit-orb,.user-orb{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e7f1ff;color:var(--blue);font-size:12px;font-weight:800}.user-orb{background:#edf9fb;color:#008da5}.rail-scrim{display:none;position:fixed;z-index:40;inset:0;background:#0c173088}main{margin-left:var(--rail);min-width:0}.topbar{position:sticky;z-index:30;top:0;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #dfe8f3;background:#ffffffdb;backdrop-filter:blur(18px)}.menu{display:none;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:20px}.crumb span,.crumb strong{display:block}.crumb span{color:#6b7f9a;font-size:11px;font-weight:800;letter-spacing:.12em}.crumb strong{margin-top:3px;font:700 17px Manrope}.top-actions{display:flex;align-items:center;gap:8px}.plain,.help{height:42px;padding:0 15px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#33445d;font-size:14px;font-weight:650;cursor:pointer}.plain:hover,.help:hover{border-color:#aac5e6;background:#f5f9ff}.help{width:42px;padding:0;border-radius:50%}.creator{width:min(1440px,calc(100% - 72px));margin:auto;padding:52px 0 80px}.creator-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.kicker{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.13em}.creator-title h1{margin:10px 0 10px;font:800 clamp(40px,5vw,68px)/1.02 Manrope;letter-spacing:-.055em}.creator-title h1 em{font-style:normal;background:linear-gradient(120deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.creator-title p{max-width:720px;margin:0;color:#52647e;font-size:17px;line-height:1.65}.model-pill{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-width:310px;padding:12px 13px;border:1px solid #cee0f3;border-radius:15px;background:#fff;box-shadow:0 14px 35px #365b8c0d}.model-spark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#276bff,#00bddb);color:#fff}.model-pill small,.model-pill strong{display:block}.model-pill small{color:var(--muted);font-size:11px}.model-pill strong{margin-top:3px;font-size:14px}.model-pill button{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:750;cursor:pointer}.prompt-card{position:relative;padding:24px;border:1px solid #cddff2;border-radius:22px;background:#fff;box-shadow:0 22px 60px #47699311}.prompt-card:before{content:"";position:absolute;top:-1px;left:5%;right:5%;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent)}.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.prompt-head label{font:700 18px Manrope}.prompt-head div{display:flex;gap:7px}.prompt-head button,.reset{padding:9px 12px;border:1px solid #d5e3f2;border-radius:10px;background:#f7faff;color:#38608e;font-size:13px;font-weight:700;cursor:pointer}.prompt-head button:hover,.reset:hover{border-color:#9fc5ef;color:var(--blue)}#prompt{width:100%;min-height:145px;margin-top:16px;padding:0;border:0;background:transparent;color:var(--ink);outline:0;resize:vertical;font-size:18px;line-height:1.7}#prompt::placeholder{color:#9cabc0}.prompt-foot{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid #e4ebf3}.reference-button{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #cfdeef;border-radius:11px;background:#f7faff;color:#29425f;cursor:pointer}.reference-button span{color:var(--blue);font-size:20px}.reference-button b{font-size:13px}.reference-button small{color:#7e8da2;font-size:12px}.prompt-count{color:#7b8aa0;font-size:12px}.references{display:flex;gap:10px;margin-top:12px}.reference{position:relative;width:84px;height:84px;overflow:hidden;border:1px solid #c8d9eb;border-radius:12px}.reference img{width:100%;height:100%;object-fit:cover}.reference button{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:50%;background:#0b1830cc;color:#fff;cursor:pointer}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;margin-top:24px}.settings-main{display:grid;gap:20px}.setting-block,.advanced,.generation-panel{border:1px solid #d6e2ef;border-radius:20px;background:#fff;box-shadow:0 18px 50px #4769930c}.setting-block{padding:22px}.setting-title{display:flex;justify-content:space-between;align-items:start;gap:20px}.setting-title h2{margin:0;font:750 20px Manrope}.setting-title p{margin:5px 0 0;color:var(--muted);font-size:14px}.reset{border:0;background:transparent;padding:6px}.style-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.style{position:relative;overflow:hidden;min-height:132px;padding:0;border:2px solid transparent;border-radius:14px;background:#eef3fa;cursor:pointer}.style img{width:100%;height:100%;object-fit:cover;transition:.25s}.style:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#07101fcf)}.style span{position:absolute;z-index:2;left:11px;right:11px;bottom:10px;color:#fff;text-align:left;font-size:13px;font-weight:750}.style:hover img{transform:scale(1.05)}.style.active{border-color:var(--blue);box-shadow:0 0 0 3px #276bff20}.style.active:before{content:"✓";position:absolute;z-index:3;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.ratio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:18px}.ratio{min-height:82px;padding:11px 8px;border:1px solid #d5e1ee;border-radius:12px;background:#f9fbfe;color:#44566f;cursor:pointer}.ratio:hover{border-color:#9cbce2}.ratio.active{border-color:var(--blue);background:#eef5ff;color:#1658d1;box-shadow:0 0 0 2px #276bff14}.ratio-shape{display:block;margin:0 auto 8px;border:2px solid currentColor;border-radius:3px}.ratio b,.ratio small{display:block}.ratio b{font-size:13px}.ratio small{margin-top:2px;color:#7e8ca0;font-size:11px}.advanced{overflow:hidden}.advanced summary{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;cursor:pointer;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary b,.advanced summary small{display:block}.advanced summary b{font:700 16px Manrope}.advanced summary small{margin-top:4px;color:var(--muted);font-size:13px}.advanced summary i{font-style:normal;font-size:23px;color:var(--blue)}.advanced[open] summary i{transform:rotate(45deg)}.advanced-body{padding:0 22px 22px}.advanced-body label{display:grid;gap:7px;color:#40536c;font-size:13px;font-weight:700}.advanced-body textarea,.advanced-body input[type=number]{width:100%;border:1px solid #cbdbea;border-radius:10px;background:#f9fbfe;color:var(--ink);outline:0}.advanced-body textarea{min-height:78px;padding:11px;resize:vertical}.advanced-body input[type=number]{height:42px;padding:0 11px}.advanced-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:15px}.advanced-row label:last-child{grid-template-columns:1fr auto;align-items:center}.advanced-row label:last-child input{grid-column:1}.advanced-row output{grid-column:2;grid-row:2;color:var(--blue)}.generation-panel{position:sticky;top:98px;padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e2eaf3}.panel-head span{color:#6e7f96;font-size:11px;font-weight:800;letter-spacing:.1em}.panel-head strong{color:#18825d;font-size:12px}.selection-preview{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:13px;padding:18px 0}.selection-art{width:90px;height:72px;overflow:hidden;border-radius:11px}.selection-art img{width:100%;height:100%;object-fit:cover}.selection-preview small,.selection-preview strong,.selection-preview span{display:block}.selection-preview small{color:var(--muted);font-size:11px}.selection-preview strong{margin-top:4px;font:700 16px Manrope}.selection-preview span{margin-top:4px;color:#65758b;font-size:12px}.control-label{display:block;margin:15px 0 8px;color:#40516a;font-size:13px;font-weight:750}.count-control{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.count-control button,.quality-control button{border:1px solid #d1dfed;border-radius:10px;background:#f9fbfe;color:#41536c;cursor:pointer}.count-control button{height:42px;font-weight:750}.count-control button.active,.quality-control button.active{border-color:var(--blue);background:#edf4ff;color:#175bd8;box-shadow:0 0 0 2px #276bff12}.quality-control{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quality-control button{padding:11px;text-align:left}.quality-control span,.quality-control small{display:block}.quality-control span{font-size:13px;font-weight:750}.quality-control small{margin-top:4px;color:#78879b;font-size:11px;line-height:1.35}.credit-quote{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:14px;border-radius:12px;background:linear-gradient(120deg,#eef5ff,#edfbff)}.credit-quote small,.credit-quote strong{display:block}.credit-quote small{color:#677991;font-size:11px}.credit-quote strong{margin-top:3px;font-size:15px}.credit-quote button{width:29px;height:29px;border:1px solid #bcd2e9;border-radius:50%;background:#fff;color:var(--blue);font-weight:800;cursor:pointer}.generate{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin-top:12px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 14px 28px #276bff2e;font-size:15px;font-weight:800;cursor:pointer}.generate:hover{filter:brightness(1.08);transform:translateY(-1px)}.safe-note{display:flex;gap:7px;margin:11px 4px 0;color:#687a91;font-size:11px;line-height:1.5}.safe-note span{color:#148b62}.inspiration{margin-top:50px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head h2{margin:7px 0 0;font:750 28px Manrope}.section-head p{max-width:420px;margin:0;color:#63738a;font-size:14px}.inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.inspiration-grid button{position:relative;overflow:hidden;min-height:270px;padding:0;border:0;border-radius:17px;background:#dce8f5;cursor:pointer;text-align:left}.inspiration-grid img{width:100%;height:100%;object-fit:cover;transition:.3s}.inspiration-grid button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#06101be3)}.inspiration-grid button:hover img{transform:scale(1.035)}.inspiration-grid button>span{position:absolute;z-index:2;left:17px;right:17px;bottom:16px;color:#fff}.inspiration-grid b,.inspiration-grid small{display:block}.inspiration-grid b{font:700 16px Manrope}.inspiration-grid small{margin-top:4px;color:#d4dfeb;font-size:12px}.notice{position:fixed;z-index:100;left:50%;bottom:-90px;transform:translateX(-50%);max-width:calc(100% - 30px);padding:13px 18px;border:1px solid #9fc2e7;border-radius:12px;background:#fff;color:#24466f;box-shadow:0 18px 60px #24466f33;font-size:13px;transition:.25s}.notice.show{bottom:25px}dialog{width:min(680px,calc(100% - 30px));padding:0;border:1px solid #ccddec;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 30px 100px #17375d55}dialog::backdrop{background:#0a183066;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:start;justify-content:space-between;padding:24px;border-bottom:1px solid #e0e9f2}.dialog-head h2{margin:5px 0 0;font:750 25px Manrope}.dialog-head button{width:38px;height:38px;border:1px solid #d4e0ec;border-radius:10px;background:#f7faff;color:#65758a;font-size:23px;cursor:pointer}.empty-history{padding:65px 30px;text-align:center}.empty-history>div{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:16px;background:linear-gradient(145deg,#eaf2ff,#e9fbff);color:var(--blue);font-size:24px}.empty-history h3{margin:18px 0 8px;font:700 18px Manrope}.empty-history p{max-width:430px;margin:auto;color:var(--muted);font-size:14px;line-height:1.6}@media(max-width:1180px){.style-grid{grid-template-columns:repeat(3,1fr)}.ratio-grid{grid-template-columns:repeat(3,1fr)}.settings-layout{grid-template-columns:1fr}.generation-panel{position:static}.inspiration-grid{grid-template-columns:1fr 1fr}.model-pill{min-width:280px}}@media(max-width:850px){:root{--rail:290px}.rail{transform:translateX(-100%);transition:.25s}.rail.open{transform:none}.rail-brand button{display:block}.rail-scrim.open{display:block}.topbar{padding:0 18px}.menu{display:block;width:42px;height:42px}.crumb{margin-right:auto;margin-left:12px}.top-actions .plain:nth-child(2){display:none}main{margin-left:0}.creator{width:min(100% - 32px,1440px);padding-top:32px}.creator-title{display:block}.model-pill{margin-top:20px;min-width:0;width:100%}}@media(max-width:600px){.creator-title h1{font-size:42px}.creator-title p{font-size:16px}.prompt-card,.setting-block,.generation-panel{padding:17px}.prompt-head{align-items:start}.prompt-head div{display:grid}.prompt-head button{padding:7px 9px;font-size:12px}#prompt{font-size:16px}.reference-button small{display:none}.style-grid{grid-template-columns:1fr 1fr}.style{min-height:145px}.ratio-grid{grid-template-columns:1fr 1fr}.advanced-row{grid-template-columns:1fr}.inspiration-grid{grid-template-columns:1fr}.inspiration-grid button{min-height:320px}.section-head{display:block}.section-head p{margin-top:8px}.quality-control{grid-template-columns:1fr}.top-actions .plain{display:none}}