@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#050a11;--panel:#09131e;--panel2:#0b1722;--line:rgba(115,190,214,.13);--cyan:#69e7f1;--teal:#31c8d7;--white:#e7f3f7;--muted:#8297a3;--quiet:#4b626e;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);font-size:14px;min-width:360px;background-image:radial-gradient(ellipse at 56% 20%,rgba(5,74,94,.15),transparent 42%),linear-gradient(rgba(72,131,153,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(72,131,153,.024) 1px,transparent 1px);background-size:auto,60px 60px,60px 60px}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex}.rail{width:78px;position:fixed;top:0;bottom:0;left:0;z-index:4;border-right:1px solid var(--line);background:rgba(5,11,17,.9);display:flex;align-items:center;flex-direction:column}.brand-mark{margin:22px 0 55px;font:700 24px var(--display);letter-spacing:-2px;color:#c3faff}.brand-mark span{font-size:12px;color:var(--cyan);vertical-align:top;margin-left:2px}.rail-nav{display:flex;flex-direction:column;gap:15px}.nav-item{width:54px;height:55px;background:none;border:1px solid transparent;border-radius:8px;color:#718994;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.2s}.nav-item span{font-size:18px}.nav-item small{font:9px var(--mono);letter-spacing:.08em}.nav-item:hover,.nav-item.active{color:var(--cyan);border-color:rgba(105,231,241,.17);background:rgba(49,200,215,.07)}.rail-bottom{margin-top:auto;margin-bottom:22px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#66828e}.rail-bottom small{font:9px var(--mono);letter-spacing:.14em}.rail-bottom button{border:0;background:transparent;color:#8297a3;font-size:18px;margin-top:12px;cursor:pointer}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57dfb0;box-shadow:0 0 12px #57dfb099}.main-area{margin-left:78px;width:calc(100% - 78px);min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,58px);background:rgba(4,10,16,.66)}.crumb{display:flex;align-items:center;gap:12px;font:10px var(--mono);letter-spacing:.13em;color:#66808b}.crumb>span{color:var(--cyan)}.crumb i{font-style:normal;color:#354956}.crumb b{color:#c7d9de;font-weight:400}.top-status{display:flex;align-items:center;gap:22px}.pill{font:9px var(--mono);letter-spacing:.09em;border:1px solid rgba(255,106,120,.25);color:#e69aa1;padding:7px 10px;border-radius:4px;display:flex;align-items:center;gap:7px}.pill i{width:6px;height:6px;background:#f1737d;border-radius:50%}.pill.online{border-color:#318d75;color:#8eebc7}.pill.online i{background:#57dfb0}.local-tag{font:9px var(--mono);letter-spacing:.1em;color:#77909b}.avatar{width:28px;height:28px;border-radius:50%;border:1px solid #3e7180;background:#0d2833;color:#b5f6fa;font:12px var(--display)}.page{display:none;max-width:1550px;margin:0 auto;padding:35px clamp(22px,4vw,58px) 24px}.page.active{display:block}.hero-grid{display:flex;align-items:end;justify-content:space-between;margin:1px 0 28px;gap:24px}.eyebrow,.section-kicker{font:9px var(--mono);letter-spacing:.16em;color:#6ebac5}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:22px;height:1px;background:#43c3cf}.version{margin-left:6px;color:#536e7a}.intro h1,.page-intro h1{font:500 clamp(32px,4vw,49px)/1.1 var(--display);letter-spacing:-2.4px;margin:14px 0 9px}.intro h1 em,.page-intro h1 em{font-style:normal;color:#82ecf2}.intro-copy,.page-intro p{color:#8298a2;margin:0;font-size:13px}.telemetry{display:flex;gap:28px;padding-bottom:6px}.telemetry>div{display:flex;flex-direction:column;gap:8px}.telemetry span{font:8px var(--mono);letter-spacing:.13em;color:#5d7885}.telemetry b{font:10px var(--mono);letter-spacing:.04em;color:#b8ced3;white-space:nowrap}.telemetry .online-dot{margin-right:5px;width:6px;height:6px}.workspace-grid{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(450px,1.08fr);gap:16px}.panel{border:1px solid var(--line);background:linear-gradient(140deg,rgba(10,23,33,.94),rgba(6,15,23,.91));border-radius:6px;box-shadow:0 14px 50px #0002}.core-panel,.chat-panel{height:430px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:19px 21px 8px}.panel-head h2{font:500 17px var(--display);margin:6px 0 0;letter-spacing:-.2px}.state-tag{font:9px var(--mono);color:#90e6e9;letter-spacing:.1em;padding:7px 9px;background:#0b2a32;border:1px solid #22505b;border-radius:3px}.core-stage{height:325px;position:relative;overflow:hidden}.core-stage:before{content:'';position:absolute;width:270px;height:250px;top:35px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(35,194,220,.12),rgba(32,89,134,.045) 43%,transparent 72%);filter:blur(9px);pointer-events:none}#coreCanvas{position:absolute;width:min(370px,94%);height:300px;left:50%;top:8px;transform:translateX(-50%)}.core-label{position:absolute;left:0;right:0;bottom:35px;text-align:center;font:12px var(--mono);letter-spacing:.2em;color:#d4faff;text-shadow:0 0 12px #5ce9f2}.core-label small{display:block;margin-top:7px;font-size:8px;letter-spacing:.15em;color:#6a9eaa;text-shadow:none}.core-pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:#76f3f6;box-shadow:0 0 12px #76f3f6;vertical-align:2px;margin-right:8px}.orbit-label{position:absolute;font:8px var(--mono);letter-spacing:.12em;color:#5e8c98}.orbit-label b{color:#62dce6;margin-left:5px}.l1{top:44%;left:12%}.l2{top:28%;right:10%}.core-foot{height:45px;border-top:1px solid rgba(115,190,214,.09);margin:0 20px;display:flex;align-items:center;justify-content:space-between;color:#6e8792;font:9px var(--mono);letter-spacing:.05em}.core-foot>span:first-child{display:flex;align-items:center;gap:9px}.tiny-dot{width:5px;height:5px;background:#55d9dc;border-radius:50%;box-shadow:0 0 9px #55d9dc}.chat-panel{display:flex;flex-direction:column}.chat-head{padding-bottom:10px}.chat-head-actions{display:flex;align-items:center;gap:8px}.chat-head-actions select{max-width:130px;border:1px solid #1d3944;border-radius:3px;background:#08151d;color:#8fcbd0;padding:7px 6px;font:8px var(--mono);outline:none}.icon-btn{width:29px;height:29px;border:1px solid var(--line);background:transparent;border-radius:4px;color:#84dce3;font-size:19px;cursor:pointer}.messages{flex:1;overflow:auto;padding:18px 22px 10px;min-height:0;scrollbar-color:#1a3542 transparent;scrollbar-width:thin}.welcome-msg{display:flex;gap:12px;color:#afc2c8;font-size:12px;line-height:1.65}.mini-sigil{width:28px;height:28px;flex:0 0 auto;border:1px solid #328490;background:#0b2530;color:#8ff3f3;border-radius:5px;display:grid;place-items:center;font:600 14px var(--display)}.welcome-msg b{color:#d7e9ed;font-weight:500}.welcome-msg p{margin:5px 0 13px;color:#849ba5;max-width:480px}.suggestions{display:flex;gap:8px;flex-wrap:wrap}.suggestions button{font:10px var(--mono);color:#8cb4bc;border:1px solid #1c3c47;background:#0a1a24;border-radius:3px;padding:8px 9px;cursor:pointer}.suggestions button:hover{border-color:#3fa8b2;color:#bbf8fa}.suggestions span{color:#60d7df;margin-left:6px}.chat-message{display:flex;gap:10px;margin:11px 0 14px;line-height:1.6;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message .msg-tag{width:25px;height:25px;flex:0 0 auto;display:grid;place-items:center;border-radius:4px;font:9px var(--mono);color:#82e5ec;background:#0a242d;border:1px solid #1e4751}.chat-message.user .msg-tag{color:#c8d5d8;background:#17222a;border-color:#35434a}.chat-message .msg-content{padding-top:3px;color:#c3d4d9}.chat-message.user .msg-content{color:#e4f0f2}.chat-message .msg-content p{margin:0 0 8px}.tool-event{font:9px var(--mono);color:#69c8cf;padding:4px 8px;border-left:1px solid #2a828c;margin:2px 0 8px 35px}.composer{margin:0 17px;border:1px solid #244653;border-radius:4px;background:rgba(4,13,19,.7);padding:7px 8px 8px;transition:.2s}.composer:focus-within{border-color:#3c8e99;box-shadow:0 0 0 2px #44bdc410}.composer textarea{display:block;resize:none;width:100%;max-height:90px;border:0;outline:none;background:transparent;color:#e3f1f4;padding:5px 7px 8px;font-size:12px;line-height:1.5}.composer textarea::placeholder{color:#607781}.composer-actions{display:flex;align-items:center;justify-content:space-between}.composer-tools{display:flex;align-items:center;gap:15px}.tool-btn{border:0;background:none;color:#75a4ad;font:9px var(--mono);cursor:pointer;padding:5px}.tool-btn:hover{color:#c6fcff}.approve-label{display:flex;align-items:center;gap:5px;color:#637f89;font:8px var(--mono);cursor:pointer;letter-spacing:.04em}.approve-label input{accent-color:#40bac5;width:12px;height:12px;margin:0}.send-btn{border:1px solid #2a6976;background:linear-gradient(120deg,#103541,#0d2935);border-radius:3px;padding:7px 10px;color:#aef4f4;font:9px var(--mono);letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;gap:14px}.send-btn:hover{background:#174552}.send-btn:disabled{opacity:.45;cursor:wait}.send-btn b{font-size:14px}.privacy-note{font:8px var(--mono);color:#536c76;padding:8px 19px 11px;letter-spacing:.015em}.privacy-note span{color:#58b6c2;margin-right:4px}.capabilities{margin-top:18px}.cap-head{display:flex;justify-content:space-between;align-items:center;margin:0 2px 10px}.muted{font:8px var(--mono);letter-spacing:.1em;color:#526a75}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cap-card{min-height:66px;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:rgba(8,19,28,.85);border-radius:4px;cursor:pointer;transition:.18s}.cap-card:hover{border-color:#347c87;background:#0a202a}.cap-icon{width:30px;height:30px;display:grid;place-items:center;background:#0b2730;border:1px solid #183c45;border-radius:4px;color:#6ed9e0;font-size:15px;flex:0 0 auto}.cap-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.cap-card b{font:11px var(--display);font-weight:500;color:#c5d8dd}.cap-card small{font:8px var(--mono);letter-spacing:.035em;color:#69808a;white-space:nowrap}.cap-arrow{margin-left:auto;color:#5caab2}.disabled-card{cursor:default;opacity:.65}.disabled-card:hover{border-color:var(--line);background:rgba(8,19,28,.85)}.cap-lock{margin-left:auto;color:#60757f}footer{display:flex;justify-content:space-between;margin:22px 2px 0;font:8px var(--mono);letter-spacing:.09em;color:#506a75}footer i{font-style:normal;color:#31606b}footer b{color:#80c9ce;font-weight:400}.secondary-page{padding-top:51px}.page-intro{margin-bottom:25px}.page-intro h1{font-size:44px;margin-top:12px}.file-panel,.model-panel{padding-bottom:18px}.file-panel .panel-head,.model-panel .panel-head{padding:19px 22px 16px}.outline-btn{border:1px solid #285361;color:#91d9de;background:transparent;font:9px var(--mono);letter-spacing:.08em;padding:9px 12px;border-radius:3px;cursor:pointer}.outline-btn:hover{background:#0c2a35}.file-list,.model-list{padding:0 22px}.file-row,.model-row{min-height:50px;border-top:1px solid #142631;display:flex;align-items:center;gap:12px}.file-symbol{width:30px;height:30px;display:grid;place-items:center;border:1px solid #1e414d;color:#6ec9d1;border-radius:3px}.file-name{font-size:12px;color:#c1d4d9}.file-meta{margin-left:auto;color:#718893;font:9px var(--mono)}.file-download{font:9px var(--mono);color:#77dfe3;text-decoration:none;margin-left:12px}.empty-state{padding:25px 4px;color:#718994;font-size:12px}.studio-layout{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(260px,.8fr);gap:16px}.studio-form{padding:22px;display:flex;flex-direction:column;gap:16px}.studio-form label{display:flex;flex-direction:column;gap:7px;color:#8da5ad;font:10px var(--mono);letter-spacing:.04em}.studio-form input,.studio-form textarea,.studio-form select{width:100%;border:1px solid #213a45;border-radius:3px;background:#07121a;padding:11px;color:#d8e7ea;outline:none;font:12px var(--sans)}.studio-form textarea{resize:vertical;line-height:1.55}.studio-form input:focus,.studio-form textarea:focus,.studio-form select:focus{border-color:#3c8792}.studio-form select{color-scheme:dark}.form-hint,.small-note{font:9px var(--mono);color:#637a84;line-height:1.6}.form-hint code,.setup-callout code{color:#a4e9e9}.primary-btn{display:flex;justify-content:space-between;align-items:center;border:1px solid #367c86;background:#10303a;color:#b8f3f4;padding:12px;font:10px var(--mono);letter-spacing:.1em;cursor:pointer}.primary-btn:hover{background:#17414b}.result-box{border:1px solid #276751;background:#0b211d;color:#a6e9c7;padding:12px;font:10px var(--mono);line-height:1.6}.result-box a{color:#91f2d4}.studio-aside{position:relative;overflow:hidden;padding:30px 25px}.studio-glow{font-size:58px;color:#6ce6e7;text-shadow:0 0 35px #35cbd588;margin-bottom:16px}.studio-aside h2{font:500 23px/1.2 var(--display);margin:11px 0}.studio-aside p{font-size:12px;line-height:1.7;color:#849ba5}.support-row{display:flex;gap:7px;margin:24px 0}.support-row span{font:9px var(--mono);color:#8bdde0;padding:7px;border:1px solid #224550}.setup-callout{margin:20px 22px 0;padding:15px;display:flex;flex-direction:column;gap:9px;border:1px solid #233d47;background:#08131a;color:#a3b9bf;font-size:11px}.setup-callout code{font:11px var(--mono)}.setup-callout span{color:#718893;font-size:10px}.model-row{padding:8px 0}.model-chip{font:10px var(--mono);color:#9ce4e6}.model-badge{margin-left:auto;font:8px var(--mono);color:#6cd4b0;padding:5px 7px;border:1px solid #245442}.toast{position:fixed;bottom:24px;right:25px;z-index:10;max-width:400px;background:#10232d;border:1px solid #34727e;color:#c8f4f4;padding:12px 16px;font:11px var(--mono);opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.thinking .state-tag{color:#d8b6ff;border-color:#63449d;background:#211633}.thinking .core-label{text-shadow:0 0 20px #ac6bff}.error-state .state-tag{color:#ffbc84;border-color:#804d28;background:#29190f}
@media(max-width:1080px){.workspace-grid{grid-template-columns:1fr}.core-panel{height:390px}.core-stage{height:285px}.chat-panel{height:430px}.telemetry{gap:13px}.telemetry b{font-size:9px}.cap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.rail{width:57px}.main-area{margin-left:57px;width:calc(100% - 57px)}.brand-mark{font-size:21px;margin:18px 0 45px}.nav-item{width:45px}.nav-item small{font-size:7px}.topbar{height:56px;padding:0 14px}.local-tag{display:none}.top-status{gap:9px}.page{padding:24px 13px 18px}.hero-grid{display:block}.telemetry{margin-top:22px;justify-content:space-between;gap:8px}.intro h1{font-size:38px}.workspace-grid{gap:11px}.panel-head{padding:16px}.core-panel{height:375px}.core-stage{height:270px}.l1{left:3%}.l2{right:3%}.cap-grid{grid-template-columns:1fr 1fr;gap:7px}.cap-card{padding:9px;gap:7px}.cap-card b{font-size:10px}.cap-card small{font-size:7px}.cap-icon{width:25px;height:25px}.cap-arrow{font-size:12px}footer{font-size:7px;gap:10px}.studio-layout{grid-template-columns:1fr}.page-intro h1{font-size:37px}.studio-form{padding:17px}.approve-label{font-size:7px}.composer-tools{gap:6px}.suggestions button{font-size:9px}}