:root{color-scheme:light;--bg:#f3f5f2;--side:#e9ede9;--panel:#fafbf9;--card:#fff;--ink:#17201d;--muted:#69736f;--line:#cbd4cf;--line-strong:#9eafa7;--green:#167b5a;--green-rgb:22,123,90;--soft:#dceddf;--danger:#ad4237;--code:#101513;--shadow:0 18px 60px #1830271a;--mono:'IBM Plex Mono',ui-monospace,monospace}
html[data-theme=dark]{color-scheme:dark;--bg:#0b0f0e;--side:#0e1311;--panel:#101613;--card:#151c19;--ink:#e8efeb;--muted:#8e9a95;--line:#26342e;--line-strong:#3b5047;--green:#4fc394;--green-rgb:79,195,148;--soft:#142a21;--danger:#ef7d6e;--code:#080b0a;--shadow:0 18px 60px #0006}
@media(prefers-color-scheme:dark){html[data-theme=system]{color-scheme:dark;--bg:#0b0f0e;--side:#0e1311;--panel:#101613;--card:#151c19;--ink:#e8efeb;--muted:#8e9a95;--line:#26342e;--line-strong:#3b5047;--green:#4fc394;--green-rgb:79,195,148;--soft:#142a21;--danger:#ef7d6e;--code:#080b0a;--shadow:0 18px 60px #0006}}
body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}.brand,.history-label,.product-nav,.workspace-title small,.context-panel,.command-label,.composer-wrap>small,.auth .eyebrow,.auth label{font-family:var(--mono)}.brand b,.welcome>b{border-radius:3px;background:var(--green);box-shadow:0 0 20px rgba(var(--green-rgb),.2)}.brand em{font-style:normal;font-size:10px;font-weight:500;color:var(--green);vertical-align:top}
.app{grid-template-columns:256px minmax(0,1fr) 270px;background:var(--bg)}#sidebar{padding:15px 12px 10px;background:var(--side);border-color:var(--line)}#sidebar>header{padding:0 6px 13px}.product-nav{display:flex;flex-direction:column;gap:3px;flex:none}.nav-item{display:flex;align-items:center;gap:11px;min-height:39px;border:1px solid transparent;border-radius:5px;padding:6px 10px;background:transparent;color:var(--muted);text-align:left;font-size:12px;cursor:pointer}.nav-item span{width:20px;color:var(--green);font-size:15px}.nav-item:hover,.nav-item.active{border-color:var(--line);background:var(--card);color:var(--ink)}.nav-item.active{box-shadow:inset 2px 0 var(--green)}.nav-rule{height:1px;background:var(--line);margin:12px 5px}.new{display:flex;gap:8px;align-items:center;border-radius:5px;background:var(--card);font:12px var(--mono)}.new span{color:var(--green)}.history-label{padding-top:17px;font-size:9px}.history-item{border-radius:4px;font-size:13px}.history-item:hover,.history-item.active{background:var(--card);box-shadow:inset 2px 0 var(--green)}#accountToggle{border-radius:5px}#accountToggle:hover{background:var(--card)}
.main{border-right:1px solid var(--line)}.topbar{height:64px;padding:0 17px;background:var(--bg);border-color:var(--line)}.workspace-title{min-width:0}.workspace-title small{display:block;color:var(--green);font-size:8px;letter-spacing:.1em}.workspace-title>div{display:flex;align-items:center;min-width:0}#chatTitle{font-size:14px}.online{display:flex;align-items:center;gap:7px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em}.online i,.context-panel dd[data-status=engine] i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.online.ready i,.context-panel dd.ready i{background:var(--green);box-shadow:0 0 8px rgba(var(--green-rgb),.65)}.context-toggle{display:none}
.messages{padding-top:38px;padding-bottom:18px}.welcome{min-height:76%;place-content:center;text-align:left;max-width:820px;margin:auto}.command-label{color:var(--green)!important;font-size:11px;letter-spacing:.08em;margin:0 0 18px!important}.terminal-cursor{display:inline-block;width:7px;height:13px;margin-left:5px;background:var(--green);vertical-align:-2px;animation:cursor-blink 1s steps(1) infinite}.welcome h1{margin:0;font:600 clamp(34px,4.5vw,60px)/1.02 var(--mono);letter-spacing:-.055em;text-transform:uppercase}.welcome h1 span{color:var(--green)}.welcome>p:not(.command-label){margin:22px 0 0;max-width:590px}.welcome-actions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px!important;margin-top:34px!important}.welcome-actions button{display:flex;flex-direction:column;align-items:flex-start;min-height:120px;border-radius:5px!important;padding:14px!important;text-align:left;transition:.15s}.welcome-actions button:hover{border-color:var(--green);transform:translateY(-2px)}.welcome-actions small{font:9px var(--mono);color:var(--green)}.welcome-actions strong{margin-top:17px}.welcome-actions span{margin-top:auto;color:var(--muted);font-size:11px}
.row{max-width:820px}.bubble{border-radius:6px;background:var(--card);border:1px solid var(--line)}.assistant .bubble{border:0}.content{font-size:15.5px;line-height:1.7}.content h1,.content h2,.content h3{font-family:var(--mono)}.content pre{border:1px solid var(--line-strong);border-radius:5px;background:var(--code)}.tool{font:10px var(--mono);text-transform:uppercase}.composer-wrap{background:linear-gradient(transparent,var(--bg) 25%)}.composer-wrap form{border-color:var(--line-strong);border-radius:7px;box-shadow:0 8px 30px #0e1d1714}.composer-wrap form:focus-within{border-color:var(--green);box-shadow:0 0 0 2px rgba(var(--green-rgb),.1)}.send,.search-toggle{border-radius:4px}.composer-wrap>small{display:flex;justify-content:center;gap:9px;margin-top:7px;font-size:8px}.composer-wrap>small span{color:var(--green)}
.context-panel{height:100dvh;padding:0;background:var(--panel);border:0;overflow:auto;color:var(--muted);font-size:11px}.context-panel>header{height:64px;padding:0 15px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.1em;color:var(--ink)}.context-panel section{padding:18px 15px;border-bottom:1px solid var(--line)}.context-panel h2{margin:0 0 13px;font-size:9px;letter-spacing:.11em;color:var(--green)}.context-panel dl{margin:0}.context-panel dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line)}.context-panel dl div:last-child{border:0}.context-panel dd{display:flex;align-items:center;gap:6px;margin:0;color:var(--ink);text-align:right}.quick-actions{display:grid;gap:6px}.quick-actions button{border:1px solid var(--line);border-radius:4px;padding:8px;background:var(--card);color:var(--ink);text-align:left;font:10px var(--mono);cursor:pointer}.quick-actions button:hover{border-color:var(--green)}.theme-control{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:4px;overflow:hidden}.theme-control button{border:0;border-right:1px solid var(--line);padding:7px 2px;background:transparent;color:var(--muted);font:9px var(--mono);cursor:pointer}.theme-control button:last-child{border:0}.theme-control button.active{background:var(--green);color:#07110d}.context-panel>footer{display:flex;justify-content:space-between;padding:13px 15px;font-size:8px}
.auth{background:linear-gradient(rgba(var(--green-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--green-rgb),.06) 1px,transparent 1px),var(--bg);background-size:32px 32px}.auth-card{border-radius:6px;background:var(--card);box-shadow:var(--shadow)}.auth h1{font-family:var(--mono)}.auth input,.auth form>button,.account-menu,dialog,.chat-actions-menu{border-radius:5px}.auth label{font-size:10px;text-transform:uppercase}.auth input{font-family:Inter,system-ui,sans-serif;text-transform:none}dialog{background:var(--panel);border-color:var(--line-strong)}dialog h2,dialog h3{font-family:var(--mono)}
@media(max-width:1120px){.app{grid-template-columns:240px minmax(0,1fr)}.context-panel{position:fixed;z-index:30;inset:0 0 0 auto;left:auto;width:290px;transform:translateX(102%);transition:transform .2s;box-shadow:-20px 0 50px #0004}.context-panel.open{transform:none}.context-toggle{display:grid}.main{border:0}}
@media(max-width:760px){.app{display:block}.topbar{height:57px}.workspace-title small{display:none}.welcome{min-height:72%;padding:10px 2px}.welcome h1{font-size:clamp(30px,10vw,44px)}.welcome-actions{grid-template-columns:1fr!important}.welcome-actions button{min-height:84px}.welcome-actions strong{margin-top:8px}.messages{padding-top:22px}.context-panel{width:min(88vw,320px)}.composer-wrap>small span{display:none}}
@media(max-width:480px){.welcome-actions button:nth-child(3){display:none}.welcome>p:not(.command-label){font-size:14px}}

.composer-files{display:flex;flex-wrap:wrap;gap:6px;max-width:820px;margin:0 auto 7px;padding:0 2px}.file-chip{display:inline-flex;align-items:center;gap:7px;max-width:240px;border:1px solid var(--line-strong);border-radius:5px;padding:6px 7px 6px 9px;background:var(--card);color:var(--ink);font:10px var(--mono)}.file-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip button{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer}.file-chip button:hover{color:var(--danger)}.file-upload-label{display:grid;gap:7px;margin:14px 0;font:10px var(--mono);text-transform:uppercase}.file-upload-label input{max-width:100%;font:12px Inter,system-ui,sans-serif;text-transform:none}.private-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.private-file-row label{display:flex;align-items:center;gap:8px;min-width:0}.private-file-row button,.files-dialog-actions button{border:1px solid var(--line);border-radius:4px;padding:7px 10px;background:var(--card);color:var(--ink);cursor:pointer}.files-dialog-actions{display:flex;justify-content:flex-end;margin-top:14px}