:root{color-scheme:dark;--bg:#080b12;--panel:#111521;--panel2:#151a29;--line:#272c3b;--text:#f4f3fb;--muted:#979cb1;--accent:#9d83ff;--accent2:#6952dc;--good:#47d5a7;--bad:#ff8194}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.muted{color:var(--muted)}.overline,.section-small{font-family:'Segoe UI',sans-serif;letter-spacing:2px;font-size:10px;font-weight:750;color:#a58bff}.section-small{color:#9299b0}.auth-wrap{min-height:100vh;display:grid;grid-template-columns: minmax(380px,48%) 1fr;background:#0b0d16;position:relative}.auth-glow{position:absolute;inset:auto auto 5% 30%;width:35vw;height:35vw;background:#5937b91c;filter:blur(130px);pointer-events:none}.auth-panel{padding:clamp(30px,7vw,100px);display:flex;flex-direction:column;justify-content:center;max-width:700px;width:100%;margin:auto;z-index:1}.brand-lock,.logo{display:flex;align-items:center;gap:14px;direction:ltr;justify-content:flex-end}.brand-lock{justify-content:flex-start;margin-bottom:75px}.brand-lock strong,.logo strong{font-family:'Segoe UI',sans-serif;font-size:21px;letter-spacing:2px}.brand-lock em{color:#a48cff;font-style:normal}.brand-lock small,.logo small{display:block;color:#7a809b;letter-spacing:3px;font-size:9px;margin-top:5px}.brand-icon,.logo-mark{display:grid;place-items:center;background:#6046ce;color:white;border:1px solid #a38afa99;border-radius:15px;width:47px;height:47px;font-size:29px;box-shadow:0 9px 32px #6543cb55}.auth-panel h1{font-size:clamp(28px,3vw,44px);margin:14px 0}.auth-panel p{font-size:14px;line-height:2}.stack{display:grid;gap:20px;margin-top:32px}label{display:block;color:#dfe1ed;font-weight:700;font-size:12px}input,select,textarea{color:var(--text);background:#0d111c;border:1px solid #34394d;border-radius:12px;outline:none;padding:14px 15px;width:100%;margin-top:10px;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#9781fa;box-shadow:0 0 0 3px #7758e829}input::placeholder,textarea::placeholder{color:#71778d}textarea{resize:vertical;line-height:2;font-family:inherit}select{cursor:pointer}.btn{border:1px solid transparent;background:#202536;color:#f3f1fb;min-height:43px;padding:11px 16px;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-weight:700;transition:transform .15s,background .2s}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(120deg,#986ffe,#6853d6);box-shadow:0 9px 26px #7959d62c}.primary:hover{background:linear-gradient(120deg,#ab91ff,#775fe5)}.full{width:100%}.ghost{background:transparent;border:1px solid #2c3041}.outline{background:#211d37;border:1px solid #534675;color:#c7b9ff}.auth-foot{margin-top:34px;color:#626983;font-size:10px;letter-spacing:2px;direction:ltr;text-align:center}.auth-art{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 55% 40%,#35205e 0,#141227 37%,#0b0d16 73%);display:flex;justify-content:center;flex-direction:column;padding:12%}.orb{position:absolute;width:60%;aspect-ratio:1;right:23%;top:9%;border-radius:50%;background:radial-gradient(circle at 25% 20%,#d1a9ff 2%,#6445bb 23%,#261651 55%,#090a12 75%);filter:drop-shadow(0 0 80px #744fff77);opacity:.7;mask-image:linear-gradient(180deg,#0009,#000)}.auth-art>*:not(.orb){position:relative;z-index:2}.art-kicker{font-size:10px;letter-spacing:3px;color:#c6b6ff;direction:ltr;text-align:right}.auth-art h2{font-size:clamp(42px,5vw,83px);line-height:1.5;margin:15px 0;color:white;letter-spacing:-2px}.auth-art h2 i{color:#a38aff;font-style:normal}.auth-art p{color:#a8a0c5;font-size:15px;max-width:440px;line-height:2.3}.art-lines{display:flex;gap:32px;margin-top:70px;color:#b9a9e5;font-size:10px;letter-spacing:2px;border-top:1px solid #9980ff44;padding-top:25px;direction:ltr;justify-content:flex-end}.shell{display:flex;min-height:100vh}.sidebar{width:260px;min-width:260px;background:#0c0f19;border-left:1px solid #242838;display:flex;flex-direction:column;padding:30px 18px;position:sticky;top:0;height:100vh}.logo{justify-content:flex-start;padding:0 9px 46px}.logo strong{font-size:18px}.logo-mark{width:40px;height:40px;font-size:24px}.side-label{font-size:10px;letter-spacing:2px;color:#646b80;margin:0 17px 15px;direction:ltr;text-align:right}.sidebar nav{display:grid;gap:7px}.nav{color:#9ca2b8;background:transparent;border:1px solid transparent;padding:15px 17px;border-radius:11px;display:flex;align-items:center;gap:14px;text-align:right;width:100%;font-weight:700}.nav:hover,.nav.active{background:#241e3d;color:#e3dcff;border-color:#4e3c7b}.nav-icon{font-size:19px;width:24px;text-align:center;color:#a58fff}.side-bottom{margin-top:auto}.server-state{border:1px solid #2f3446;background:#151a26;border-radius:12px;padding:15px;display:flex;gap:11px;align-items:center;margin-bottom:14px}.server-state strong,.server-state small{display:block;direction:ltr;text-align:left}.server-state strong{font:700 12px 'Segoe UI',sans-serif}.server-state small{color:#8e94ab;font-size:10px;margin-top:5px}.pulse,.top-chip i,.dot{background:var(--good);display:inline-block;width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px #3cdbab70}.copyright{font-size:10px;letter-spacing:1.5px;color:#5b6279;direction:ltr;text-align:center;margin:19px 0 0}.main{flex:1;min-width:0}.topbar{height:82px;border-bottom:1px solid #222636;background:#0a0d16aa;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3vw,52px)}.breadcrumb{font-size:11px;letter-spacing:1.4px;display:flex;gap:12px;color:#81879e;direction:ltr}.crumb-accent{color:#ab91ff;font-weight:800}.top-actions{display:flex;gap:22px;align-items:center}.top-chip{display:flex;gap:10px;align-items:center;font:700 10px 'Segoe UI',sans-serif;color:#9da6b9;letter-spacing:1px}.user-pill{display:flex;gap:12px;align-items:center;color:#c3c7d5}.avatar{height:36px;width:36px;border-radius:10px;background:#332456;color:#d4c6ff;display:grid;place-items:center;font-weight:800}.content{max-width:1580px;margin:0 auto;padding:43px clamp(20px,3vw,52px) 80px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px;gap:20px}.page-heading h1{font-size:clamp(27px,3vw,42px);letter-spacing:-1.2px;margin:11px 0 8px}.page-heading h1 span{color:#a58bff}.page-heading p{color:#9499af;line-height:2;margin:0;font-size:13px}.page-label{direction:ltr;color:#9790b9;font-size:11px;letter-spacing:2px}.page-label span{display:inline-grid;place-items:center;font-size:21px;margin-left:10px;color:#bcacff}.studio-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.84fr);gap:22px;align-items:start}.form-column,.preview-column{display:grid;gap:20px}.panel,.info-card,.preview-panel{background:linear-gradient(145deg,#141825,#101420);border:1px solid #2b3041;border-radius:18px;box-shadow:0 10px 35px #00000015}.panel{padding:26px}.panel-head{display:flex;align-items:center;gap:15px;margin-bottom:26px}.step{font:700 15px 'Segoe UI',sans-serif;color:#af9aff;display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border:1px solid #514374;background:#251f3f;border-radius:12px}.panel-head h2{margin:0 0 6px;font-size:17px}.panel-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.panel-mark{margin-right:auto;color:#757b90;font:700 9px 'Segoe UI',sans-serif;letter-spacing:1.4px;direction:ltr}.field{margin-bottom:15px}.field:last-child{margin-bottom:0}.field label{display:flex;justify-content:space-between}.field label span{color:#7e85a0;font:700 10px 'Segoe UI',sans-serif;letter-spacing:1px}.hint{color:#868ba2;font-size:11px;line-height:2;margin:9px 0 0}.triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dropzone{min-height:192px;border:1.5px dashed #524771;border-radius:13px;background:radial-gradient(ellipse at center,#261e3f4a,transparent 75%),#0c101a;display:flex;justify-content:center;align-items:center;cursor:pointer;text-align:center;position:relative;overflow:hidden;transition:.2s}.dropzone.dragover{border-color:#af9aff;background:#2b2354}.upload-glyph{font-size:31px;color:#a98efe;border-radius:14px;border:1px solid #5b4b8a;background:#242041;display:grid;place-items:center;width:52px;height:52px;margin:auto auto 14px}.dropzone strong{display:block;font-size:13px}.dropzone p{margin:8px 0;color:#999db2}.dropzone span{font:700 10px 'Segoe UI',sans-serif;color:#6d7590}.image-preview{position:absolute;inset:0;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#0b0d16}.mt{margin-top:20px}.inline-status{font-size:12px;color:#a998ff;line-height:2}.prompt-count{text-align:left;color:#777e94;font:11px 'Segoe UI',sans-serif;direction:ltr}.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.prompt-pill{padding:10px 12px;border-radius:20px;background:#232138;border:1px solid #463962;color:#c6b9f4;font-size:11px}.submit-panel{background:linear-gradient(120deg,#2a2050,#1b1b36);border:1px solid #584388;border-radius:17px;display:flex;align-items:center;justify-content:space-between;padding:21px;gap:16px}.submit-panel strong{font-size:14px}.submit-panel p{color:#aaa3c8;margin:8px 0 0;font-size:11px}.preview-column{position:sticky;top:105px}.preview-panel{overflow:hidden;background:#080b14}.preview-top,.preview-bottom{padding:18px 20px;display:flex;justify-content:space-between;direction:ltr;font:700 10px 'Segoe UI',sans-serif;letter-spacing:1.3px;color:#999cb2}.preview-top span:first-child{display:flex;align-items:center;gap:10px}.preview-canvas{min-height:270px;aspect-ratio:16/10;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 42%,#5c4489 0%,#2c2846 24%,#151527 55%,#0a0d17 100%);display:flex;align-items:center;justify-content:center;text-align:center}.preview-orbit{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:1px solid #9b80ea55;box-shadow:0 0 70px #9d79ff40, inset 0 0 70px #9d79ff22;transform:rotate(-20deg) scaleY(.66)}#previewEmpty{position:relative;z-index:1;padding:22px}.preview-icon{font-size:53px;color:#bb9eff;text-shadow:0 0 40px #a18cff}.preview-canvas h3{font-size:19px;margin:13px 0}.preview-canvas p{color:#b4abc8;max-width:240px;line-height:2}.preview-canvas video{width:100%;max-height:400px}.info-card{padding:22px}.info-card h3{margin:7px 0 20px;font-size:16px}.status-line{padding:15px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292e3f;color:#cbd0de}.status-badge{font-size:11px;border-radius:7px;padding:6px 10px}.status-badge.neutral{background:#2c2b3c;color:#a5a8bb}.status-badge.good{background:#17382f;color:#7de5be}.status-badge.bad{background:#402634;color:#ff9cab}.text-link{margin-top:12px;color:#bbabff;background:none;border:0;padding:6px 0}.mini-jobs{line-height:2}.job-list{display:grid;gap:12px}.job{padding:18px;background:#0e121e;border:1px solid #292f41;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.job strong{font-size:13px;display:block}.job p{font-size:11px;color:#9b9db2;margin:9px 0 0;line-height:1.8}.job-actions{display:flex;gap:8px;align-items:center}.job code{font-size:10px;color:#8d92ac;direction:ltr}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.connection-card{display:flex;flex-direction:column;gap:17px;min-height:290px}.connection-head{display:flex;align-items:center;gap:13px}.connection-head h2{margin:0 0 5px}.connection-head small{font-size:10px;color:#9297ac;direction:ltr}.connection-icon{width:49px;height:49px;border-radius:14px;display:grid;place-items:center;font-size:23px}.connection-icon.purple{background:#302449;color:#b8a2ff}.connection-icon.blue{background:#193246;color:#7bc8ec}.connection-icon.amber{background:#49361d;color:#e4be78}.connection-card>p{color:#a5a8b9;line-height:2;min-height:65px}.test-result{border:1px solid #34364c;border-radius:10px;background:#101322;padding:13px;color:#a0a8ba;line-height:2;word-break:break-word;margin-top:auto}.test-result.success{color:#8ae4b9;border-color:#2f6957}.test-result.failure{color:#ff9cae;border-color:#64404a}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid .panel{display:grid;align-content:start;gap:19px}.settings-grid .field{margin-bottom:0}.settings-footer{grid-column:1/-1;display:flex!important;justify-content:space-between;align-items:center}.settings-footer strong{font-size:16px}.settings-footer p{color:var(--muted);font-size:12px}.divider{height:1px;background:#2a3040}.mini-label{font-size:10px;color:#90dcb9}.toggle-row{display:flex;align-items:center;gap:9px;font-weight:400}.toggle-row input{width:17px;margin:0;accent-color:#936eff}.password-panel{margin-top:20px}.password-panel h2{margin:0 0 18px;font-size:16px}.password-panel input{margin:0}.toast{position:fixed;bottom:26px;left:28px;z-index:99;max-width:min(480px,90vw);background:#2b2544;border:1px solid #7661b1;box-shadow:0 15px 50px #0007;padding:18px 22px;border-radius:12px;color:#f5f1ff;line-height:1.8;opacity:0;pointer-events:none;transform:translateY(15px);transition:.3s}.toast.show{opacity:1;transform:none}@media(max-width:1200px){.studio-layout{grid-template-columns:1fr}.preview-column{position:static;grid-template-columns:1fr 1fr}.preview-panel{grid-column:1/-1}.connection-grid{grid-template-columns:1fr 1fr}}@media(max-width:880px){.sidebar{width:82px;min-width:82px;padding:20px 10px}.logo>div,.side-label,.nav:not(.active),.nav.active{font-size:0}.logo{padding:0 9px 40px}.logo-mark{flex-shrink:0}.nav{justify-content:center;padding:15px 0}.nav-icon{font-size:22px}.server-state div,.side-bottom .btn,.copyright{display:none}.server-state{justify-content:center;padding:14px}.content{padding:30px 20px}.settings-grid{grid-template-columns:1fr}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh}}@media(max-width:580px){.sidebar{width:60px;min-width:60px;padding:18px 6px}.logo{padding:0 2px 30px}.logo-mark{width:36px;height:36px}.topbar{padding:0 14px;height:65px}.top-chip,.page-label{display:none}.content{padding:25px 14px 70px}.panel{padding:18px}.triple,.two{grid-template-columns:1fr}.preview-column,.connection-grid{grid-template-columns:1fr}.submit-panel,.settings-footer{flex-direction:column;align-items:stretch}.panel-mark{display:none}.page-heading{align-items:start}.job{flex-direction:column;align-items:stretch}.auth-panel{padding:30px}}
