:root{--cc-canvas:#f5f7fa;--cc-surface:#fff;--cc-surface-muted:#f7faf9;--cc-surface-alt:#f1f5f7;--cc-border:#dfe5ec;--cc-border-strong:#cfd8e2;--cc-border-muted:#edf1f5;--cc-text:#20242c;--cc-text-strong:#26313f;--cc-text-muted:#65717f;--cc-text-muted-strong:#626d79;--cc-text-subtle:#3b4450;--cc-on-accent:#fff;--cc-accent:#214f4b;--cc-accent-strong:#0e312e;--cc-accent-deep:#123634;--cc-accent-soft:#e8f2ef;--cc-accent-border:#b9d6cf;--cc-success-text:#0f513f;--cc-success-bg:#d8f1e4;--cc-warning-text:#533b00;--cc-warning-strong:#684400;--cc-warning-accent:#806000;--cc-warning-bg:#fff7e2;--cc-warning-soft:#fff0bf;--cc-warning-border:#e3b355;--cc-warning-log:#c88618;--cc-warning-alt:#d29a2e;--cc-danger-text:#842323;--cc-danger-muted:#7b2d2d;--cc-danger-deep:#6f2b21;--cc-danger-accent:#bc4a36;--cc-danger-bg:#fde5df;--cc-danger-surface:#fff6f3;--cc-danger-soft:#fff1f1;--cc-danger-border:#d9a0a0;--cc-info:#23745f;--cc-neutral-border:#9fb0bd;--cc-code-text:#d8e0e9;--cc-code-panel-bg:#19212b;--cc-terminal-accent:#8ecdbf;--cc-inline-code-text:#12302d;--cc-message-code-bg:#101820;--cc-message-code-border:#24303d;--cc-message-code-text:#eef4f8;--cc-message-code-header:#172230;--cc-message-code-muted:#aebdcc;--cc-message-copy-border:#344255;--cc-message-copy-bg:#223044;--cc-shadow-soft:0 1px 2px #20242c0d;color:var(--cc-text);background:var(--cc-canvas);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-color:#65717f85 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#65717f75 padding-box content-box;border:3px solid #0000;border-radius:999px;min-height:36px}::-webkit-scrollbar-thumb:hover{background-color:#214f4ba3}::-webkit-scrollbar-button{width:0;height:0;display:none}html,body,#root{height:100%;overflow:hidden}body{min-width:320px;min-height:100vh;color:var(--cc-text);background:var(--cc-canvas);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:264px minmax(0,1fr);height:100vh;min-height:0;display:grid;overflow:hidden}.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{border-right:1px solid var(--cc-border);background:var(--cc-surface);flex-direction:column;gap:28px;min-height:0;padding:24px 18px;display:flex;overflow:hidden}.brand{grid-template-columns:42px 32px;justify-content:space-between;align-items:center;gap:12px;display:grid}.sidebar-collapse-button{border:1px solid var(--cc-border-strong);width:32px;height:32px;color:var(--cc-text-muted);background:var(--cc-surface);border-radius:8px;place-items:center;display:grid}.brand-mark{width:42px;height:42px;color:var(--cc-on-accent);background:var(--cc-accent);border-radius:8px;place-items:center;display:grid}.brand strong,.identity-row strong,.compact-card strong,.metric-card strong{overflow-wrap:anywhere;min-width:0;display:block}.brand span,.sidebar-status,.metric-card span,.panel-header span,.identity-row span,.empty-panel span,.detail-list,.table-row{color:var(--cc-text-muted)}.nav-list{gap:4px;display:grid}.nav-item{min-height:40px;color:var(--cc-text-subtle);border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:grid}.sidebar.collapsed{gap:18px;padding:24px 12px}.sidebar.collapsed .brand{grid-template-columns:42px;justify-content:center}.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-status span,.sidebar.collapsed .theme-toggle span,.sidebar.collapsed .sidebar-subtitle{display:none}.sidebar.collapsed .sidebar-collapse-button{margin-top:6px}.sidebar.collapsed .nav-item{grid-template-columns:22px;justify-content:center;padding:0}.sidebar.collapsed .sidebar-status{grid-template-columns:22px;justify-content:center}.sidebar.collapsed .theme-toggle{grid-template-columns:1fr}.nav-item:hover,.nav-item.active{color:var(--cc-accent-strong);background:var(--cc-accent-soft)}.sidebar-status{border:1px solid var(--cc-border);background:var(--cc-surface-muted);border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.sidebar-subtitle{color:var(--cc-text-muted);text-align:center;font-size:13px;line-height:1.3}.theme-toggle{border:1px solid var(--cc-border);background:var(--cc-surface-muted);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.theme-toggle button{min-height:34px;color:var(--cc-text-muted);background:0 0;border:0;border-radius:6px;grid-auto-flow:column;justify-content:center;align-items:center;gap:6px;display:inline-grid}.theme-toggle button.active{color:var(--cc-accent-strong);background:var(--cc-accent-soft)}.main-pane{min-width:0;min-height:0;padding:32px;overflow:auto}.page-stack{gap:24px;max-width:1180px;min-height:0;display:grid}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.page-header h1{margin:2px 0 0;font-size:30px;font-weight:720;line-height:1.15}.eyebrow,.metric-label{color:var(--cc-warning-accent);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.icon-button,.primary-button,.tertiary-button,.secondary-button{border:1px solid var(--cc-border-strong);background:var(--cc-surface);min-height:38px;color:var(--cc-text-strong);border-radius:8px;grid-auto-flow:column;justify-content:center;align-items:center;gap:8px;display:inline-grid}.icon-button{width:40px}.primary-button{border-color:var(--cc-accent);background:var(--cc-accent);color:var(--cc-on-accent);padding:0 14px}.secondary-button{padding:0 14px;text-decoration:none}.tertiary-button{border-color:var(--cc-warning-border);background:var(--cc-warning-bg);color:var(--cc-warning-strong);padding:0 14px;text-decoration:none}.tertiary-button:hover{border-color:var(--cc-warning-accent);background:var(--cc-warning-soft);color:var(--cc-warning-strong)}.danger-button{border-color:var(--cc-danger-border);color:var(--cc-danger-muted);background:var(--cc-danger-soft)}.danger-button:hover{border-color:var(--cc-danger-accent);color:var(--cc-danger-text)}.metric-grid,.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.compact-card,.panel,.empty-panel,.terminal-panel,.settings-form{border:1px solid var(--cc-border);background:var(--cc-surface);box-shadow:var(--cc-shadow-soft);border-radius:8px}.metric-card,.compact-card{align-content:start;gap:8px;min-height:128px;padding:18px;display:grid}.status-pill{border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.online{color:var(--cc-success-text);background:var(--cc-success-bg)}.status-pill.failed{color:var(--cc-danger-text);background:var(--cc-danger-bg)}.status-pill.warning{color:var(--cc-warning-strong);background:var(--cc-warning-soft)}.status-pill.muted{color:var(--cc-text-muted-strong);background:var(--cc-border-muted)}.alert-panel{border:1px solid var(--cc-warning-border);color:var(--cc-warning-text);background:var(--cc-warning-bg);border-radius:8px;padding:14px 16px}.alert-panel.compact{padding:9px 10px;font-size:13px}.clipboard-toast{z-index:80;border:1px solid var(--cc-info);color:var(--cc-success-text);background:var(--cc-success-bg);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 28px #20242c29}.dashboard-errors{gap:8px;display:grid}.error-list{margin:0;padding-left:18px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.panel{padding:20px}.panel.wide{grid-column:1/-1}.panel-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.panel-header h2{margin:0;font-size:18px}.detail-list{gap:14px;margin:0;display:grid}.detail-list div{gap:4px;display:grid}.detail-list dt{color:var(--cc-text-subtle);font-weight:700}.detail-list dd{overflow-wrap:anywhere;margin:0}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list span{color:var(--cc-accent-deep);background:var(--cc-accent-soft);border-radius:999px;padding:7px 10px}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.filter-row label{color:var(--cc-text-subtle);gap:7px;font-size:13px;font-weight:700;display:grid}.filter-row select{border:1px solid var(--cc-border-strong);background:var(--cc-surface);min-width:180px;min-height:38px;color:var(--cc-text);border-radius:8px;padding:0 10px}.table-list{border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:8px;display:grid;overflow:hidden}.table-row{border-bottom:1px solid var(--cc-border-muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr);align-items:center;gap:14px;min-height:48px;padding:12px 16px;display:grid}.table-row:last-child{border-bottom:0}.table-row strong{color:var(--cc-text-strong);align-items:center;gap:6px;display:inline-flex}.archived-app-row span:first-child{gap:3px;min-width:0;display:grid}.archived-app-row small{overflow-wrap:anywhere;color:var(--cc-text-muted);font-size:12px}.archived-app-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dashboard-list,.log-list{gap:10px;display:grid}.dashboard-row{border-left:3px solid var(--cc-neutral-border);background:var(--cc-surface-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:11px 12px;display:grid}.dashboard-row div{gap:3px;min-width:0;display:grid}.dashboard-row strong,.dashboard-row span,.dashboard-row time{overflow-wrap:anywhere}.dashboard-row span,.dashboard-row time{color:var(--cc-text-muted);font-size:13px}.log-row{border:1px solid var(--cc-border);border-left:4px solid var(--cc-neutral-border);background:var(--cc-surface);border-radius:8px;gap:9px;padding:14px;display:grid}.log-row.info,.log-row.debug{border-left-color:var(--cc-info)}.log-row.warn{border-left-color:var(--cc-warning-log)}.log-row.error{border-left-color:var(--cc-danger-accent);background:var(--cc-danger-surface)}.log-row-header{grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.log-row-header strong,.log-row-header span,.log-row-header time{overflow-wrap:anywhere}.log-row-header time{color:var(--cc-text-muted);font-size:13px}.log-row p{color:var(--cc-text-strong);overflow-wrap:anywhere;margin:0;line-height:1.45}.log-context{max-height:220px;color:var(--cc-code-text);background:var(--cc-code-panel-bg);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;margin:0;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow:auto}.identity-row{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;display:grid}.identity-row.compact{grid-template-columns:24px minmax(0,1fr);gap:8px}.capability-card p,.app-card p{color:var(--cc-text-muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.45}.generated-app-list{gap:14px;display:grid}.generated-app-card{min-height:auto}.generated-app-card.collapsed{min-height:0}.app-card-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.app-card-header-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-meta-row{color:var(--cc-text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.app-manifest-error{border-left:3px solid var(--cc-danger-accent);background:var(--cc-danger-surface);color:var(--cc-danger-text);overflow-wrap:anywhere;gap:4px;padding:10px 12px;font-size:13px;display:grid}.app-manifest-error code{color:var(--cc-danger-deep);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.backup-warning{border-left:3px solid var(--cc-warning-alt);background:var(--cc-warning-bg);color:var(--cc-warning-text);overflow-wrap:anywhere;gap:4px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:grid}.app-action-row{flex-wrap:wrap;gap:8px;display:flex}.candidate-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.candidate-form{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr) auto;align-items:end;padding:0}.candidate-list{gap:14px;display:grid}.candidate-card{min-height:auto}.candidate-paths{margin-top:4px;font-size:13px}.smoke-report{gap:10px;display:grid}.smoke-result-grid{gap:8px;display:grid}.smoke-result-row{border-left:3px solid var(--cc-neutral-border);background:var(--cc-surface-muted);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px;display:grid}.smoke-result-row.passed{border-left-color:var(--cc-info)}.smoke-result-row.failed{border-left-color:var(--cc-danger-accent);background:var(--cc-danger-surface)}.smoke-result-row div{gap:3px;min-width:0;display:grid}.smoke-result-row span{color:var(--cc-text-muted);font-size:12px}.smoke-result-row pre{max-height:160px;color:var(--cc-code-text);background:var(--cc-code-panel-bg);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;grid-column:1/-1;margin:0;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow:auto}.review-report{border-top:1px solid var(--cc-border-muted);gap:10px;padding-top:4px;display:grid}.review-report p{color:var(--cc-text-subtle);margin:0;line-height:1.45}.review-risk-list{gap:8px;display:grid}.review-risk-row{background:var(--cc-surface-muted);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.review-risk-row div{gap:3px;min-width:0;display:grid}.review-risk-row span,.review-risk-row code{color:var(--cc-text-muted);font-size:12px}.review-risk-row code{overflow-wrap:anywhere}.app-section-title{color:var(--cc-text-muted);text-transform:uppercase;grid-auto-flow:column;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-grid}.test-result,.setup-result,.log-snapshot,.git-log-list{gap:8px;display:grid}.test-result,.setup-result{border-left:3px solid var(--cc-neutral-border);background:var(--cc-surface-muted);padding:10px 12px}.test-result.passed,.setup-result.passed{border-left-color:var(--cc-success-text);background:var(--cc-success-bg)}.test-result.failed,.setup-result.failed,.setup-result.needs-review{border-left-color:var(--cc-danger-accent);background:var(--cc-danger-surface)}.test-result.running,.setup-result.running,.setup-result.queued{border-left-color:var(--cc-info)}.test-result-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.test-result-header .status-pill{align-items:center;gap:5px;display:inline-flex}.test-result-meta{flex-wrap:wrap;gap:8px 12px;display:flex}.test-result div,.setup-result div{gap:3px;display:grid}.test-result .test-result-meta,.setup-result .test-result-meta{flex-wrap:wrap;gap:8px 12px;display:flex}.test-result span:not(.status-pill),.setup-result span:not(.status-pill),.muted-copy{color:var(--cc-text-muted);font-size:13px}.test-result pre,.setup-result pre,.log-snapshot pre{max-height:190px;color:var(--cc-code-text);background:var(--cc-code-panel-bg);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;margin:0;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow:auto}.runtime-log-snapshot.demoted{opacity:.78}.git-log-row{border-top:1px solid var(--cc-border-muted);grid-template-columns:82px minmax(0,1fr);align-items:start;gap:10px;padding-top:8px;display:grid}.git-log-row code{color:var(--cc-accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.git-log-row div{gap:3px;min-width:0;display:grid}.git-log-row span{color:var(--cc-text-muted);font-size:12px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.empty-panel{text-align:center;place-items:center;gap:8px;min-height:260px;padding:34px;display:grid}.terminal-panel{min-height:420px;color:var(--cc-code-text);background:var(--cc-code-panel-bg);align-content:start;padding:16px;display:grid}.terminal-row{min-height:28px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.terminal-row.system{color:var(--cc-terminal-accent)}.chat-page{flex-direction:column;max-width:none;height:calc(100vh - 64px);min-height:0;display:flex}.chat-page>.chat-layout{flex:auto}.chat-layout{grid-template-columns:230px minmax(0,1fr) 280px;align-items:stretch;gap:14px;min-height:0;display:grid}.chat-layout.sessions-collapsed{grid-template-columns:44px minmax(0,1fr) 280px}.chat-layout.tools-collapsed{grid-template-columns:230px minmax(0,1fr) 44px}.chat-layout.sessions-collapsed.tools-collapsed{grid-template-columns:44px minmax(0,1fr) 44px}.session-list,.chat-main,.tool-selection-panel{border:1px solid var(--cc-border);background:var(--cc-surface);box-shadow:var(--cc-shadow-soft);border-radius:8px}.session-list,.tool-selection-panel{align-content:start;gap:8px;min-height:0;padding:12px;display:grid;overflow-y:auto}.session-list.collapsed,.tool-selection-panel.collapsed{box-shadow:none;background:0 0;border:0;padding:0;overflow:hidden}.chat-panel-toggle{border:1px solid var(--cc-border-strong);width:34px;height:34px;color:var(--cc-text-muted);background:var(--cc-surface);border-radius:8px;place-items:center;display:grid}.tool-selection-panel>.chat-panel-toggle,.session-list>.chat-panel-toggle{justify-self:start}.session-card{background:var(--cc-surface);border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px;display:grid;position:relative}.session-card:hover,.session-card.active{border-color:var(--cc-accent-border);background:var(--cc-accent-soft)}.session-button{width:100%;min-height:66px;color:var(--cc-text-strong);text-align:left;background:0 0;border:0;border-radius:8px;gap:5px;padding:11px;display:grid}.session-title-button,.session-id-button{min-width:0;color:inherit;text-align:left;background:0 0;border:0}.session-title-button{padding:0;display:grid}.session-id-button{color:var(--cc-text-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:0;font-size:13px;display:grid}.session-id-button:hover{color:var(--cc-accent-strong)}.session-button strong,.session-id-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.session-options{align-content:start;padding:8px 8px 8px 0;display:grid;position:relative}.session-options-button{border:1px solid var(--cc-border);width:34px;height:34px;color:var(--cc-text-muted);background:var(--cc-surface);border-radius:8px;place-items:center;display:grid}.session-options-button:hover{border-color:var(--cc-accent-border);color:var(--cc-accent-strong);background:var(--cc-accent-soft)}.session-menu{z-index:20;border:1px solid var(--cc-border-strong);background:var(--cc-surface);border-radius:8px;min-width:112px;display:grid;position:absolute;top:44px;right:8px;overflow:hidden;box-shadow:0 10px 24px #20242c24}.session-menu button{border:0;border-bottom:1px solid var(--cc-border-muted);min-height:34px;color:var(--cc-text-strong);text-align:left;background:0 0;padding:0 12px}.session-menu button:last-child{border-bottom:0}.session-menu button:hover{background:var(--cc-surface-muted)}.session-menu button:last-child:hover{color:var(--cc-danger-text);background:var(--cc-danger-soft)}.session-rename-form{align-items:center;padding:8px 0 8px 8px;display:grid}.session-rename-form input{border:1px solid var(--cc-accent-border);width:100%;min-height:42px;color:var(--cc-text-strong);background:var(--cc-surface);border-radius:8px;padding:0 10px}.session-log-preview{border:1px solid var(--cc-border-muted);background:var(--cc-surface-muted);border-radius:8px;grid-column:1/-1;gap:5px;margin:0 8px 8px;padding:8px;display:grid}.session-log-preview div{color:var(--cc-text-muted);grid-template-columns:minmax(0,1fr) auto;gap:8px;font-size:12px;display:grid}.session-log-preview strong{min-width:0;color:var(--cc-text-subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-id-button span,.session-empty{color:var(--cc-text-muted);font-size:13px}.session-empty{padding:12px}.chat-main{grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;min-width:0;min-height:0;padding:14px;display:grid}.chat-main.has-scope-warning{grid-template-rows:auto auto auto minmax(0,1fr) auto auto}.chat-status{justify-content:flex-end;display:flex}.message-stream{align-content:start;gap:12px;min-height:0;padding:6px;display:grid;overflow-y:auto}.chat-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.chat-controls label{color:var(--cc-text-subtle);gap:6px;font-size:13px;font-weight:700;display:grid}.chat-controls select{border:1px solid var(--cc-border-strong);background:var(--cc-surface);width:100%;min-height:38px;color:var(--cc-text);border-radius:8px;padding:0 10px}.scope-warning{border:1px solid var(--cc-warning-border);min-height:38px;color:var(--cc-warning-text);background:var(--cc-warning-bg);overflow-wrap:anywhere;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.scope-warning .secondary-button{background:var(--cc-surface);min-height:34px}.chat-warning-stack{gap:8px;display:grid}.message-bubble{overflow-wrap:anywhere;border-radius:8px;gap:6px;max-width:78%;padding:12px 14px;display:grid}.message-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.message-header>span{color:var(--cc-text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.message-content{gap:10px;min-width:0;display:grid}.message-content p,.message-content ul,.message-code-block{margin:0}.message-content p,.message-content li{line-height:1.5}.message-content ul{padding-left:20px}.message-content li+li{margin-top:4px}.message-section-heading{color:var(--cc-text-strong);font-size:13px}.message-bubble.user{max-width:78%;color:var(--cc-on-accent);background:var(--cc-accent);justify-self:end}.message-bubble.user .message-header>span{color:var(--cc-success-bg)}.message-bubble.assistant{background:var(--cc-surface-alt);justify-self:start;max-width:min(92%,780px)}.message-bubble.pending{min-width:180px}.workspace-change-action{max-width:min(92%,780px)}.agent-activity{color:var(--cc-text-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:inline-grid}.agent-activity strong{font-size:13px;font-weight:650}.workspace-change-status-icon{width:18px;height:18px;color:var(--cc-accent-strong);place-items:center;display:grid}.workspace-refresh-open-button{min-height:34px;padding:0 12px}.typing-dots{grid-template-columns:repeat(3,6px);align-items:center;gap:4px;display:inline-grid}.typing-dots i{background:var(--cc-accent);border-radius:999px;width:6px;height:6px;animation:1s ease-in-out infinite typing-dot}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.message-bubble.user .message-section-heading{color:var(--cc-on-accent)}.message-inline-code-copy{vertical-align:middle;grid-auto-flow:column;align-items:center;gap:4px;max-width:100%;margin:0 2px;display:inline-grid}.message-inline-code-copy code{border:1px solid var(--cc-border-strong);min-width:0;max-width:100%;color:var(--cc-inline-code-text);background:var(--cc-surface);border-radius:6px;padding:2px 5px;font-size:.92em;overflow-x:auto}.message-code-block{border:1px solid var(--cc-message-code-border);background:var(--cc-message-code-bg);min-width:0;color:var(--cc-message-code-text);border-radius:8px;overflow:hidden}.message-code-block figcaption{border-bottom:1px solid var(--cc-message-code-border);background:var(--cc-message-code-header);min-height:34px;color:var(--cc-message-code-muted);justify-content:space-between;align-items:center;gap:8px;padding:0 8px 0 12px;font-size:12px;font-weight:700;display:flex}.message-code-block pre{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;line-height:1.45;overflow-x:hidden}.message-code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.message-copy-button{border:1px solid var(--cc-border-strong);width:26px;height:26px;color:var(--cc-text-strong);background:var(--cc-surface);border-radius:6px;place-items:center;display:inline-grid}.message-bubble.user .message-copy-button{color:var(--cc-on-accent);background:#ffffff24;border-color:#ffffff61}.message-code-block .message-copy-button{border-color:var(--cc-message-copy-border);color:var(--cc-message-code-text);background:var(--cc-message-copy-bg)}.stop-agent-button{min-height:32px;padding:0 10px}.slash-skill-menu{border:1px solid var(--cc-border-strong);background:var(--cc-surface);border-radius:8px;max-height:210px;display:grid;overflow:auto;box-shadow:0 10px 24px #20242c1f}.slash-skill-menu button,.slash-skill-menu>span{border:0;border-bottom:1px solid var(--cc-border-muted);min-height:42px;color:var(--cc-text-strong);text-align:left;background:0 0;gap:3px;padding:8px 10px;display:grid}.slash-skill-menu button:last-child{border-bottom:0}.slash-skill-menu button:hover{background:var(--cc-accent-soft)}.slash-skill-menu span{color:var(--cc-text-muted);font-size:12px}.tool-selection-panel .panel-header{margin-bottom:6px}.skill-panel{gap:12px;min-height:0;display:grid}.skill-search{border:1px solid var(--cc-border-strong);min-height:38px;color:var(--cc-text-muted);background:var(--cc-surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;display:grid}.skill-search input{width:100%;min-width:0;color:var(--cc-text);background:0 0;border:0;outline:none}.skill-form{border:1px solid var(--cc-border-strong);background:var(--cc-surface);border-radius:8px;gap:10px;padding:12px;display:grid}.skill-form label{color:var(--cc-text-subtle);gap:5px;font-size:12px;font-weight:700;display:grid}.skill-form input,.skill-form textarea{border:1px solid var(--cc-border-strong);width:100%;color:var(--cc-text);background:var(--cc-surface);font:inherit;border-radius:8px;padding:9px 10px;line-height:1.4}.skill-form textarea{resize:vertical}.skill-form-actions{justify-content:end;gap:8px;display:flex}.skill-card-list{align-content:start;gap:10px;min-height:0;display:grid;overflow:auto}.skill-card{border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:8px;gap:8px;padding:10px;display:grid}.skill-card-main{min-width:0;color:var(--cc-text-strong);text-align:left;background:0 0;border:0;gap:4px;padding:0;display:grid}.skill-card-main:hover strong{color:var(--cc-accent-strong)}.skill-card-main code{color:var(--cc-accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.skill-card-main span{color:var(--cc-text-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.35}.skill-card-actions{justify-content:end;gap:6px;display:flex}.tool-placeholder{border:1px dashed var(--cc-border-strong);min-height:180px;color:var(--cc-text-muted);background:var(--cc-surface-muted);border-radius:8px;align-content:center;gap:10px;padding:18px;display:grid}.tool-placeholder svg{color:var(--cc-accent)}.tool-placeholder strong{color:var(--cc-text-strong)}.tool-placeholder span{font-size:13px;line-height:1.45}.composer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.composer textarea,.settings-form input,.settings-form select,.app-remote-row input{border:1px solid var(--cc-border-strong);background:var(--cc-surface);width:100%;min-height:42px;color:var(--cc-text);border-radius:8px}.composer textarea{resize:vertical;min-height:68px;max-height:180px;padding:10px 14px;line-height:1.45}.composer .primary-button{min-height:42px}.session-context-meter{color:var(--cc-text-muted);gap:6px;font-size:12px;display:grid}.session-context-summary{overflow-wrap:anywhere;justify-content:space-between;gap:10px;display:flex}.session-usage-detail{color:var(--cc-text-muted);flex-wrap:wrap;gap:8px;display:flex}.session-usage-detail span{background:var(--cc-surface-muted);border-radius:6px;padding:2px 6px}.context-progress{background:var(--cc-border-muted);border-radius:999px;height:6px;overflow:hidden}.context-progress span{border-radius:inherit;background:var(--cc-accent);height:100%;display:block}.settings-form{gap:16px;padding:20px;display:grid}.app-create-form{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end}.creation-mode-toggle{border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:fit-content;padding:4px;display:inline-grid}.creation-mode-toggle button{min-height:34px;color:var(--cc-text-muted);background:0 0;border:0;border-radius:6px;padding:0 12px}.creation-mode-toggle button.active{color:var(--cc-accent-strong);background:var(--cc-accent-soft)}.app-create-form .wide-label{grid-column:span 2}.import-progress,.import-analysis{border:1px solid var(--cc-border-muted);background:var(--cc-surface-muted);border-radius:8px;gap:8px;padding:12px;display:grid}.import-progress div{color:var(--cc-text-muted);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;display:grid}.import-progress div>span:first-child{background:var(--cc-border-strong);border-radius:999px;width:9px;height:9px}.import-progress div.complete{color:var(--cc-text-strong)}.import-progress div.complete>span:first-child{background:var(--cc-accent)}.import-analysis span,.import-analysis code{color:var(--cc-text-muted);font-size:13px}.import-analysis code{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.import-file-field{align-content:start;position:relative}.import-file-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.import-file-button{border:1px solid var(--cc-accent);width:fit-content;min-height:38px;color:var(--cc-on-accent);background:var(--cc-accent);cursor:pointer;border-radius:8px;grid-auto-flow:column;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-grid}.import-file-field:focus-within .import-file-button,.import-file-button:hover{border-color:var(--cc-accent-strong);background:var(--cc-accent-strong)}.import-file-button.selected{border-color:var(--cc-border-strong);color:var(--cc-accent-strong);background:var(--cc-accent-soft)}.import-file-field small{overflow-wrap:anywhere;color:var(--cc-text-muted);font-size:12px;font-weight:500}.settings-form label{color:var(--cc-text-subtle);gap:8px;font-weight:700;display:grid}.settings-form input,.settings-form select{color:var(--cc-text-muted);padding:0 12px}.theme-settings{gap:18px}.theme-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.theme-palette-panel{align-content:start;gap:12px;min-width:0;display:grid}.theme-palette-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-palette-header h3{margin:0;font-size:16px}.theme-palette-actions{flex-wrap:wrap;gap:8px;display:flex}.theme-palette-actions .secondary-button{min-height:34px;padding:0 10px}.theme-color-grid{gap:8px;display:grid}.theme-color-row{border:1px solid var(--cc-border-muted);background:var(--cc-surface-muted);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:58px;padding:9px 10px}.theme-color-row span:first-child{gap:2px;min-width:0;display:grid}.theme-color-row small{color:var(--cc-text-muted);font-size:12px;font-weight:500;line-height:1.35}.theme-color-control{grid-template-columns:34px minmax(76px,auto);align-items:center;gap:8px;display:grid}.settings-form .theme-color-control input[type=color]{border:1px solid var(--cc-border-strong);background:var(--cc-surface);border-radius:8px;width:34px;min-height:34px;padding:2px}.theme-color-control code{color:var(--cc-text-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:600}.app-remote-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.app-remote-row input{padding:0 12px}@media (width<=880px){.app-shell,.app-shell.sidebar-collapsed{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.sidebar{z-index:10;gap:14px;padding:14px;position:sticky;top:0;overflow:visible}.nav-list{grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.sidebar-status{display:none}.sidebar-footer{margin-top:0}.main-pane{padding:20px}.metric-grid,.card-grid,.content-grid,.chat-layout,.chat-controls,.theme-mode-grid,.app-create-form,.candidate-form{grid-template-columns:1fr}.app-create-form .wide-label,.candidate-form .wide-label{grid-column:auto}.table-row{grid-template-columns:1fr;gap:4px}.dashboard-row,.log-row-header,.scope-warning{grid-template-columns:1fr;justify-items:start}.app-card-header,.app-action-row,.app-remote-row{grid-template-columns:1fr;display:grid}.app-action-row button{width:100%}.git-log-row{grid-template-columns:1fr}}@media (width<=560px){.brand{grid-template-columns:36px minmax(0,1fr)}.brand-mark{width:36px;height:36px}.page-header,.composer{grid-template-columns:1fr;align-items:stretch}.page-header{display:grid}.page-header h1{font-size:26px}.message-bubble{max-width:100%}}