:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;--bg: #1e1e1e;--bg-sidebar: #252526;--bg-activity: #333333;--bg-input: #3c3c3c;--bg-tab-inactive: #2d2d2d;--bg-tab-active: #1e1e1e;--border: #2b2b2b;--text: #cccccc;--muted: #969696;--accent: #0078d4;--accent-activity: #ffffff;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;overflow:hidden}.app-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:1fr 22px;background:var(--bg)}.workbench{display:grid;grid-template-columns:48px 240px minmax(0,1fr) minmax(280px,32vw);min-height:0;min-width:0}.activity-bar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;background:var(--bg-activity);border-right:1px solid var(--border)}.activity{width:48px;height:48px;border:0;border-radius:0;background:transparent;color:#858585;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.activity:hover,.activity.active{color:var(--accent-activity)}.activity.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--accent-activity)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);overflow:auto;min-width:0}.sidebar.hidden{display:none}.workbench:has(.sidebar.hidden){grid-template-columns:48px minmax(0,1fr) minmax(280px,32vw)}.sidebar-section{padding:8px 0}.sidebar-title{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--muted);padding:4px 16px 8px}.tree{list-style:none;margin:0;padding:0}.tree-btn{width:100%;text-align:left;border:0;background:transparent;color:var(--text);font:inherit;font-size:13px;padding:3px 8px;cursor:pointer;border-radius:4px}.tree-btn:hover{background:#ffffff0f}.editor-group{display:grid;grid-template-rows:35px 1fr;min-width:0;min-height:0;background:var(--bg)}.tab-bar{display:flex;align-items:stretch;background:var(--bg-tab-inactive);border-bottom:1px solid var(--border);overflow-x:auto}.tab{border:0;background:var(--bg-tab-inactive);color:var(--muted);font:inherit;font-size:13px;padding:0 16px;cursor:pointer;border-right:1px solid var(--border);white-space:nowrap}.tab.active{background:var(--bg-tab-active);color:var(--text);border-top:1px solid var(--accent)}.editor-area{overflow:auto;min-height:0;padding:0}.chat-panel{display:grid;grid-template-rows:auto auto 1fr auto;background:var(--bg-sidebar);border-left:1px solid var(--border);min-width:0;min-height:0}.chat-panel.hidden{display:none}.workbench:has(.chat-panel.hidden){grid-template-columns:48px 240px minmax(0,1fr)}.workbench:has(.sidebar.hidden):has(.chat-panel.hidden){grid-template-columns:48px minmax(0,1fr)}.chat-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 8px;border-bottom:1px solid var(--border);font-size:12px}.chat-threads{display:flex;gap:4px;padding:6px 8px;overflow-x:auto;border-bottom:1px solid var(--border);min-height:36px}.thread-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--muted);font:inherit;font-size:11px;padding:4px 8px;border-radius:4px;cursor:pointer;white-space:nowrap}.thread-btn.active{color:var(--text);border-color:var(--accent)}.workspace-page{padding:16px 20px 32px;max-width:880px}.workspace-page h2{font-weight:400;font-size:22px;margin:0 0 8px}.ws-list{list-style:none;margin:0;padding:0}.ws-item{padding:8px 0;border-bottom:1px solid var(--border)}.git-host-row label{display:flex;align-items:center;gap:6px;margin-inline-end:16px}.chat-title{font-weight:600}.chat-model{font:inherit;font-size:11px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 6px}.chat-messages{overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}.chat-bubble{font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-msg--user .chat-bubble{background:#0078d42e;border:1px solid rgba(0,120,212,.35);border-radius:8px;padding:8px 10px;margin-inline-start:12%}.chat-msg--assistant .chat-bubble{padding:4px 2px;color:var(--text)}.chat-msg--system .chat-bubble{font-size:12px;color:var(--muted)}.chat-input-wrap{border-top:1px solid var(--border);padding:8px 10px 10px}.chat-input-bar{display:flex;align-items:flex-end;gap:6px;background:var(--bg-input);border:1px solid #454545;border-radius:8px;padding:6px 8px}.chat-input-bar textarea{flex:1;border:0;background:transparent;color:var(--text);font:inherit;resize:none;min-height:22px;max-height:120px;outline:none}.chat-send{width:28px;height:28px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-icon-btn{border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;padding:4px 6px;border-radius:4px}.chat-icon-btn:hover{background:#ffffff14;color:var(--text)}.chat-hint{font-size:11px;color:var(--muted);margin-top:6px;padding-inline-start:4px}.status-bar{display:flex;align-items:center;justify-content:space-between;background:#007acc;color:#fff;font-size:12px;padding:0 8px}.status-left,.status-right{display:flex;align-items:center;gap:12px}.status-btn{border:0;background:transparent;color:inherit;cursor:pointer;font-size:12px;padding:0 4px}.welcome{padding:48px 56px;max-width:720px}.welcome h1{font-size:28px;font-weight:400;margin:0 0 8px}.welcome-lead{line-height:1.5;margin:16px 0}.welcome-actions{display:flex;gap:8px;margin:20px 0}.welcome-btn{border:0;background:var(--accent);color:#fff;padding:6px 14px;border-radius:2px;cursor:pointer;font:inherit}.welcome-btn.ghost{background:#3c3c3c;color:var(--text)}.welcome-log{white-space:pre-wrap;background:#141414;border:1px solid var(--border);border-radius:4px;padding:12px;font-family:ui-monospace,Cascadia Code,monospace;font-size:12px;margin-top:16px}.editor-file .breadcrumbs{font-size:12px;color:var(--muted);padding:8px 16px;border-bottom:1px solid var(--border)}.editor-code{margin:0;padding:16px;font-family:ui-monospace,Cascadia Code,monospace;font-size:13px;line-height:1.5}.card{border:1px solid var(--border);border-radius:4px;padding:12px 14px;background:var(--bg-sidebar);margin:12px 16px}.card h2,.card h3{margin:0 0 8px;font-size:14px;font-weight:600}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted);font-size:12px;line-height:1.5}.link{color:#3794ff;text-decoration:none}button{font:inherit;cursor:pointer}button.ghost,.ghost{border:1px solid var(--border);background:#3c3c3c;color:var(--text);border-radius:2px;padding:4px 10px}.log{white-space:pre-wrap;background:#141414;border-radius:4px;padding:10px;min-height:80px;font-family:ui-monospace,monospace;font-size:12px;border:1px solid var(--border)}.preview-frame{width:calc(100% - 32px);margin:12px 16px;min-height:280px;border:1px solid var(--border);border-radius:4px;background:#fff}.code-list{list-style:none;margin:0;padding:0}.code-list li{padding:4px 0;border-bottom:1px solid var(--border);font-family:ui-monospace,monospace;font-size:12px}.preview-cards{list-style:none;margin:0;padding:0;display:grid;gap:8px}.status-pill{font-size:11px;padding:2px 8px;border-radius:999px;background:#2d4a3a;color:#9dffc8}.status-pill.off{background:#4a2d2d;color:#ffb3b3}.field{display:grid;gap:4px;margin-bottom:10px}.field textarea,.field input[type=number]{width:100%;padding:6px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg);color:inherit;font:inherit}.switch{display:flex;align-items:center;gap:8px}label{font-size:12px}@media(max-width:900px){.workbench{grid-template-columns:48px 1fr}.sidebar,.chat-panel{display:none}.workbench:has(.chat-panel:not(.hidden)) .editor-group{display:none}.workbench:has(.chat-panel:not(.hidden)) .chat-panel{display:grid;grid-column:2 / -1}}