*{box-sizing:border-box}body,html{margin:0;background:#070b12;color:#edf2f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.appShell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#090e17;border-right:1px solid #1c2635;padding:18px 12px;display:flex;flex-direction:column}.logo{display:flex;gap:10px;align-items:center;padding:5px 7px 22px}.logo>b{width:34px;height:34px;background:#f4f7fb;color:#07101b;border-radius:10px;display:grid;place-items:center}.logo div{font-weight:900;letter-spacing:.08em}.appTop small,.copilotHead small,.logo small,.workspaceName small{display:block;color:#758297;font-size:9px;font-weight:600;letter-spacing:.04em}.workspaceName{font-size:9px;color:#6e7b8e;padding:11px;border:1px solid #1d2938;border-radius:9px;margin-bottom:10px}.workspaceName small{color:#d7dfeb;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button{border:0;background:transparent;color:#8895a8;text-align:left;padding:10px;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer}.sidebar nav button span{width:20px;color:#72819a}.sidebar nav button.on{background:#182132;color:#fff}.sidebar nav button i{margin-left:auto;background:#ff5e72;color:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:9px}.sideBottom{margin-top:auto}.apiState{border:1px solid #2b3340;background:#101620;border-radius:9px;padding:9px;display:flex;gap:8px;font-size:10px;color:#ff8b99}.apiState small{display:block;color:#738096}.apiState.ok{color:#59e6a0}.main{min-width:0}.appTop{height:62px;position:-webkit-sticky;position:sticky;top:0;z-index:5;background:#090e17eF;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1c2635;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.appTop>div:first-child>b{font-size:14px}.topActions{display:flex;align-items:center;gap:10px;font-size:10px;color:#8896a8}.topActions>span{background:#101722;border:1px solid #222e3e;padding:8px 10px;border-radius:8px}.topActions button{width:32px;height:32px;border-radius:50%;border:1px solid #354258;background:#141d2b;color:#fff}.studioGrid{display:grid;grid-template-columns:340px minmax(480px,1fr) 330px;min-height:calc(100vh - 62px)}.controls,.copilot{padding:12px;background:#090e17}.controls{border-right:1px solid #1c2635}.copilot{border-left:1px solid #1c2635}.controlCard{background:#0d1521;border:1px solid #202c3d;border-radius:12px;padding:12px;margin-bottom:9px}.controlCard h3{font-size:12px;margin:0 0 10px}.controlCard h3 i{font-style:normal;font-size:8px;background:#6548dc;border-radius:6px;padding:5px;margin-right:7px}label{display:block;font-size:9px;font-weight:700;color:#8f9caf;margin:8px 0}input,select,textarea{width:100%;background:#111b29;border:1px solid #2a3749;color:#eef3f8;border-radius:7px;padding:9px;margin-top:5px;outline:none}textarea{min-height:62px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7057e9}.drop{border:1px dashed #34445a;min-height:48px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.drop input{display:none}.drop span{padding:11px;color:#8e9bae}.drop.small{min-height:40px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.thumbs>div{position:relative;background:#050910;border-radius:7px;overflow:hidden;aspect-ratio:1}.thumbs img{width:100%;height:100%;object-fit:cover}.thumbs button{position:absolute;right:2px;top:2px;background:#0a0e15cc;color:#fff;border:0;border-radius:50%}.toggle{display:grid;grid-template-columns:1fr 1fr;background:#070c14;border-radius:8px;padding:3px}.toggle button{border:0;background:transparent;color:#8290a4;padding:8px;border-radius:6px}.toggle button.on{background:#6548dc;color:#fff}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}label strong{float:right;color:#fff}.primary,.secondary{width:100%;border:0;border-radius:8px;padding:11px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(90deg,#6349dd,#7b5bf0);color:#fff}.primary:disabled,.secondary:disabled{opacity:.4}.secondary{margin-top:6px;background:#111b29;border:1px solid #2a3749;color:#d4dce8}.narrow{width:auto;padding:10px 18px}.costBox{border:1px solid #2b3b50;background:#0b131e;border-radius:9px;padding:10px;margin:9px 0}.costBox small,.costBox span{display:block;color:#7e8ca0;font-size:9px}.costBox b{font-size:18px}.error{background:#381a20;color:#ff9eaa;padding:8px;border-radius:7px;font-size:10px}.workspace{padding:18px;background:radial-gradient(circle at 50% 0,#101c2c,#070b12 45%)}.blank{height:72vh;display:grid;place-items:center;align-content:center;text-align:center;color:#8290a4}.blank>div{width:58px;height:58px;border:1px solid #27364b;border-radius:18px;display:grid;place-items:center;color:#62eaa7;font-size:22px}.blank h1{color:#edf2f8;margin-bottom:4px}.blank p{max-width:520px;line-height:1.6}.blank button{border:1px solid #6d56e5;background:#241d4d;color:#fff;padding:9px 13px;border-radius:8px}.resultHead{display:flex;justify-content:space-between;align-items:center}.pageTitle>small,.resultHead small{font-size:8px;letter-spacing:.16em;color:#7259e6}.resultHead h1{margin:4px 0}.resultHead span{font-size:10px;color:#8593a7}.score{width:68px;height:68px;border:5px solid #55df9e;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:900}.score small{font-size:7px;margin-top:-18px}.tabs{display:flex;gap:4px;border-bottom:1px solid #1f2a3a;margin-top:14px}.tabs button{border:0;background:transparent;color:#7e8ca0;padding:9px}.tabs button.on{color:#fff;border-bottom:2px solid #7359ea}.resultBody{padding-top:14px}.heroCards{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.cards article,.connection,.heroCards article,.metrics article,.modelGrid article,.pack article{background:#0d1521;border:1px solid #202c3d;border-radius:11px;padding:14px}.cards small,.heroCards small,.pack small{color:#755ee7;font-size:8px}.cards p,.heroCards p,.pack p{color:#8795a8;font-size:11px;line-height:1.5}.recommend{background:#0d1521;border:1px solid #202c3d;border-radius:8px;padding:10px;font-size:11px;color:#a7b3c3}.recommend b{color:#735ae8;margin-right:9px}.actualCost{font-size:10px;padding:10px;background:#0b1915;border:1px solid #1e4437;border-radius:8px;color:#83dcb2}.doc>div{display:flex;justify-content:space-between}.doc button{background:#111b29;border:1px solid #29384c;color:#fff;border-radius:7px;padding:6px 10px}.doc pre{white-space:pre-wrap;background:#05080d;border:1px solid #1e2938;padding:15px;border-radius:10px;max-height:68vh;overflow:auto;font:10px ui-monospace,monospace;line-height:1.6;color:#cbd5e3}.pack{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding-top:12px}.pack article span{display:block;color:#a9b5c5;font-size:10px;margin:4px 0}.copilot{display:flex;flex-direction:column}.copilotHead{padding:7px 5px 12px;border-bottom:1px solid #202c3d}.copilotHead b{font-size:12px}.messages{display:flex;flex-direction:column;gap:8px;padding:10px 0;max-height:48vh;overflow:auto}.bubble{font-size:10px;line-height:1.5;padding:9px;border-radius:9px;max-width:92%;white-space:pre-wrap}.bubble.assistant{background:#302568}.bubble.user{background:#152131;align-self:flex-end}.quick{display:flex;gap:4px;flex-wrap:wrap}.quick button{border:1px solid #29384b;background:#101926;color:#9eabbd;border-radius:999px;padding:5px 7px;font-size:8px}.composer{display:grid;grid-template-columns:1fr 34px;grid-gap:5px;gap:5px;margin-top:8px}.composer textarea{margin:0}.composer button{border:0;border-radius:7px;background:#6548dc;color:#fff}.page{padding:28px;max-width:1300px}.pageTitle h1{font-size:30px;margin:5px 0}.pageTitle p{color:#8190a4}.pageEmpty{height:50vh;display:grid;place-items:center;align-content:center;color:#718095}.pageEmpty b{font-size:30px;color:#6548dc}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.cards article{cursor:pointer}.table{border:1px solid #202c3d;border-radius:10px;overflow:hidden}.table>div{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1.5fr;padding:11px;border-bottom:1px solid #1d2838;font-size:10px}.table small,.table span{color:#8996a8}.modelGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:20px}.modelGrid article b,.modelGrid article small{display:block}.modelGrid article small{color:#758398;font-size:9px;margin-top:5px}.notice,.success,.warning{padding:11px;border-radius:8px;font-size:10px;line-height:1.5}.notice{background:#101824;color:#8f9caf;border:1px solid #263348}.warning{background:#382d14;color:#f1ce7a}.success{background:#10251d;color:#69dda5}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:20px 0}.metrics article b,.metrics article small{display:block}.metrics article b{font-size:22px;margin-top:7px}.connection{max-width:720px;margin-top:18px}.connectionTitle{display:flex;justify-content:space-between}.connection p,.tutorial{color:#8996a9;font-size:11px;line-height:1.6}.pill{background:#342028;color:#ff91a0;border-radius:999px;padding:5px 8px;font-size:9px}.pill.green{background:#153326;color:#65e5a4}.tutorial{margin-top:18px;padding:14px;background:#090f18;border-radius:9px}.tutorial li{margin:8px 0}@media(max-width:1250px){.studioGrid{grid-template-columns:320px 1fr}.copilot{grid-column:1/-1;border-left:0;border-top:1px solid #1c2635}.messages{max-height:260px}}@media(max-width:850px){.appShell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.studioGrid{grid-template-columns:1fr}.controls{border-right:0}.cards,.heroCards,.metrics,.modelGrid,.pack{grid-template-columns:1fr}.table>div{grid-template-columns:1fr 1fr}.appTop{position:relative}}