:root{--bg: #0f1117;--bg-sidebar: #161922;--bg-card: #1c2030;--bg-input: #232838;--border: #2c3245;--text: #e2e6f0;--text-dim: #8b93a7;--accent: #4f7cff;--accent-hover: #6890ff;--green: #2eb872;--red: #e25555;--orange: #e2a155;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}#root{height:100vh}code,pre{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px}.app-layout{display:grid;grid-template-columns:280px 1fr;height:100vh}.main-area{display:flex;flex-direction:column;overflow:hidden;min-width:0}.empty-state{margin:auto;text-align:center;color:var(--text-dim);max-width:420px}.empty-state h2{color:var(--text)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px;gap:16px;overflow-y:auto}.sidebar-header h1{font-size:18px;margin:0}.sidebar-subtitle{font-size:12px;color:var(--text-dim)}.conversation-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.conversation-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text);text-align:left;cursor:pointer}.conversation-item:hover{background:var(--bg-card)}.conversation-item.selected{background:var(--bg-card);box-shadow:inset 3px 0 0 var(--accent)}.conversation-title{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-model{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-icon{display:inline-block;width:1.4em;text-align:center;flex-shrink:0}.sidebar-empty{color:var(--text-dim);font-size:13px;text-align:center}.btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);cursor:pointer;font-size:14px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-new,.btn-send{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.btn-new:hover:not(:disabled),.btn-send:hover:not(:disabled){background:var(--accent-hover)}.btn-approve{background:var(--green);border-color:var(--green);color:#fff}.btn-reject{background:transparent;border-color:var(--red);color:var(--red)}.chat-view{display:flex;flex-direction:column;height:100%}.chat-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.chat-header h2{margin:0;font-size:16px}.chat-model{font-size:13px;color:var(--text-dim)}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-empty{margin:auto;color:var(--text-dim)}.message{max-width:720px;display:flex;flex-direction:column;gap:4px}.message-user{align-self:flex-end}.message-user .message-content{background:var(--accent);color:#fff;border-radius:16px 16px 4px}.message-assistant .message-content{background:var(--bg-card);border-radius:16px 16px 16px 4px}.message-content{padding:12px 16px;white-space:pre-wrap;word-break:break-word;line-height:1.5}.message-meta{font-size:11px;color:var(--text-dim);padding:0 8px}.message-user .message-meta{text-align:right}.cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.tool-call{max-width:720px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);overflow:hidden}.tool-call.status-pending_approval{border-color:var(--orange)}.tool-call.status-error,.tool-call.status-blocked,.tool-call.status-rejected{border-color:var(--red)}.tool-call.status-success{border-color:var(--green)}.tool-call-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text);cursor:pointer;font-size:14px}.tool-call-name{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:600}.tool-call-duration{font-size:12px;color:var(--text-dim)}.tool-call-chevron{margin-left:auto;color:var(--text-dim)}.badge{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--bg-input);color:var(--text-dim)}.badge.policy-ask{color:var(--orange)}.badge.policy-block{color:var(--red)}.badge.status-badge-success{color:var(--green)}.badge.status-badge-error,.badge.status-badge-rejected,.badge.status-badge-blocked{color:var(--red)}.badge.status-badge-pending_approval{color:var(--orange);background:#e2a15526}.badge.status-badge-running{color:var(--accent)}.tool-call-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}.tool-call-section{display:flex;flex-direction:column;gap:4px}.tool-call-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.tool-call-section pre{margin:0;padding:10px;background:var(--bg);border-radius:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.error-text{color:var(--red)}.tool-call-actions{display:flex;gap:8px}.banner{max-width:720px;padding:10px 16px;border-radius:8px;font-size:14px}.banner-warning{background:#e2a1551f;border:1px solid var(--orange)}.banner-error{background:#e255551f;border:1px solid var(--red)}.chat-input{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--border);position:relative}.chat-input-popover{position:absolute;left:24px;right:24px;bottom:calc(100% - 8px);z-index:10;display:flex;flex-direction:column;gap:8px}.slash-menu{max-height:320px;overflow-y:auto;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;box-shadow:0 -6px 24px #00000059;padding:6px}.slash-menu-status{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-top:1px solid var(--border);margin-top:4px;font-size:12px;color:var(--text-dim)}.slash-menu-failed{color:var(--orange)}.slash-menu-title,.slash-menu-empty{padding:8px 10px;font-size:12px;color:var(--text-dim)}.slash-menu-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;text-align:left;padding:8px 10px;background:transparent;border:none;border-radius:8px;color:var(--text);cursor:pointer;font-size:13px}.slash-menu-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.slash-menu-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.slash-menu-desc{color:var(--text-dim);font-size:12px;flex-basis:100%}.slash-error{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-arg-form{display:flex;flex-direction:column;gap:12px;padding:12px}.prompt-arg-form .slash-menu-title{display:flex;align-items:center;gap:8px;padding:0}.prompt-arg-required{color:var(--red)}.prompt-arg-actions{display:flex;gap:8px;align-items:center}.chat-input textarea{flex:1;padding:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text);resize:none;font-family:inherit;font-size:14px}.chat-input textarea:focus{outline:none;border-color:var(--accent)}.chat-input .btn-send{align-self:flex-end}.new-conversation{max-width:640px;margin:32px auto;padding:0 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.new-conversation h2{margin:0}.form-hint{color:var(--text-dim);font-size:13px;margin:0}.form-field{display:flex;flex-direction:column;gap:6px;border:none;padding:0;margin:0;flex:1;min-width:0}.form-field>span{font-size:13px;font-weight:500;color:var(--text-dim)}.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:14px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent)}.form-row{display:flex;gap:12px}.form-field-small{flex:0 0 120px}.checkbox-field{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer}.checkbox-field code{color:var(--text-dim);font-size:12px}.form-actions{display:flex;gap:12px;padding-bottom:32px}.sidebar-footer{padding:8px;border-top:1px solid var(--border)}.mcp-admin{max-width:760px;margin:32px auto;padding:0 24px 48px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.mcp-admin h2{margin:0}.mcp-card{border:1px solid var(--border);border-radius:12px;background:var(--bg-card);padding:16px;display:flex;flex-direction:column;gap:10px}.mcp-card-disabled{opacity:.6}.mcp-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mcp-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mcp-card-id{color:var(--text-dim);font-size:12px;background:var(--bg-input);padding:2px 6px;border-radius:6px}.mcp-card-actions{display:flex;gap:6px;flex-wrap:wrap}.mcp-card-detail code{color:var(--text-dim);font-size:12px;word-break:break-all}.btn-small{padding:4px 10px;font-size:12px}.btn-danger{color:var(--red);border-color:var(--red)}.btn-danger:hover:not(:disabled){background:#e2555526}.badge.transport-badge{color:var(--accent)}.mcp-tools{background:var(--bg-input);border-radius:8px;padding:12px;font-size:13px}.mcp-tools ul{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.mcp-tool-desc{color:var(--text-dim)}.mcp-form{border:1px solid var(--accent);border-radius:12px;background:var(--bg-card);padding:16px;display:flex;flex-direction:column;gap:14px}.mcp-form h3{margin:0}.mcp-form .form-actions{padding-bottom:0}.mcp-policies{background:var(--bg-input);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.mcp-policies-table{width:100%;border-collapse:collapse;font-size:13px}.mcp-policies-table th{text-align:left;color:var(--text-dim);font-weight:500;padding:6px 8px;border-bottom:1px solid var(--border)}.mcp-policies-table td{padding:8px;border-bottom:1px solid var(--border);vertical-align:top}.mcp-policies-table tr:last-child td{border-bottom:none}.mcp-policies-table select{padding:6px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.mcp-policies-table select.policy-overridden{border-color:var(--accent);color:var(--accent)}.thinking{max-width:720px;display:flex;flex-direction:column;gap:8px;padding:12px 16px;color:var(--text-dim);font-size:14px}.thinking-row{display:flex;align-items:center;gap:10px}.thinking-dots span{display:inline-block;font-size:8px;color:var(--accent);animation:thinking-pulse 1.4s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.thinking-warning{background:#e2a1551f;border:1px solid var(--orange);border-radius:8px;padding:10px 12px;color:var(--orange);font-size:13px}.tool-call-icon.spinning{display:inline-block;animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-stop{align-self:flex-end;background:transparent;color:var(--red);border-color:var(--red)}.btn-stop:hover:not(:disabled){background:#e2555526}.chat-error{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.chat-error-actions{display:flex;gap:8px;flex-shrink:0}.prompt-versions{display:flex;flex-direction:column;gap:6px}.prompt-version{background:var(--bg-input);border-radius:8px;overflow:hidden}.prompt-version.prompt-draft{border:1px dashed var(--orange)}.prompt-version-header{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text);cursor:pointer;font-size:13px;text-align:left}.prompt-version-label{font-weight:600}.prompt-version-date{color:var(--text-dim);font-size:12px;flex:1}.prompt-version-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px}.prompt-version-body pre{margin:0;padding:12px;background:var(--bg);border-radius:8px;font-size:13px;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.prompt-version-body .form-actions{padding-bottom:0}.prompt-draft-hint{color:var(--orange)}.chat-header-main{display:flex;flex-direction:column;gap:4px}.evaluation-bar{display:flex;flex-direction:column;gap:8px}.evaluation-row{display:flex;align-items:center;gap:10px}.evaluation-label{font-size:13px;color:var(--text-dim)}.stars{display:flex;gap:2px}.star{background:none;border:none;font-size:20px;color:var(--border);cursor:pointer;padding:0 2px;transition:color .15s,transform .1s}.star:hover:not(:disabled){transform:scale(1.2);color:var(--orange)}.star-filled{color:var(--orange)}.evaluation-notes{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;resize:vertical}.evaluation-notes:focus{outline:none;border-color:var(--accent)}.conversation-rating{color:var(--orange)}.chat-header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-active{border-color:var(--accent);color:var(--accent)}.wire-inspector{border-bottom:1px solid var(--border);padding:12px 24px;background:var(--bg-sidebar);display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto}.wire-inspector-summary{font-size:13px;color:var(--text-dim)}.wire-inspector-summary strong{color:var(--text)}.wire-inspector-table{width:100%;border-collapse:collapse;font-size:12px}.wire-inspector-table th{text-align:left;color:var(--text-dim);font-weight:500;padding:4px 8px;border-bottom:1px solid var(--border)}.wire-inspector-table td{padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}.wire-preview{color:var(--text-dim);word-break:break-word;max-width:480px}.wire-weight{white-space:nowrap;min-width:120px}.wire-bar{height:4px;background:var(--accent);border-radius:2px;margin-bottom:4px;min-width:2px}.wire-heavy .wire-bar{background:var(--orange)}.wire-heavy .wire-preview{color:var(--orange)}.thinking-detail{background:var(--bg-input);border-radius:8px;padding:10px 12px;color:var(--text-dim);font-size:13px}.conversation-row{display:flex;flex-direction:row;align-items:center;gap:4px;padding:0}.conversation-select{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:transparent;border:none;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;min-width:0}.conversation-delete{flex-shrink:0;width:26px;height:26px;margin-right:6px;background:transparent;border:none;border-radius:6px;color:var(--text-dim);cursor:pointer;font-size:13px;opacity:0;transition:opacity .15s,color .15s,background .15s}.conversation-row:hover .conversation-delete{opacity:1}.conversation-delete:hover{color:var(--red);background:#e2555526}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:dialog-fade-in .15s ease-out}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}.dialog{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:440px;width:calc(100% - 48px);display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 48px #00000080;animation:dialog-pop .15s ease-out}@keyframes dialog-pop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog h3{margin:0;font-size:16px}.dialog-message{margin:0;color:var(--text-dim);font-size:14px;line-height:1.5;white-space:pre-line}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.btn-danger-solid{background:var(--red);border-color:var(--red);color:#fff;font-weight:500}.btn-danger-solid:hover:not(:disabled){background:#c94444}.conversation-delete{font-size:14px}.app-loading{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:32px;width:400px;display:flex;flex-direction:column;gap:14px}.login-card h1{font-size:20px;margin:0}.login-card h2{font-size:16px;margin:8px 0 0}.login-card .form-hint{margin:0}.sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin-top:8px;border-top:1px solid var(--border)}.sidebar-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.sidebar-user-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-new-actions{display:flex;flex-direction:column;gap:8px}.sidebar-new-actions .btn{width:100%;text-align:center;white-space:nowrap}.arena-view{display:flex;flex-direction:column;height:100%;min-height:0}.arena-loading{align-items:center;justify-content:center;color:var(--text-dim)}.arena-columns{flex:1;display:grid;gap:1px;background:var(--border);min-height:0;overflow:hidden}.arena-column{display:flex;flex-direction:column;min-width:0;background:var(--bg);overflow:hidden}.arena-column-header{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-sidebar)}.arena-column-model{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-column-provider{font-size:12px;color:var(--text-dim)}.arena-column-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.arena-column-empty{margin:auto}.arena-thinking{flex-direction:row;align-items:center;gap:8px;font-size:13px}.arena-input{border-top:1px solid var(--border)}.scenario-view{display:flex;flex-direction:column;height:100%;min-height:0}.scenario-body{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:20px}.scenario-section h3{margin:0 0 8px;font-size:15px}.scenario-task{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.scenario-assertions{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.scenario-launcher{display:flex;flex-direction:column;gap:8px;max-width:720px}.scenario-launcher-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.scenario-reps{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim)}.scenario-reps input{width:60px;padding:6px 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text)}.scenario-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}.scenario-table th,.scenario-table td{border:1px solid var(--border);padding:6px 10px;text-align:left}.scenario-table th{background:var(--bg-sidebar);font-weight:600}.scenario-cell{text-align:center;font-weight:600}.scenario-runs-table th{font-size:12px}.assertion-editor{display:flex;flex-direction:column;gap:8px}.assertion-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.assertion-row select,.assertion-row input[type=text],.assertion-row input[type=number]{padding:6px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px}.assertion-row input[type=text]{flex:1;min-width:160px}.assertion-regex{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-dim)}.dialog-wide{max-width:640px;width:90%}