:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:#f4eee3;color:#2b2118;--bg: #f4eee3;--surface: #fffaf2;--surface-soft: #faf2e6;--surface-strong: #eadfce;--ink: #2b2118;--ink-muted: #766b5f;--ink-subtle: #a09384;--line: #dfd1bd;--line-strong: #cbb79a;--green: #8a5a2b;--green-strong: #6f411c;--blue: #5d6f9f;--amber: #b76a2a;--red: #a0442d;--shadow: 0 18px 42px rgba(64, 43, 24, .1)}*{box-sizing:border-box}body{margin:0;min-width:1180px;background:var(--bg)}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:12px;font-weight:650}button:disabled,a[aria-disabled=true]{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(183,106,42,.28);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:20px;line-height:1.1;letter-spacing:0}h2{font-size:18px;line-height:1.2;letter-spacing:0}h3{color:#3a2b1f;font-size:13px;line-height:1.2;letter-spacing:0}select,input{width:100%;min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fffaf2;color:var(--ink);padding:0 10px;font-size:12px}pre{margin:0;overflow:auto;border-radius:8px;background:#211a14;color:#f2dfc4;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5;padding:10px}ul{margin:0;padding-left:18px;color:var(--ink-muted);font-size:12px;line-height:1.45}.workbench{display:grid;grid-template-columns:76px minmax(0,1fr);gap:0;height:100vh;overflow:hidden}.workbench.agent-is-collapsed{grid-template-columns:76px minmax(0,1fr)}.function-nav,.chatgpt-page,.ide-page,.library-page,.ide-workspace{min-width:0;min-height:0}.function-nav{display:flex;align-items:center;flex-direction:column;gap:18px;border-right:1px solid var(--line);background:#f7efe3;padding:14px 8px}.nav-brand{display:grid;width:42px;height:42px;place-items:center;border:1px solid #5b3922;border-radius:10px;background:#2a2018;color:#f7e6cb;font-size:12px;font-weight:800}.nav-pages{display:grid;gap:10px;width:100%}.nav-page{display:grid;width:100%;min-height:58px;place-items:center;gap:4px;border-color:transparent;background:transparent;color:var(--ink-muted);padding:6px 4px}.nav-page span{font-size:10px;line-height:1}.nav-page.selected{border-color:#b76a2a61;background:#f3dfc7;color:var(--green-strong)}.chatgpt-page{display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 4% 0%,rgba(191,121,59,.1),transparent 26%),var(--bg)}.page-header{display:flex;align-items:center;min-height:72px;border-bottom:1px solid var(--line);background:#fffaf2eb;padding:12px 20px}.page-header span{display:block;margin-top:4px;color:var(--ink-muted);font-size:12px}.ide-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;overflow:hidden;padding:12px;background:#efe4d3}.library-page{display:flex;flex-direction:column;overflow:hidden;background:#efe4d3}.agent-is-collapsed .ide-page{grid-template-columns:minmax(0,1fr) 56px}.ide-workspace{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fffaf2db}.icon-button{width:38px;min-height:38px;padding:0}.topbar{display:grid;grid-template-columns:minmax(160px,220px) minmax(360px,1fr);align-items:center;gap:16px;min-height:72px;border-bottom:1px solid var(--line);background:#fffaf2eb;padding:12px 18px}.topbar-title span,.active-run span,.eyebrow,.muted{color:var(--ink-muted);font-size:12px}.topbar-controls{display:flex;align-items:flex-end;justify-content:center;gap:10px;min-width:0}.compact-field{display:grid;min-width:150px;gap:5px;color:var(--ink-muted);font-size:11px}.compact-field select{min-height:34px}.active-run{display:none;min-width:0;gap:4px;justify-items:end}.active-run strong{max-width:100%;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.chat-page,.library-content{display:grid;align-content:start;gap:14px;min-height:0;overflow:auto;padding:18px}.library-hero{display:flex;align-items:center;min-height:150px;overflow:hidden;border:1px solid rgba(31,49,76,.32);border-radius:14px;background:radial-gradient(circle at 78% 52%,rgba(71,132,205,.58),transparent 34%),radial-gradient(circle at 45% 24%,rgba(39,84,137,.42),transparent 35%),linear-gradient(135deg,#151914,#1a2330 54%,#0f1714);color:#f6ead8;padding:24px 28px}.library-hero .eyebrow{color:#f6ead8b8}.library-hero h2{color:#fff8ec;font-size:30px}.library-hero span{display:block;max-width:650px;margin-top:8px;color:#f6ead8c2;font-size:13px;line-height:1.5}.pure-chat{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;flex:1;overflow:hidden}.pure-chat-scroll{min-height:0;overflow:auto}.pure-chat-thread{display:grid;max-width:860px;margin:0 auto;gap:18px;padding:58px 22px 28px}.chat-welcome{display:grid;justify-items:center;gap:13px;color:var(--ink);text-align:center}.chat-welcome h2{font-size:28px}.chat-welcome p{max-width:620px;color:var(--ink-muted);font-size:14px;line-height:1.55}.pure-chat .chat-transcript{max-height:none;gap:14px}.pure-chat .message{max-width:780px;border-radius:14px;box-shadow:none}.pure-chat .message.assistant{justify-self:start;background:transparent}.pure-chat .message.user{justify-self:end;max-width:min(620px,85%);background:#f0dac2}.pure-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(860px,calc(100% - 44px));margin:0 auto 22px;border:1px solid var(--line-strong);border-radius:16px;background:#fffaf2;box-shadow:var(--shadow);padding:9px}.pure-composer input{min-height:50px;border:0;background:transparent;font-size:14px}.pure-composer input:focus-visible{outline:0}.view-stack{display:grid;gap:14px}.command-center{display:grid;gap:14px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 18% 10%,rgba(191,121,59,.16),transparent 34%),linear-gradient(180deg,#fffaf2,#f7ecdc);box-shadow:var(--shadow);padding:18px}.command-copy{display:flex;align-items:center;gap:12px}.command-copy h2{font-size:22px}.command-copy span{display:block;margin-top:5px;color:var(--ink-muted);font-size:13px;line-height:1.45}.command-orb{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgba(183,106,42,.3);border-radius:12px;background:#f0dac2;color:var(--green-strong)}.main-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid var(--line-strong);border-radius:12px;background:#fffaf2;padding:8px}.main-composer input{min-height:46px;border:0;font-size:14px}.main-composer input:focus-visible{outline:0}.composer-tools{display:flex;align-items:center;gap:7px}.composer-tools button,.composer-tools select{min-height:38px}.composer-tools select{width:112px;border-radius:999px}.send-button{width:40px;border-color:var(--green);background:var(--green);color:#fff6e9}.prompt-pills{display:flex;flex-wrap:wrap;gap:8px}.prompt-pills button{min-height:30px;border-radius:999px;background:#fff7eb;color:#4b3828;padding:0 12px}.prompt-pills button:hover:not(:disabled){border-color:#b76a2a73;background:#f3dfc7;color:var(--green-strong)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-head.compact{margin-bottom:12px}.section-actions{display:flex;gap:8px}.eyebrow{margin-bottom:4px;text-transform:uppercase}.segmented{display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));gap:4px;border:1px solid var(--line);border-radius:9px;background:var(--surface-strong);padding:3px}.segmented button{min-height:28px;border-color:transparent;background:transparent}.segmented .selected{border-color:#fff8ed;background:#fff8ed;box-shadow:0 1px 4px #402b1814;color:var(--green-strong)}.icon-text-button{border-color:var(--green);background:var(--green);color:#fff6e9;padding:0 12px}.status-badge{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 9px;font-size:11px;font-weight:720;white-space:nowrap}.status-badge.neutral{background:var(--surface-strong);color:#65584b}.status-badge.good{background:#f0ddc5;color:var(--green-strong)}.status-badge.bad{background:#fae7df;color:var(--red)}.status-badge.info{background:#e7e2d5;color:var(--blue)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric,.data-region,.code-block,.agent-panel,.artifact-browser,.artifact-detail{border:1px solid var(--line);border-radius:10px;background:#fffaf2f0;box-shadow:var(--shadow)}.metric{min-width:0;padding:12px}.metric span{display:block;margin-bottom:8px;color:var(--ink-muted);font-size:11px}.metric strong{display:block;overflow:hidden;font-size:14px;font-weight:760;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.split-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px}.data-region{display:grid;gap:10px;min-width:0;padding:14px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{max-width:280px;overflow:hidden;border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}th{background:#f5ecdf;color:var(--ink-muted);font-weight:650}tbody tr{cursor:default}tbody tr:hover,.selected-row{background:#f4e3ce}.artifact-chips{display:flex;flex-wrap:wrap;gap:8px}.artifact-chips span{max-width:260px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff7eb;color:#4b3828;font-size:12px;padding:7px 9px;text-overflow:ellipsis;white-space:nowrap}.artifact-workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:14px;min-height:calc(100vh - 110px)}.artifact-browser,.artifact-detail{min-height:0;overflow:auto;padding:14px}.artifact-detail{display:grid;align-content:start;gap:14px}.artifact-list-vertical{display:grid;gap:7px}.artifact-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;justify-content:stretch;min-height:36px;padding:0 9px;text-align:left}.artifact-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-row small{color:var(--ink-subtle);font-size:10px}.artifact-row.selected{border-color:#b76a2a73;background:#f3dfc7}.artifact-content{max-height:440px;white-space:pre-wrap}.directory-preview{display:grid;gap:8px}.directory-preview div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:12px}.directory-preview span{color:var(--ink-muted)}.directory-preview strong{overflow-wrap:anywhere;font-weight:650}.filter-line{max-width:420px}.event-log{display:grid;max-height:360px;overflow:auto;gap:7px;border:1px solid var(--line);border-radius:8px;background:#211a14;padding:10px}.event-log code{display:grid;gap:4px;color:#f2dfc4;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.event-log code span{color:#e3a15f;font-family:inherit;font-weight:700}.code-workspace{display:grid;grid-template-rows:auto minmax(320px,1fr) auto auto;min-width:0;min-height:0;gap:12px;overflow:hidden}.ide-workspace .code-workspace{flex:1;padding:12px}.code-block{display:grid;align-content:start;gap:12px;padding:16px}.code-block.compact{max-height:190px;overflow:auto}.code-block-head{display:flex;align-items:center;gap:8px}.vscode-frame{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#211a14;box-shadow:var(--shadow)}.vscode-iframe{width:100%;height:100%;min-height:360px;border:0;background:#211a14}.vscode-empty{display:grid;min-height:360px;place-items:center;gap:10px;color:#f2dfc4;padding:20px;text-align:center}.workspace-path{border:1px solid var(--line);border-radius:8px;background:#fff7eb;color:#4b3828;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5;overflow-wrap:anywhere;padding:10px}.code-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:8px;background:var(--green);color:#fff6e9;font-size:12px;font-weight:750;text-decoration:none}.code-link.disabled{background:#8a9690}.agent-panel{display:flex;min-width:0;flex-direction:column;gap:12px;margin:0;overflow:hidden;padding:14px}.agent-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.agent-mode{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--ink-muted);font-size:12px;padding:8px}.agent-collapsed{display:flex;align-items:center;flex-direction:column;gap:18px;border:1px solid var(--line);border-radius:10px;background:#f7efe3;padding:12px 8px}.pending-action{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;border:1px solid #f2d2cb;border-radius:9px;background:#fff1ea;color:var(--red);padding:10px}.pending-action p{margin:5px 0 8px;color:#79423a;font-size:12px;line-height:1.45}.messages{display:flex;min-height:0;flex:1;flex-direction:column;gap:10px;overflow:auto}.chat-transcript{display:grid;max-height:420px;overflow:auto;gap:10px}.message{border-radius:9px;background:#f8efe2;padding:10px 11px}.message.user{background:#f0dac2}.message>span{display:block;margin-bottom:4px;color:var(--ink-muted);font-size:11px;text-transform:uppercase}.message p{white-space:pre-wrap;font-size:13px;line-height:1.45}.structured-response{display:grid;gap:7px;margin-top:9px}.kv-list{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:7px}.kv-list strong{color:var(--ink-muted);font-size:11px;text-transform:uppercase}.kv-list span{overflow-wrap:anywhere;border-radius:6px;background:#fff8ed;color:#4b3828;font-size:11px;line-height:1.35;padding:5px 7px}.kv-list.warning span{background:#fff0dc;color:var(--amber)}.composer{display:grid;grid-template-columns:1fr 42px;gap:8px}.error-line{margin:14px 18px 0;border-left:3px solid var(--red);background:#fff1ea;color:var(--red);padding:9px 10px;font-size:13px}@media(max-width:980px){body{min-width:0}.workbench,.workbench.agent-is-collapsed{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:auto;min-height:100vh}.function-nav{flex-direction:row;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.nav-pages{grid-auto-flow:column;justify-content:end;width:auto}.nav-page{width:76px}.ide-page,.agent-is-collapsed .ide-page{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 72px)}.topbar{grid-template-columns:1fr}.topbar-controls{justify-content:flex-start;overflow-x:auto}.active-run{justify-items:start}.agent-panel,.agent-collapsed{margin:0}.metric-grid,.split-grid,.artifact-workspace,.main-composer,.pure-composer{grid-template-columns:1fr}.composer-tools{justify-content:flex-end}}