:root{--bg:#f7f7f8;--surface:#fff;--text:#1d1d1f;--muted:#6b6b73;--border:#e2e2e6;--accent:#2f5bea;--accent-text:#fff;--user-bubble:#e8eefe;--error:#c62828;--warning:#e0a100;--warning-bg:#fff6dc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161618;--surface:#1f1f22;--text:#ececf1;--muted:#9a9aa3;--border:#33333a;--accent:#5b7cff;--user-bubble:#27315a;--error:#ff6b6b;--warning:#b58500;--warning-bg:#3a3014}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:6px 14px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}select{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 8px}.centered{text-align:center;place-content:center;gap:12px;min-height:100vh;padding:16px;display:grid}.login h1{margin:0}.error{color:var(--error)}.hint,.meta{color:var(--muted)}.meta{margin:4px 0 0;font-size:12px}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:10px 16px;display:flex}.spacer{flex:1}.user{color:var(--muted)}main{flex:1;min-height:0}.workspace{height:100%;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:8px;width:260px;padding:12px;display:flex;overflow-y:auto}.sidebar .new{width:100%}.sidebar ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar li{border-radius:8px;align-items:center;gap:2px;display:flex}.sidebar li.selected{background:var(--user-bubble)}.sidebar li form{flex:1}.sidebar input{width:100%;font:inherit;color:inherit;border:1px solid var(--accent);background:var(--bg);border-radius:6px;padding:5px 8px}.sidebar button.title{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:6px 8px;overflow:hidden}.sidebar button.icon{opacity:0;background:0 0;border:none;padding:4px 6px}.sidebar li:hover button.icon,.sidebar li.selected button.icon,.sidebar button.icon:focus-visible{opacity:.7}.chat{flex-direction:column;flex:1;gap:12px;min-width:0;max-width:860px;height:100%;margin:0 auto;padding:12px 16px;display:flex}.toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.toolbar .budget{margin-left:auto}.messages{flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.messages[hidden]{display:none}.message{flex-direction:column;max-width:85%;display:flex}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.message.user .bubble{background:var(--user-bubble);border-color:#0000}.typing{color:var(--muted)}.composer{flex-direction:column;gap:8px;display:flex}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer-options{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.composer .hint{margin:0;font-size:13px}.images{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.message.user .images{justify-content:flex-end}.thumb{flex-direction:column;gap:4px;max-width:320px;margin:0;display:flex}.thumb img{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-width:100%;max-height:320px;display:block}.thumb.small{max-width:120px}.thumb.small img{max-height:90px}.thumb .placeholder{border:1px dashed var(--border);width:120px;height:90px;color:var(--muted);border-radius:10px;place-items:center;font-size:12px;display:grid}.thumb figcaption{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12px;display:flex}.thumb figcaption .name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.composer textarea{resize:vertical;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:1;min-height:48px;max-height:40vh;padding:10px 12px}.views{gap:4px;display:flex}.views button[aria-pressed=true]{background:var(--user-bubble);border-color:#0000}.view{height:100%}.view[hidden]{display:none}.budget{color:var(--muted);font-size:13px}.budget.error{color:var(--error)}.usage{max-width:960px;height:100%;margin:0 auto;padding:12px 16px 32px;overflow-y:auto}.usage h1{margin:0;font-size:20px}.usage h2{margin:24px 0 8px;font-size:16px}.usage input{font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:5px 8px}.usage .table{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.usage table{border-collapse:collapse;width:100%}.usage th,.usage td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;padding:8px 10px}.usage th{color:var(--muted);font-size:13px;font-weight:600}.usage tr:last-child td{border-bottom:none}.usage tr.over td:nth-child(4){color:var(--error);font-weight:600}.usage .tag{color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:11px}.budget-form{gap:6px;display:flex}.budget-form input{width:130px}.degraded{border:1px solid var(--warning);color:var(--text);background:var(--warning-bg);border-radius:8px;margin:0;padding:8px 12px;font-size:14px}.projects{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.projects>label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.projects select{color:var(--text)}.projects .row{flex-wrap:wrap;gap:6px;display:flex}.projects form{flex-direction:column;gap:6px;display:flex}.projects textarea{font:inherit;color:inherit;border:1px solid var(--border);background:var(--bg);resize:vertical;border-radius:6px;padding:5px 8px}.projects .check{align-items:center;gap:6px;font-size:13px;display:flex}.projects .check input{width:auto}.projects .confidential{color:var(--warning);margin:0;font-size:12px}button.danger{color:var(--error);border-color:var(--error)}.documents{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.documents .heading{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.documents .heading button{padding:2px 10px;font-size:13px}.documents ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.documents li{flex-direction:column;align-items:stretch;padding:2px 0;display:flex}.documents .line{align-items:center;gap:2px;display:flex}.documents button.name{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:2px 4px;font-size:14px;overflow:hidden}.documents span.name{text-overflow:ellipsis;white-space:nowrap;padding:2px 4px;font-size:14px;overflow:hidden}.documents button.name:disabled{opacity:1}.documents li.failed button.name{color:var(--muted);text-decoration:line-through}.documents button.icon{opacity:.6;background:0 0;border:none;padding:2px 5px}.documents .meta{margin:0 0 0 4px;font-size:12px}.documents .meta.error{color:var(--error)}.small{white-space:pre-line;margin:0;font-size:12px}.overlay{z-index:10;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.reader{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(860px,100%);max-height:90vh;display:flex}.reader .heading{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:12px 16px;display:flex}.reader .pages{padding:8px 16px 16px;overflow-y:auto}.reader h3{color:var(--muted);margin:16px 0 4px;font-size:13px}.reader p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.documents button.retry{align-self:flex-start;margin:4px 0 0 4px;padding:2px 10px;font-size:12px}button.cite{vertical-align:super;background:var(--user-bubble);color:var(--accent);border:none;border-radius:4px;margin:0 1px;padding:0 4px;font-size:11px;line-height:16px;display:inline-block}.sources{flex-direction:column;gap:2px;margin-top:6px;display:flex}.sources ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sources button.source{text-align:left;color:var(--muted);background:0 0;border:none;padding:1px 0;font-size:13px}.sources button.source:hover,.sources button.source.open{color:var(--text)}.sources .number{text-align:center;background:var(--user-bubble);min-width:18px;color:var(--accent);border-radius:4px;margin-right:4px;font-size:11px;display:inline-block}.sources blockquote{border-left:3px solid var(--accent);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 6px 22px;padding:6px 10px;font-size:13px}.sources button.others{color:var(--muted);background:0 0;border:none;align-self:flex-start;padding:1px 0;font-size:12px;text-decoration:underline}.agents{flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.agents h2{margin:0;font-size:18px}.agents ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.agents li{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 10px;display:flex}.agents li .meta{margin:2px 0 0}.agents form{flex-direction:column;gap:8px;max-width:720px;display:flex}.agents fieldset{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;display:flex}.row.spread{justify-content:space-between;align-items:center}.tag{background:var(--user-bubble);color:var(--accent);border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px}button.link{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-size:12px;text-decoration:underline}.agents .row{flex-wrap:wrap;gap:6px;display:flex}.steps{color:var(--muted);flex-direction:column;gap:2px;margin:0 0 6px;padding:0;font-size:13px;list-style:none;display:flex}.steps li{overflow-wrap:anywhere}.steps .tool{color:var(--accent);font-family:ui-monospace,monospace}.steps li.error .result{color:var(--error)}.files{flex-direction:column;flex:1;gap:10px;display:flex;overflow:hidden}.files h2{margin:0;font-size:18px}.files .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.files-body{flex:1;gap:12px;min-height:0;display:flex}.files-body ul{flex-shrink:0;width:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.files-body li{border-radius:4px;align-items:baseline;gap:6px;padding:2px 4px;display:flex}.files-body li.selected{background:var(--user-bubble)}.files-body li .link:first-child{text-align:left;overflow-wrap:anywhere;flex:1;font-family:ui-monospace,monospace}.proposals-body{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow-y:auto}.proposals-body h3{margin:4px 0 0;font-size:15px}.summary-divider{border-top:1px dashed var(--border);color:var(--muted);text-align:center;margin:4px 0;padding:6px 12px;font-size:13px}.proposal-notice{border:1px solid var(--warning);background:var(--warning-bg);border-radius:8px;margin:0;padding:8px 12px;font-size:14px}.proposal-notice button.link{margin-top:0;font-size:14px}.repo-chip{border-radius:14px;padding:3px 10px}.repo-chip.none{opacity:.75}.repo-editor{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;display:flex}.repo-editor input{min-width:180px}.repo-editor .error{flex-basis:100%;margin:0}.push-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.push-form input{min-width:260px}.badge{background:var(--warning);color:#1d1d1f;text-align:center;border-radius:9px;min-width:18px;margin-left:6px;padding:0 5px;font-size:12px;line-height:18px;display:inline-block}.file-shown{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.row.exports{flex-wrap:wrap;align-items:baseline;gap:10px}.file-content{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;margin:0;padding:10px;font-size:13px;overflow:auto}.action{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.action.pending{border-color:var(--accent)}.action.failed{border-color:var(--error)}.action header{background:0 0;flex-direction:column;align-items:flex-start;gap:2px;padding:0 0 6px;display:flex}.action ul{flex-direction:column;gap:2px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.action summary{cursor:pointer}.action .row{gap:8px;display:flex}.action-body{white-space:pre-wrap;margin:0;font-size:13px}.action .tickets li{padding:2px 0}.action .tickets label{align-items:baseline;gap:6px;display:inline-flex}.action .tickets details{margin-left:22px}.tag.added{color:#1a7f37}.tag.modified{color:#9a6700}.diff{border:1px solid var(--border);background:var(--bg);border-radius:6px;max-height:360px;margin:4px 0;padding:8px;font-size:12px;overflow:auto}.diff .add{color:#1a7f37}.diff .del{color:#cf222e}.diff .hunk,.diff .head{color:var(--muted)}.compare{flex-direction:column;flex:1;gap:10px;display:flex;overflow:hidden}.compare h2{margin:0;font-size:18px}.compare .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compare fieldset{border:1px solid var(--border);border-radius:8px;padding:6px 10px}.compare form textarea{flex:1;min-width:240px}.compare-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;min-height:0;display:grid;overflow-y:auto}.compare-grid article{flex-direction:column;gap:6px;min-width:0;display:flex}.compare-grid h3{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,monospace;font-size:14px}.compare-grid .bubble{white-space:pre-wrap}.meta.route{font-style:italic}.meta.who{flex-wrap:wrap;align-items:center;gap:6px;display:flex}button.link.rating{opacity:.45;filter:grayscale();margin-top:0;font-size:14px;text-decoration:none}button.link.rating[aria-pressed=true],button.link.rating:hover{opacity:1;filter:none}.quality-page .compare{border:1px solid var(--border);border-radius:8px;margin:12px 0;padding:10px}.quality-page tr.bad td:nth-child(6){color:var(--error);font-weight:600}.quality-page select{font:inherit;max-width:320px}.audit tr.bad td:nth-child(5){color:var(--error);font-weight:600}.audit td.path{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.connections{overflow-y:auto}.connection{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.connection h3{margin:0;font-size:16px}.connection form{flex-direction:column;gap:6px;max-width:560px;display:flex}.connection input,.compare textarea{font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:6px 8px}.quality{margin:8px 0;font-size:13px}.quality p{margin:4px 0}.quality ul{margin:4px 0;padding-left:0;list-style:none}.quality li{margin:2px 0}.quality .tag{margin-left:0}.tag.gate-ok{color:#1a7f37}.tag.gate-error,.tag.severity-blocker,.tag.severity-high{color:#cf222e}.tag.gate-warn,.tag.severity-medium{color:#9a6700}.diagram{white-space:normal;margin:8px 0}.diagram .row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.diagram-image{border:1px solid var(--border);cursor:zoom-in;background:#fff;border-radius:8px;max-width:100%;padding:8px;display:block}.diagram-image img,.file-image{max-width:100%;height:auto;display:block}.diagram-code{white-space:pre-wrap;border:1px solid var(--border);border-radius:8px;margin:4px 0 0;padding:8px;font-size:12px}.diagram-error{border:1px solid var(--error);border-radius:8px;padding:8px 10px}.diagram-error p{color:var(--error);white-space:pre-wrap;margin:0 0 6px}.diagram-viewer{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;width:min(1400px,100%);height:90vh;padding:12px;display:flex}.diagram-viewer .row{align-items:center;gap:8px;display:flex}.diagram-canvas{background:#fff;border-radius:8px;flex:1;padding:8px;overflow:auto}.diagram-canvas img{height:auto;display:block}.file-content.drawn{white-space:pre-wrap;overflow-wrap:anywhere}.drawer-toggle,.backdrop{display:none}@media (width<=700px){header{gap:8px;padding:6px 10px}header strong{display:none}header .views{flex-shrink:1;min-width:0;overflow-x:auto}header .spacer{flex:0}header button{white-space:nowrap;flex-shrink:0;padding:6px 10px}header .user{display:none}.composer-options,.composer-options .views{flex-wrap:wrap}.composer-options button{padding:4px 10px}.workspace{position:relative}.sidebar{z-index:20;width:min(85vw,320px);transition:transform .2s;position:absolute;inset:0 auto 0 0;transform:translate(-105%);box-shadow:2px 0 12px #0003}.sidebar.open{transform:none}.sidebar button.icon{opacity:.7}.backdrop{z-index:10;background:#00000059;display:block;position:absolute;inset:0}.drawer-toggle{display:inline-block}.chat{gap:8px;padding:8px 10px}.chat>.toolbar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.chat>.toolbar>*{flex-shrink:0}.message{max-width:100%}.composer textarea,input,select{font-size:16px}.composer-row button{padding:10px 14px}.thumb{max-width:100%}.usage{padding:8px 10px 24px}}@media (hover:none){.sidebar button.icon{opacity:.7}}.system h2{margin:18px 0 6px;font-size:16px}.system tr.bad td:nth-child(2){color:var(--error);font-weight:600}.system .problems{border:1px solid var(--error);color:var(--error);border-radius:8px;margin:8px 0;padding:10px 10px 10px 28px}.system .ok-banner{color:var(--success,#2e7d32);margin:8px 0;font-weight:600}.system ul.plain{margin:0;padding-left:20px}.search{flex-direction:column;gap:6px;display:flex}.search input{font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:6px;padding:6px 8px}.search .results{flex-direction:column;gap:4px;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.search .results .title{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;display:flex}.search .snippet{color:var(--muted);white-space:normal;font-size:12px}.sidebar h3{color:var(--muted);margin:10px 0 4px;font-size:13px}.prompts-panel h3{margin:8px 0 4px;font-size:15px}.prompts-panel .preview{color:var(--muted);white-space:pre-wrap;max-height:4.5em;margin:4px 0 0;font-size:13px;overflow:hidden}.share-panel label{align-items:center;gap:6px;display:flex}.shared-banner{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:8px 10px;display:flex}.push-button{white-space:nowrap}.microsoft-picker>:not(.heading){margin:8px 16px}.microsoft-picker .breadcrumb{flex-wrap:wrap;gap:4px}.microsoft-picker .breadcrumb button:not(:last-child):after{content:" ›";color:var(--muted)}.microsoft-entries{max-height:50vh;padding:0;list-style:none;overflow-y:auto}.microsoft-entries li{border-bottom:1px solid var(--border);padding:4px 0}.microsoft-entries label{align-items:center;gap:8px;display:flex}.microsoft-entries label .meta{margin-left:auto}.microsoft-entries .unsupported{color:var(--muted)}.device-code{letter-spacing:3px;margin:8px 0;font-family:monospace;font-size:24px;font-weight:600}.role{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:10px;padding:1px 8px;font-size:12px;display:inline-block}.role.admin{border-color:var(--accent);color:var(--accent);font-weight:600}.accounts .toolbar input[type=search]{flex:1;min-width:160px}.accounts td .meta{font-size:12px}.accounts td.actions{white-space:normal;flex-wrap:wrap;gap:4px;display:flex}.accounts td.actions button{padding:3px 8px;font-size:12px}.accounts tr.disabled td{opacity:.6}.accounts .new-account{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:12px;display:flex}.accounts .secret{border:1px solid var(--warning);background:var(--surface);border-radius:8px;margin:12px 0;padding:12px}
