@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#f2f0eb;font-synthesis:none;text-rendering:optimizelegibility;--bg:#151513;--panel:#1d1d1a;--panel-2:#242420;--line:#353530;--muted:#96958b;--dim:#67675f;--lime:#d5ef7a;--orange:#f3a26a;--blue:#94bdfb;--mono:"DM Mono", monospace;background:#151513;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#181816;justify-content:space-between;align-items:center;height:66px;padding:0 30px;display:flex}.brand{font:500 13px var(--mono);letter-spacing:.04em;color:#e8e6df;align-items:center;gap:11px;display:flex}.brand-mark{color:var(--lime);font-size:20px}.brand-divider{color:var(--line);margin:0 5px}.brand-context{color:var(--muted);font-size:11px}.top-actions{align-items:center;gap:18px;display:flex}.live-pill{color:var(--lime);font:11px var(--mono);letter-spacing:.06em}.live-pill i,.health i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-right:7px;display:inline-block}.avatar{color:#273114;width:32px;height:32px;font:500 11px var(--mono);background:#d9e9a0;border:0;border-radius:50%}.avatar.small{flex:none;width:28px;height:28px}.layout{grid-template-columns:190px minmax(0,1fr) 320px;height:calc(100vh - 66px);min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:#191917;flex-direction:column;padding:28px 13px 17px;display:flex}.side-label,.eyebrow,.metric-label,.trace-heading{font:500 10px var(--mono);letter-spacing:.1em;color:var(--dim)}.side-label{padding:0 13px 13px}.nav-item{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:13px;margin:2px 0;padding:11px 13px;font-size:13px;display:flex}.nav-item span{text-align:center;width:15px;font-size:16px}.nav-item.active span{color:var(--lime)}.nav-item b{color:var(--dim);font:11px var(--mono);margin-left:auto}.sidebar-spacer{flex:1}.connection-card,.user-card{border:1px solid var(--line);border-radius:6px;align-items:center;gap:9px;margin-bottom:12px;padding:11px;display:flex}.connection-card strong,.user-card strong{font-size:11px;font-weight:500;display:block}.connection-card small,.user-card small{color:var(--dim);margin-top:3px;font-size:10px;display:block}.connection-icon{color:var(--lime)}.user-card{border:0;margin:0;padding:8px 3px}.user-card>span:last-child{color:var(--dim);margin-left:auto}.main-content{background:var(--bg);min-width:0;min-height:0;overflow-y:auto}.content-inner{max-width:880px;margin:0 auto;padding:53px 54px}.page-header{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:42px;display:flex}.page-header h1{letter-spacing:-.04em;margin:9px 0 8px;font-size:32px;font-weight:500}.page-header p,.agent-description,.settings-card p{color:var(--muted);font-size:13px;line-height:1.6}.wave{color:var(--lime);font-weight:400}.primary-button{color:var(--lime);white-space:nowrap;background:#36451e;border:1px solid #66802b;border-radius:5px;padding:10px 14px;font-size:12px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:54px;display:grid}.metric-card{border:1px solid var(--line);background:var(--panel);border-radius:5px;min-height:112px;padding:18px 19px}.metric-value{color:#f3f1e8;margin:13px 0 6px;font-size:24px;font-weight:500;display:block}.metric-value em{color:var(--dim);font-size:14px;font-style:normal}.metric-value.health{color:var(--lime);font-size:18px}.metric-value.date{color:var(--orange);font:500 20px var(--mono)}.metric-card small{color:var(--dim);font-size:11px}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.section-header h2{margin:8px 0 0;font-size:18px;font-weight:500}.filter-tabs{gap:5px;display:flex}.filter-tabs button{color:var(--dim);background:0 0;border:0;border-bottom:1px solid #0000;padding:5px 8px;font-size:11px}.filter-tabs button.selected{color:var(--lime);border-color:var(--lime)}.task-list{border-top:1px solid var(--line)}.task-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:67px;display:flex}.task-title,.task-meta{align-items:center;gap:10px;display:flex}.task-title strong{font-size:13px;font-weight:500}.task-meta{color:var(--muted);justify-content:flex-end;min-width:210px;font-size:11px}.status-dot{border:1px solid var(--dim);border-radius:50%;width:7px;height:7px}.status-dot.in-progress{background:var(--orange);border-color:var(--orange)}.status-dot.done{background:var(--lime);border-color:var(--lime)}.status-text{color:var(--dim);min-width:62px}.tag{font:9px var(--mono);border-radius:3px;padding:3px 5px}.tag.low{color:var(--muted);background:#30302b}.agent-panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;padding:29px 22px 20px;display:flex;overflow:hidden}.agent-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.agent-heading h2{margin:8px 0 0;font-size:19px;font-weight:500}.agent-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.restart-button{border:1px solid var(--line);color:var(--dim);background:0 0;border-radius:4px;width:27px;height:27px;padding:0;font-size:19px;line-height:1}.restart-button:hover{color:var(--lime);border-color:#566a32}.agent-description{margin:15px 0 21px;font-size:12px;line-height:1.55}.chat-log{flex:1;min-height:0;overflow-y:auto}.empty-chat{text-align:center;padding-top:30px}.empty-chat>span{color:var(--lime);font-size:27px}.empty-chat p{color:var(--dim);margin:13px 0 10px;font-size:12px}.empty-starters{flex-direction:column;gap:6px;width:100%;margin:0;display:flex}.suggestion{border:1px solid var(--line);width:100%;color:var(--muted);text-align:left;background:#272722;border-radius:4px;margin:5px 0;padding:9px;font-size:11px;display:block}.suggestion:hover{color:var(--lime);border-color:#566a32}.chat-message{border-left:2px solid var(--line);margin-bottom:18px;padding:2px 0 2px 12px}.chat-message.assistant{border-color:var(--lime)}.chat-message.status{border-color:var(--blue)}.chat-message.status p{color:var(--muted);font-size:11px}.chat-label{color:var(--dim);font:9px var(--mono)}.chat-message p{color:#d9d7cd;margin:6px 0 0;font-size:12px;line-height:1.6}.chat-form{border:1px solid var(--line);background:#171714;border-radius:5px;flex:none;margin-bottom:23px;display:flex}.chat-form input{color:#f4f1e6;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:11px 12px;font-size:12px}.chat-form button{width:40px;color:var(--lime);background:0 0;border:0;font-size:21px}.conversation-starters{flex-wrap:wrap;gap:6px;margin:-12px 0 23px;display:flex}.starter-pill{border:1px solid var(--line);color:var(--muted);background:#272722;border-radius:999px;padding:6px 9px;font-size:10px}.starter-pill:hover{color:var(--lime);border-color:#566a32}.tool-trace{border-top:1px solid var(--line);flex:none;padding-top:16px}.trace-heading{justify-content:space-between;display:flex}.trace-row{border-bottom:1px solid #2b2b27;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.trace-number{color:var(--dim);font:10px var(--mono)}.trace-row strong{font:10px var(--mono);color:#d1d0c7;display:block}.trace-row small{color:var(--dim);margin-top:5px;font-size:10px;display:block}.trace-status{color:var(--lime);font:12px var(--mono);margin-left:auto}.trace-empty{color:var(--dim);padding:16px 0;font-size:11px}.activity-list{border-top:1px solid var(--line)}.activity-item{border-bottom:1px solid var(--line);display:block}.activity-item summary{cursor:pointer;align-items:flex-start;gap:14px;padding:18px 0;list-style:none;display:flex}.activity-item summary::-webkit-details-marker{display:none}.activity-icon{color:var(--lime)}.activity-item strong{font:12px var(--mono)}.activity-item p,.activity-item time{color:var(--muted);margin:6px 0 0;font-size:11px}.activity-item time{color:var(--dim);white-space:nowrap;margin-left:auto}.activity-item summary:after{content:"▸";color:var(--lime);font:14px var(--mono);margin-left:8px}.activity-item[open] summary:after{content:"▾"}.tool-call-grid{gap:15px;padding:0 0 20px 29px;display:grid}.tool-call-grid p{line-height:1.6}.tool-call-grid pre{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font:10px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;padding:12px}.tool-call-grid small{color:var(--dim);font-size:10px}.settings-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-runtime{margin-top:12px;margin-bottom:0}.settings-card{border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:21px}.settings-card h2{margin:19px 0 3px;font-size:20px}.permission-row{gap:5px;margin-top:23px;display:flex}.permission-row span{color:var(--lime);font:9px var(--mono);background:#303c1e;padding:5px 6px}.capability{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 0;display:flex}.capability:last-child{border:0;padding-bottom:0}.cap-dot{background:var(--dim);border-radius:50%;width:7px;height:7px}.cap-dot.on{background:var(--lime);box-shadow:0 0 8px var(--lime)}.capability strong{font-size:12px;font-weight:500;display:block}.capability small{color:var(--dim);margin-top:3px;font-size:10px;display:block}.architecture-note{background:#222b18;border:1px solid #4d5e2c;border-radius:5px;gap:16px;margin-top:26px;padding:18px;display:flex}.architecture-note>span{color:var(--lime);font-size:21px}.architecture-note strong{color:var(--lime);font-size:13px}.architecture-note p{color:#abb58c;margin:7px 0 0;font-size:11px;line-height:1.6}.debug-status-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;display:grid}.debug-card,.debug-section{border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:19px}.debug-card-heading{justify-content:space-between;align-items:center;display:flex}.status-chip{font:9px var(--mono);text-transform:uppercase;border-radius:3px;padding:4px 6px}.status-chip.good{color:var(--lime);background:#303c1e}.debug-big{color:#f3f1e8;font:500 25px var(--mono);margin:18px 0}.debug-big em{color:var(--dim);font:11px var(--sans);font-style:normal}.status-line{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:10px 0;font-size:11px;display:flex}.debug-help{color:var(--dim);margin-top:14px;font-size:10px;line-height:1.5;display:block}.debug-section{margin-top:12px}.debug-section .section-header{margin-bottom:10px}.trace-list,.debug-log-list{border-top:1px solid var(--line)}.debug-log{border-bottom:1px solid #2b2b27;align-items:flex-start;gap:11px;padding:11px 0;display:flex}.debug-log time{color:var(--dim);font:9px var(--mono);padding-top:2px}.debug-log .log-symbol{text-align:center;width:13px;color:var(--muted);font:12px var(--mono)}.debug-log.success .log-symbol{color:var(--lime)}.debug-log.error .log-symbol{color:var(--orange)}.debug-log.pending .log-symbol{color:var(--blue)}.debug-log strong{color:#d1d0c7;font:10px var(--mono);display:block}.debug-log small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.45;display:block}.system-prompt{padding:0;overflow:hidden}.system-prompt summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:19px;list-style:none;display:flex}.system-prompt summary::-webkit-details-marker{display:none}.system-prompt summary strong{color:#d1d0c7;margin-top:8px;font-size:12px;font-weight:500;display:block}.system-prompt summary:after{content:"▸";color:var(--lime);font:14px var(--mono)}.system-prompt[open] summary:after{content:"▾"}.system-prompt pre{border-top:1px solid var(--line);color:var(--muted);font:10px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:19px}.prompt-request{padding:0;overflow:hidden}.prompt-request summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:19px;list-style:none;display:flex}.prompt-request summary::-webkit-details-marker{display:none}.prompt-request summary strong{color:#d1d0c7;margin-top:8px;font-size:12px;font-weight:500;display:block}.prompt-request summary:after{content:"▸";color:var(--lime);font:14px var(--mono)}.prompt-request[open] summary:after{content:"▾"}.prompt-request pre{border-top:1px solid var(--line);color:var(--muted);font:10px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:19px}.trace-request-heading{margin:28px 0 12px}.download-progress{background:#30302b;border-radius:10px;height:6px;margin:2px 0 8px;overflow:hidden}.download-progress-bar{border-radius:inherit;background:var(--lime);min-width:3px;height:100%;transition:width .25s;box-shadow:0 0 10px #d5ef7a8c}@media (width<=800px){.layout{grid-template-columns:190px minmax(0,1fr);height:auto;min-height:calc(100vh - 66px)}.agent-panel{border-left:0;border-top:1px solid var(--line);grid-column:2;min-height:600px}.main-content{grid-column:2;overflow:visible}}@media (width<=700px){.topbar{padding:0 15px}.brand-context,.brand-divider,.live-pill{display:none}.layout{height:auto;min-height:0;display:block}.sidebar{flex-direction:row;align-items:center;gap:3px;min-height:auto;padding:10px;overflow:auto}.side-label,.sidebar-spacer,.connection-card,.user-card{display:none}.nav-item{white-space:nowrap}.content-inner{padding:35px 20px}.page-header{margin-bottom:30px;display:block}.primary-button{margin-top:17px}.metric-grid{grid-template-columns:1fr;margin-bottom:35px}.task-row{flex-direction:column;align-items:flex-start;padding:14px 0}.task-meta{justify-content:flex-start;width:100%;padding-left:17px}.settings-grid,.debug-status-grid{grid-template-columns:1fr}.agent-panel{min-height:600px}}:root{color:#172018;--bg:#f7f9f5;--panel:#fff;--panel-2:#f0f4ed;--line:#cbd5c8;--muted:#4b5b50;--dim:#637267;--lime:#356b12;--orange:#a64b0b;--blue:#155c91;background:#f7f9f5}.topbar,.sidebar{background:#f0f4ed}.brand{color:#172018}.brand-muted{color:#637267}.brand-divider{color:#aab8aa}.nav-item:hover,.nav-item.active{color:#172018;background:#dfe9dc}.primary-button{color:#28540d;background:#e0efd5;border-color:#356b12}.primary-button:hover{background:#cfe5bd}.metric-value{color:#172018}.tag.high{color:#8d3d08;background:#fce7d5}.tag.medium{color:#155c91;background:#dcecf8}.tag.low,.suggestion,.starter-pill{color:#4b5b50;background:#eef3ec}.agent-panel{background:#fff}.suggestion:hover,.starter-pill:hover{color:#28540d;border-color:#6f9b55}.chat-message p{color:#324238}.chat-form{background:#f6f8f4}.chat-form input{color:#172018}.chat-form input::placeholder{color:#637267}.trace-row,.debug-log{border-color:#d8e0d6}.trace-row strong,.debug-log strong,.system-prompt summary strong{color:#324238}.permission-row span,.status-chip.good{color:#28540d;background:#e3f0dc}.architecture-note{background:#edf6e8;border-color:#9ab88a}.architecture-note strong{color:#28540d}.architecture-note p{color:#4d6544}.status-chip.muted{color:#4b5b50;background:#eef3ec}.download-progress{background:#dfe7dc}