:root{color:#1b1a18;--canvas:#edf2f7;background:radial-gradient(circle at top left, #7da4cc33, transparent 28%), linear-gradient(180deg, #f7f9fc 0%, var(--canvas) 100%);--panel:#fffffff2;--line:#4b607826;--accent:#b65b28;--accent-deep:#6d2d0d;--muted:#6a5e51;--shadow:0 18px 42px #3349621c;font-family:Trebuchet MS,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,textarea,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:24px 0 32px}.app-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.app-header p{max-width:58ch;color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0 0 6px;font-size:12px}h1{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.05}.top-grid,.bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:20px;display:grid}.bottom-grid{align-items:stretch;margin-top:20px}.user-panel{margin-bottom:20px}.capability-banner{background:#ffffff9e;border:1px solid #745c3f1f;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:12px 14px;display:flex}.capability-banner div{gap:4px;display:grid}.capability-banner span{color:var(--muted);line-height:1.35}.capability-banner-meta{text-align:right;justify-items:end}.capability-warning{color:#8c3f0c}.user-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:stretch;gap:14px;display:grid}.user-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.user-tabs button{text-align:left;cursor:pointer;color:#1b1a18;background:#ffffffb3;border:1px solid #745c3f1f;border-radius:14px;align-content:start;gap:5px;min-height:72px;padding:11px 12px;display:grid}.user-tabs button.active{background:#14764d1a;border-color:#14764d5c}.user-tabs button.add-user{border-style:dashed}.user-tabs button small,.user-summary span{color:var(--muted);line-height:1.35}.user-summary{background:#fff8ecb8;border:1px solid #745c3f1f;border-radius:14px;align-content:center;gap:8px;padding:12px;display:grid}.new-user-form{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.new-user-form input,.new-user-form select{background:#ffffffdb;border:1px solid #6b48222e;border-radius:12px;min-width:0;padding:10px 11px}.new-user-form button{cursor:pointer;background:var(--accent-deep);color:#fff8ee;border:0;border-radius:12px}.checkbox-row{color:var(--muted);align-items:center;gap:8px;display:flex}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:20px}.panel-header{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.panel-header span,.trace-section h3{font-weight:700}.panel-header small,.trace-section ul{color:var(--muted)}.conversation-panel{grid-template-rows:auto minmax(0,1fr);min-height:460px;display:grid}.message-list{scroll-behavior:smooth;align-content:start;gap:14px;min-height:0;max-height:58vh;padding-right:8px;display:grid;overflow-y:auto}.message-card,.trace-card,.loading-card{border-radius:18px;padding:15px}.message-card p{white-space:pre-wrap;margin:0;line-height:1.7}.message-card.user{background:#783a1a1a}.message-card.assistant{background:#ffffffc7}.message-role{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:8px;font-size:12px}.citation-list{gap:10px;margin-top:12px;display:grid}.citation-card,.trace-card,.loading-card{background:#fff8ece6;border:1px solid #745c3f1f}.citation-card{border-radius:14px;gap:6px;padding:12px;display:grid}.trace-panel{min-height:460px;max-height:calc(58vh + 74px);overflow-y:auto}.evaluation-panel{margin-top:20px}.evaluation-header{flex-direction:row;justify-content:space-between;align-items:start;gap:16px;display:flex}.evaluation-grid{grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);align-items:stretch;gap:14px;display:grid}.evaluation-summary{align-content:start}.evaluation-focus,.evaluation-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.evaluation-detail-grid{margin-top:14px}.evaluation-focus-card{background:#ffffff9e;border:1px solid #745c3f1f;border-radius:12px;gap:6px;padding:12px;display:grid}.evaluation-focus-card span,.evaluation-playbook span,.evaluation-detail-grid small{color:var(--muted);line-height:1.45}.eval-dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.evaluation-playbook{margin-top:14px}.playbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;display:grid}.evaluation-failures{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.evaluation-error{color:#8c3f0c;background:#b85c171a;border:1px solid #b85c1747;border-radius:12px;padding:10px 12px}.evaluation-status{color:var(--muted)}.trace-section{gap:12px;margin-bottom:18px;display:grid}.trace-section h3{margin:0}.trace-section ul{margin:0;padding-left:18px}.trace-card{gap:6px;display:grid}.trace-card.muted{color:var(--muted)}.candidate-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.candidate-option{color:#1b1a18;cursor:pointer;text-align:left;background:#fff8ece0;border:1px solid #6b48222e;border-radius:8px;gap:4px;min-height:58px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.candidate-option:hover:not(:disabled){border-color:#7b321061;transform:translateY(-1px);box-shadow:0 10px 22px #57371a1f}.candidate-option:disabled{cursor:not-allowed;opacity:.62}.candidate-option small{color:var(--muted);line-height:1.35}.card-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge{white-space:nowrap;color:var(--accent-deep);background:#6d2d0d14;border-radius:999px;justify-self:end;padding:4px 9px;font-size:12px;line-height:1}.badge.ok{color:#14764d;background:#14764d1f}.badge.warn{color:#8c3f0c;background:#b85c1724}.meta-list{gap:5px;margin:0;display:grid}.meta-list div{grid-template-columns:82px minmax(0,1fr);align-items:start;gap:8px;display:grid}.meta-list dt{color:var(--muted);font-size:12px}.meta-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.node-flow{gap:8px;display:grid}.node-pill{background:#ffffff9e;border:1px solid #745c3f1f;border-radius:12px;gap:4px;padding:9px 11px;display:grid}.node-pill small,.trace-card small{color:var(--muted)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#ffffffa3;border:1px solid #745c3f1f;border-radius:12px;min-width:0;padding:10px}.metric-card small{color:var(--muted);margin-bottom:5px;display:block}.metric-card strong{overflow-wrap:anywhere}.approval-card textarea{resize:vertical;background:#ffffffdb;border:1px solid #6b48222e;border-radius:12px;width:100%;min-height:82px;padding:11px}.approval-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.approval-actions button,.inline-action{cursor:pointer;color:var(--accent-deep);background:#6d2d0d14;border:0;border-radius:999px;padding:9px 12px}.approval-actions button:first-child,.inline-action{background:var(--accent-deep);color:#fff8ee}.reasoning-content{max-height:220px;overflow-y:auto}.reasoning-content span{white-space:pre-wrap;line-height:1.65}.composer-panel{flex-direction:column;gap:12px;display:flex}.composer-panel textarea{resize:vertical;background:#ffffffd6;border:1px solid #6b48222e;border-radius:18px;width:100%;min-height:116px;padding:16px}.composer-panel textarea:disabled{cursor:not-allowed;opacity:.7}.composer-actions{justify-content:space-between;align-items:end;gap:14px;display:flex}.switch-group{gap:10px;display:grid}.learning-switch button,.submit-button,.sample-card{cursor:pointer;border:0;transition:transform .18s,box-shadow .18s,background .18s}.submit-button{border-radius:999px}.learning-switch button.active{background:var(--accent-deep);color:#fff8ee}.learning-switch{grid-template-columns:repeat(3,minmax(132px,1fr));gap:8px;display:grid}.learning-switch button{text-align:left;min-height:74px;color:var(--accent-deep);background:#6d2d0d14;border-radius:14px;align-content:start;gap:4px;padding:11px 12px;display:grid}.learning-switch button:disabled{color:var(--muted);box-shadow:none;background:#6d2d0d0d;transform:none}.learning-switch button span{font-weight:700}.learning-switch button small{color:inherit;opacity:.76;line-height:1.35}.submit-button{color:#fff8ee;background:linear-gradient(135deg,#c96b2f,#7b3210);min-width:136px;padding:13px 22px;box-shadow:0 12px 24px #7b321038}.submit-button:disabled,.sample-card:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.sample-grid{gap:10px;display:grid}.sample-card{text-align:left;background:linear-gradient(135deg,#ecdbbfeb,#fff8eceb);border-radius:14px;gap:6px;padding:14px 16px;display:grid}.sample-card strong{color:#1b1a18;line-height:1.35}.sample-card small{color:var(--muted);line-height:1.35}.sample-card:hover:not(:disabled),.submit-button:hover:not(:disabled),.learning-switch button:hover:not(:disabled){transform:translateY(-1px)}@media (width<=1080px){.app-header,.top-grid,.bottom-grid,.evaluation-grid,.evaluation-detail-grid{grid-template-columns:1fr}.app-header,.capability-banner{align-items:start;display:grid}.capability-banner-meta{text-align:left;justify-items:start}.trace-panel{max-height:none}}@media (width<=720px){.app-shell{width:min(100% - 20px,1440px);padding-top:18px}.panel{border-radius:20px;padding:16px}.conversation-panel,.trace-panel{min-height:360px}.message-list{max-height:50vh}.composer-actions{flex-direction:column;align-items:stretch}.evaluation-header{flex-direction:column}.learning-switch,.evaluation-focus,.evaluation-failures,.eval-dimension-grid,.playbook-grid,.user-layout,.user-tabs,.new-user-form,.approval-actions,.metric-grid,.metric-grid.compact{grid-template-columns:1fr}.card-title-row{flex-direction:column;align-items:start}}