@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#111522;--ink:#c7d8e9;--muted:#9babbe;--line:#273247;--green:#60e5e7;--lime:#233b4a;--white:#111522;--red:#a33430;--radius:18px;font-family:'Space Grotesk',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{transition:background .16s,color .16s,box-shadow .16s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #233b4a;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Rajdhani,sans-serif;line-height:1.2}h2{font-size:23px;letter-spacing:-.8px}h3{font-size:17px;letter-spacing:-.3px}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{font-size:.88em}fieldset{border:0;padding:0;margin:0}legend{padding:0}label,legend,.select-label{font-size:13px;font-weight:600}input,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 14px;background:#111522;color:var(--ink);min-height:46px}input::placeholder{color:#9babbe}label{display:block;margin-bottom:7px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green);margin-bottom:15px}.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);background:#111522;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-1.3px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--green);color:var(--lime);border-radius:9px;font-size:29px;line-height:1;transform:rotate(-8deg)}.brand-tag{margin-left:10px;font-size:8px;letter-spacing:1.4px;color:#9babbe;border-left:1px solid var(--line);padding-left:16px}.header nav{display:flex;align-items:center;gap:7px}.nav{border:0;background:transparent;padding:9px 15px;border-radius:8px;font-size:13px;color:#9babbe;font-weight:500;white-space:nowrap}.nav:hover{background:#141d2b}.nav.active{background:#273247;color:var(--green);font-weight:700}.account{display:flex;align-items:center;gap:16px;font-size:12px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#111522;font-size:20px}.icon-button:hover{background:var(--lime)}.container{max-width:1240px;padding:0 38px;margin:auto}.workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:29px 0;font-size:9px;letter-spacing:1.5px;color:#9babbe}.workspace-bar strong{color:#c7d8e9;font-weight:500}.status{display:inline-flex;align-items:center;gap:7px;letter-spacing:0;font-size:11px;background:#273247;padding:5px 10px;border-radius:100px;color:var(--green)}.status:before,.dot{content:'';display:inline-block;width:6px;height:6px;background:#9babbe;border-radius:50%;flex-shrink:0}.status.warning{color:#926c2b;background:#273247}.status.warning:before{background:#b58334}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:21px 0 74px}.hero-copy{padding:5px 0 38px}.hero h1{font-size:clamp(45px,4.8vw,66px);font-weight:750;line-height:1.08;letter-spacing:-3.6px;margin-bottom:26px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:15px;color:var(--muted);line-height:1.8}.hero-chips{display:flex;gap:20px;margin-top:28px;font-size:11px;color:#c7d8e9}.hero-chips span{display:flex;align-items:center;gap:7px}.route-line{display:flex;align-items:center;margin-top:65px;font-size:11px;color:#9babbe;gap:12px}.route-line>span{white-space:nowrap}.route-line>i{height:1px;background:#233b4a;width:27px;position:relative}.route-line>i:after{content:'›';position:absolute;right:-1px;top:-10px}.route-line b{color:#9babbe;font-weight:400;padding:0 4px}.route-line .route-logo{font-size:16px;color:var(--green);font-weight:700;letter-spacing:-.7px}.route-line .dot{margin-left:4px}.setup-card{background:#111522;border:1px solid #273247;box-shadow:0 14px 38px -22px #5f80604a;border-radius:var(--radius);padding:27px 29px 21px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px;gap:15px}.card-heading .eyebrow{font-size:9px;margin-bottom:6px}.card-heading h2{font-size:22px}.step-label{font-family:monospace;font-size:10px;color:#9babbe;padding-top:3px;white-space:nowrap}.platforms legend{margin-bottom:10px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#141d2b;border:1px solid #273247;border-radius:10px;padding:4px;margin-bottom:19px}.segmented button{border:1px solid transparent;background:transparent;border-radius:7px;color:#9babbe;font-size:12px;padding:10px 5px;display:flex;align-items:center;justify-content:center;gap:8px}.segmented button span{font-size:17px;line-height:1}.segmented button.selected{border-color:#273247;background:#111522;color:var(--green);box-shadow:0 2px 3px #183c1910;font-weight:700}.setup-card select{background:#111522;font-size:12px;padding:11px}.field-hint{font-size:11px;line-height:1.5;color:#9babbe;margin:9px 0 21px;min-height:34px}.command-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:9px}.command-label strong{font-weight:500}.command-label .small{font-size:9px;color:#9babbe}.terminal{background:#c7d8e9;color:#273247;border-radius:10px;margin-bottom:17px;overflow:hidden}.terminal-bar{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #ffffff0c;color:#9babbe;font-size:10px}.terminal-dots{display:flex;gap:4px}.terminal-dots i{width:5px;height:5px;background:#60e5e7;border-radius:50%}.terminal-copy{margin-left:auto;border:1px solid #60e5e7;border-radius:4px;background:transparent;color:#233b4a;font-size:10px;padding:2px 9px}.terminal pre{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:178px;overflow:auto;padding:16px;margin:0;min-height:66px}.primary,.secondary,.danger{border-radius:8px;padding:11px 18px;font-size:12px;font-weight:600;min-height:43px;border:1px solid transparent}.primary{background:var(--green);color:white}.primary:hover{background:#60e5e7}.secondary{background:#111522;border-color:var(--line);color:var(--ink)}.secondary:hover{background:#141d2b}.danger{color:var(--red);background:#111522;border-color:#273247}.danger:hover{background:#273247}.wide{width:100%;display:flex;justify-content:center;gap:18px}.download-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:15px;font-size:10px;color:#9babbe}.text-button{background:none;border:0;color:var(--green);padding:0;font-size:11px;font-weight:600}.text-button:hover{text-decoration:underline}.form-message{font-size:12px;margin-top:10px;color:var(--green);overflow-wrap:anywhere}.form-message:empty{display:none}.form-message.error{color:var(--red)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.section-heading .eyebrow{font-size:9px;margin-bottom:9px}.section-heading h2{font-size:24px}.section-heading>span{max-width:250px;text-align:right;font-size:10px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;border-top:1px solid var(--line);padding:26px 0 34px}.step-number{font-family:monospace;font-size:11px;color:#9babbe;display:block;margin-bottom:17px}.steps h3{font-size:15px;margin-bottom:10px}.steps p{font-size:12px;color:var(--muted);line-height:1.8;max-width:280px}.steps code{background:#273247;padding:2px 5px;border-radius:3px;color:#60e5e7}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:9px}.tool-card{border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:17px;padding:22px;background:#111522}.tool-icon{display:grid;place-items:center;background:#273247;color:#9babbe;font-family:monospace;font-size:25px;width:42px;height:42px;border-radius:11px;flex-shrink:0}.tool-icon.dark{background:#c7d8e9;color:#273247;font-size:16px}.tool-card h3{font-size:14px;display:flex;align-items:center;gap:10px}.tool-card h3 span{font-family:'Space Grotesk',sans-serif;font-size:7px;letter-spacing:1px;color:#9babbe;font-weight:500}.tool-card p{font-size:10px;color:var(--muted);margin-top:6px}.tool-card>code{margin-left:auto;color:#9babbe;font-size:10px;background:#141d2b;padding:5px 9px;border-radius:5px}.support{margin-top:27px;font-size:12px;color:var(--muted);line-height:1.8}.support summary{cursor:pointer;color:#60e5e7}.support p{max-width:900px;margin-top:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-top:1px solid var(--line);margin-top:60px;color:#9babbe;font-size:10px}.footer-brand{font-size:17px;font-weight:700;letter-spacing:-1px;color:#9babbe}.page-title{font-size:38px;letter-spacing:-1.8px;margin:5px 0 16px}.panel{padding:28px;background:#111522;border:1px solid var(--line);border-radius:var(--radius);margin:22px 0}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.panel-heading p{margin-top:8px}.count{font-size:11px;background:#141d2b;border-radius:20px;padding:5px 10px;white-space:nowrap}.list-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #273247;padding:18px 0}.row-info{min-width:0}.row-title{font-size:14px;font-weight:600;overflow-wrap:anywhere}.row-detail{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:5px}.badge{display:inline-block;font-size:9px;font-weight:500;color:var(--green);background:#273247;padding:3px 7px;border-radius:4px;margin-left:10px}.actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.actions button{min-height:35px;padding:7px 12px;font-size:11px}.inline-form{display:flex;gap:14px;align-items:flex-end;margin-top:25px}.inline-form>div{flex:1}.inline-form button{min-height:46px;white-space:nowrap}.default-key{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.default-key label{white-space:nowrap;font-size:12px;margin:0}.default-key select{max-width:360px;font-size:12px}.empty{padding:22px 0;color:var(--muted);font-size:13px}.notice{padding:14px 18px;border:1px solid #ddd3aa;background:#273247;border-radius:10px;color:#81652e;font-size:12px;margin:15px 0}.notice.error{color:var(--red);border-color:#e5c5be;background:#141d2b}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.model-card{background:#111522;border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}.model-card.selected{border-color:#233b4a}.model-card h3{font-size:17px;overflow-wrap:anywhere}.model-card .model-id{font-family:monospace;font-size:10px;color:var(--muted);margin:10px 0 18px;overflow-wrap:anywhere}.model-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.model-meta span{background:#141d2b;border-radius:5px;padding:4px 8px;font-size:10px;color:#9babbe}.model-controls{border-top:1px solid #273247;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.check-label{display:flex;align-items:center;gap:8px;font-weight:400;margin:0;font-size:12px}.check-label input{width:15px;height:15px;min-height:0;accent-color:var(--green)}.model-card details{margin-top:18px;font-size:11px;color:var(--muted)}.model-card summary{cursor:pointer}.model-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.model-settings label{font-size:10px}.model-settings input{padding:8px;font-size:12px;min-height:35px}.save-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0}.save-bar p{font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;padding:24px;max-width:900px;width:90vw;max-height:85vh;color:var(--ink);box-shadow:0 25px 90px #0003}dialog::backdrop{background:#0b2419a8;backdrop-filter:blur(4px)}.dialog-heading,.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{font-size:20px}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#141d2b;padding:20px;font-size:11px;line-height:1.7;max-height:55vh;overflow:auto}.dialog-footer{justify-content:flex-end}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#60e5e7;color:#111522;padding:12px 22px;border-radius:10px;opacity:0;pointer-events:none;font-size:13px;transition:opacity .2s,transform .2s;max-width:90vw;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Sign-in */
.login-main{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.1fr 1fr;max-width:1240px;margin:auto;padding:70px 70px;align-items:center;gap:90px}.login-intro h1{font-size:62px;letter-spacing:-3.4px;line-height:1.1}.login-intro h1 em{font-style:normal;color:var(--green)}.login-intro>p{margin-top:24px;color:var(--muted);max-width:365px;font-size:15px;line-height:1.8}.login-art{display:flex;align-items:center;gap:18px;margin-top:55px}.login-art .brand-mark{width:55px;height:55px;font-size:46px;border-radius:16px}.login-art code{color:#9babbe;font-size:14px}.login-box{background:#111522;border:1px solid var(--line);border-radius:20px;padding:38px}.login-box h2{font-size:28px}.login-box>p{font-size:13px;color:var(--muted);margin:12px 0 30px}.login-box input{margin-bottom:20px}.login-box .primary{margin-top:4px}.login-note{font-size:11px;color:#9babbe;line-height:1.7;margin-top:23px}.error-msg{display:none;color:var(--red);background:#141d2b;border:1px solid #351d2c;border-radius:8px;padding:12px;font-size:12px;margin-top:15px}.error-msg.show{display:block}
@media(min-width:1450px){.hero{gap:100px;margin-top:40px}.container{max-width:1300px}.hero h1{font-size:72px}.hero-copy>p{font-size:16px}}
@media(max-width:1000px){.brand-tag{display:none}.header{padding:0 25px}.container{padding:0 26px}.hero{gap:35px}.hero h1{font-size:53px;letter-spacing:-2.8px}.setup-card{padding:23px}.route-line{gap:9px}.tool-card{gap:10px;padding:18px}.tool-card h3 span{display:none}.header nav{gap:0}.nav{padding:9px 10px}.login-main{gap:45px;padding:50px 35px}.login-intro h1{font-size:50px}}
@media(max-width:760px){.header{height:auto;min-height:76px;flex-wrap:wrap;padding:18px 22px 0;gap:14px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0}.nav{font-size:12px}.account{margin-left:auto}.brand{font-size:23px}.container{padding:0 22px}.workspace-bar{padding:23px 0;font-size:8px;letter-spacing:1px}.hero{grid-template-columns:1fr;gap:15px;margin-top:15px;margin-bottom:46px}.hero-copy{padding-bottom:22px}.hero h1{font-size:54px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.route-line{display:none}.hero-chips{margin-top:22px}.setup-card{padding:25px}.hero h1 br{display:block}.hero h1 em{display:inline}.hero h1{max-width:400px;font-size:44px;letter-spacing:-2.2px}.section-heading{align-items:flex-start;flex-direction:column;gap:13px}.section-heading>span{text-align:left;max-width:none}.section-heading h2{font-size:22px}.steps{gap:22px;grid-template-columns:1fr;padding:10px 0 24px}.steps article{display:grid;grid-template-columns:30px 1fr;column-gap:15px;align-items:center;padding-top:12px}.step-number{grid-row:1/3;margin:0;align-self:start;padding-top:3px}.steps p{max-width:none}.steps h3{margin-bottom:6px}.tools-grid{grid-template-columns:1fr}.tool-card h3 span{display:block}.tool-card>code{margin-left:auto}.model-grid{grid-template-columns:1fr}.panel{padding:21px}.list-row{align-items:flex-start;flex-direction:column;gap:12px}.inline-form{flex-wrap:wrap;gap:12px}.user-form>div{flex-basis:100%}.default-key{flex-direction:column;align-items:flex-start;gap:8px}.default-key select{max-width:none}.page-title{font-size:32px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:21px}.panel-heading .count{font-size:10px}.save-bar{align-items:flex-start}.save-bar p{max-width:150px}.save-bar button{white-space:nowrap}footer{margin-top:38px;flex-wrap:wrap;gap:14px}footer>span{display:none}.login-main{grid-template-columns:1fr;gap:32px;padding:42px 22px}.login-intro h1{font-size:43px}.login-intro>p{font-size:13px}.login-art{display:none}.login-box{padding:27px}.login-header{padding-bottom:18px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.playground{margin-top:0}.model-row{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.model-row label{margin:0}.model-row select{max-width:430px;font-size:13px}.model-row button{white-space:nowrap}.chat-messages{min-height:250px;height:45vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:24px 0;margin-bottom:22px}.message{padding:15px 19px;border-radius:13px;background:#141d2b;font-size:14px;line-height:1.8;max-width:88%;white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-start}.message.user{align-self:flex-end;background:var(--green);color:#111522}.message.error{color:var(--red);background:#141d2b}.chat-input-container{display:flex;gap:12px;align-items:stretch}.chat-input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:14px;resize:vertical;font:inherit;font-size:13px;background:var(--paper);color:var(--ink)}.thinking-block{background:#273247;padding:10px 14px;border-radius:7px;margin-bottom:10px;color:#c7d8e9;font-size:12px}.thinking-toggle{cursor:pointer;font-weight:600}.thinking-block.collapsed .thinking-content{display:none}.tool-badge{font:11px monospace;color:#9babbe;padding:8px;border:1px solid var(--line);border-radius:5px;margin:8px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{background:#111522;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px}.stat-card>span{font-size:12px;color:var(--muted)}.stat-card strong{font-family:Rajdhani,sans-serif;font-size:32px;color:var(--green)}.stat-card small{font-size:11px;color:var(--muted)}.table-scroll{overflow:auto;margin-top:20px}.logs-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.logs-table th{font-size:10px;color:var(--muted);text-align:left;padding:13px 16px;border-bottom:1px solid var(--line)}.logs-table td{padding:15px 16px;border-bottom:1px solid #273247}.logs-table .success{color:var(--green)}.logs-table .error{color:var(--red)}.logs-table .token,.logs-table .time{font-family:monospace;font-size:11px;color:var(--muted)}
@media(max-width:760px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:18px}.model-row{flex-wrap:wrap;gap:10px}.model-row select{flex:1;max-width:calc(100% - 100px)}.model-row label{flex-basis:100%}.message{max-width:96%;font-size:13px}.chat-input-container{gap:8px}.chat-input-container button{padding:10px}.playground{padding:18px}}
.account #accountName{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.account #accountName{max-width:92px}}

.short-code-section{margin-top:19px;border-top:1px solid var(--line);padding-top:16px}
.short-code-section>summary{font-size:12px;font-weight:600;color:var(--green);cursor:pointer}
.short-code-section>.field-hint{margin:12px 0}.short-code-box{border:1px solid #273247;background:#111522;border-radius:10px;padding:16px;margin-top:15px}
.short-code-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.short-code-heading .badge{margin:0;white-space:nowrap}
.short-code-value{font:600 32px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:5px;color:var(--green);margin:12px 0 5px;text-align:center;user-select:all}
.short-code-url{display:block;font-size:12px;text-align:center;overflow-wrap:anywhere;user-select:all}
.short-code-counters{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:600;margin:15px 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.short-code-command{background:#111522;border:1px solid var(--line);border-radius:7px;padding:12px;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
.short-code-actions{display:flex;justify-content:space-between;margin-top:15px}.short-code-box.closed .short-code-value,.short-code-box.closed .short-code-url,.short-code-box.closed .short-code-command{opacity:.45}

/* Synthlo control room: dark surfaces, cyan signal, magenta highlights. */
:root{color-scheme:dark;--paper:#090c14;--ink:#e5edf7;--muted:#9baac0;--line:#293449;--green:#60e5e7;--lime:#d6fbfc;--white:#111522;--red:#ff829b;--radius:12px;background:var(--paper)}
body{background:radial-gradient(ellipse at 80% 0%,#772e7b1a,transparent 45%),linear-gradient(#60e5e706 1px,transparent 1px),linear-gradient(90deg,#60e5e706 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;min-height:100vh}
.header{height:76px;background:#0c101bef;border-bottom-color:#34415a}.brand{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:29px;letter-spacing:3px}.brand-mark{background:linear-gradient(140deg,#60e5e7,#b18cff);color:#09121b;transform:none;border-radius:7px;font-family:monospace;font-size:24px}.brand-tag{color:#9aabc1;letter-spacing:2px}
.nav{color:#a4b3c8;border:1px solid transparent}.nav.active,.nav:hover{background:#60e5e70c;border-color:#60e5e744;color:#79f0ee}.icon-button{background:#141d2b;color:var(--ink)}.icon-button:hover{background:#27384a}
.workspace-bar{padding:23px 0;color:#8c9db5}.workspace-bar strong{color:#c0d3eb}.status{background:#173436;color:#7ce7d8;border:1px solid #35605f}.status:before,.dot{background:#64e7c4;box-shadow:0 0 8px #64e7c466}.status.warning{color:#ffd48b;background:#352918}
.hero{grid-template-columns:.9fr 1.1fr;gap:55px;margin:12px 0 42px;align-items:start}.hero-copy{padding:35px 0 0}.hero h1{font-size:clamp(46px,5vw,68px);letter-spacing:-1.5px;font-weight:700;line-height:1.02}.hero h1 em,.login-intro h1 em{background:linear-gradient(100deg,#66eff0,#b796ff 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow{font-family:ui-monospace,monospace;letter-spacing:2px;color:#66e2e5}.hero-chips{color:#a6bad0;flex-wrap:wrap}.route-line{margin-top:38px;color:#a6bad0}.route-line>i{background:#445571}.route-line b{color:#b595e6}
.setup-card{background:linear-gradient(135deg,#151d2c,#101522);border-color:#394761;box-shadow:0 0 0 1px #60e5e709,0 20px 70px #0005;position:relative}.setup-card:before{content:'';position:absolute;top:-1px;left:25px;right:25px;height:2px;background:linear-gradient(90deg,#60e5e7,#b18cff,transparent)}.card-heading h2{font-size:27px}.step-label{color:#b493e7}
input,select,.setup-card select{background:#0b111e;border-color:#33415b;color:var(--ink)}input::placeholder{color:#8293ab}.segmented{background:#0a101c;border-color:#29344b}.segmented button{color:#a6b6cd}.segmented button.selected{background:#17303e;border-color:#55cbd066;color:#85f2f2;box-shadow:none}.field-hint{color:#9baac0}.terminal{background:#080d17;color:#baf5e8;border:1px solid #2b3b50}.terminal-bar{color:#95a6bf;background:#111a29}.terminal-dots i:nth-child(1){background:#f178a6}.terminal-dots i:nth-child(2){background:#d5ae6e}.terminal-dots i:nth-child(3){background:#62dac9}.terminal-copy{border-color:#42516b;color:#c5d9ee}.terminal pre{font-size:12px}
.primary{background:linear-gradient(110deg,#67e3e7,#8eb5f6);color:#0a1626;border-color:#9af3f244}.primary:hover{background:#9bf6ef;box-shadow:0 0 20px #60e5e726}.secondary{background:#172132;color:#d9e6f5;border-color:#35435d}.secondary:hover{background:#26354d;border-color:#6793b1}.danger{background:#361b2a;color:#ff9bad;border-color:#783a53}.danger:hover{background:#52233a}
.panel,.tool-card,.model-card,.login-box,.stat-card,dialog{background:#111827;border-color:#2e3c53}.model-card.selected{border-color:#497982;box-shadow:inset 0 2px #60e5e71f}.badge{background:#19373f;color:#80ebea}.model-meta span,.count{background:#202b40;color:#b9cce5}.model-controls,.list-row,.logs-table td{border-color:#28354b}.model-follow{margin-top:0}.model-follow p{margin-top:10px}.model-follow input{width:16px;min-height:0}.tool-icon{background:#18343f;color:#71e5e6}.tool-icon.dark{background:#322443;color:#c8a7ff}.tool-card>code,.steps code{background:#1d293c;color:#a7d6e8}.support summary{color:#a4c9e1}.section-heading h2{font-size:27px}.steps{gap:24px}.step-number{color:#b695e8}.tool-card h3 span{color:#b6a0d6}.tool-card p{font-size:12px}
.notice{background:#302719;border-color:#70582e;color:#eed39d}.notice.error,.error-msg,.message.error{background:#321e2b;border-color:#724059;color:#ff9caf}.short-code-box{background:#0b1422;border-color:#386072}.short-code-command,dialog pre{background:#090f1b;color:#cce5ed}.short-code-value{text-shadow:0 0 20px #60e5e73d}.short-code-heading .badge{border:1px solid #42757c}.short-code-counters{color:#cdb5fd}.toast{background:#234254;border:1px solid #5b96a1;color:#e6fbff}.message{background:#1a2639}.message.user{background:#1b4c59;color:#e5fafb}.thinking-block{background:#202338;color:#b1b9d9}.tool-badge{color:#b8a1e0}dialog::backdrop{background:#030611bb}footer{margin-top:36px;color:#94a6c0}.footer-brand{color:#a4cde0;letter-spacing:2px;font-family:Rajdhani,sans-serif;text-transform:uppercase}.login-intro h1{letter-spacing:-1px}.login-box{box-shadow:0 0 65px #b18cff0b}.login-note{color:#9cacc1}:focus-visible{outline-color:#b695ff}
@media(min-width:1450px){.hero{gap:65px;margin-top:15px}.hero h1{font-size:72px}}
@media(max-width:1000px){.hero{gap:28px}.hero h1{font-size:52px}}
@media(max-width:760px){.header{height:auto}.hero{grid-template-columns:1fr;gap:24px}.hero-copy{padding-top:5px}.hero h1{font-size:48px;max-width:none;letter-spacing:-1px}.hero-copy>p{font-size:14px}.hero-chips{margin-top:16px}.setup-card{padding:22px}.brand{font-size:24px;letter-spacing:2px}.workspace-bar{gap:10px}.status{font-size:10px}.card-heading h2{font-size:25px}}

.live-console{margin-top:38px;background:#0c1320;border:1px solid #2d3d56;border-radius:10px;padding:20px}.live-console-heading{display:flex;justify-content:space-between;gap:10px;font:10px ui-monospace,monospace;letter-spacing:1px;color:#b59be4;margin-bottom:16px}.signal{color:#8faac0;font-size:9px;letter-spacing:0}.live-model{display:flex;align-items:center;gap:10px;font:12px/1.6 ui-monospace,monospace;padding:9px 0;border-top:1px solid #202c40;overflow-wrap:anywhere}.live-model span{min-width:0}.live-console>p{margin-top:16px;font-size:10px}.lan-command{background:#0b1322;border:1px solid #33435e;padding:13px;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#8ae5e8}.login-intro .support a{color:#7ae4e6;text-decoration:underline}@media(max-width:760px){.live-console{margin-top:24px;padding:16px}.live-console-heading{flex-wrap:wrap}.hero-chips{font-size:10px}}
.short-code-copy-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.short-code-copy-actions button{flex:1;white-space:nowrap;padding:9px 12px;font-size:11px}

.reset-option{margin-top:16px;color:#f3b6d7}.reset-option input{flex-shrink:0}.reset-hint{font-size:11px;line-height:1.6;margin:8px 0 16px}.metrics-extra{margin-top:16px}#trackingSince{margin-bottom:18px}.logs-table td{max-width:320px;overflow:hidden;text-overflow:ellipsis}.metrics-extra .stat-card strong{font-size:27px}@media(max-width:760px){.header nav{flex-wrap:wrap;gap:5px}.nav{padding:8px}.metrics-extra .stat-card strong{font-size:24px}}