:root{--bg:#fff;--surface:#fff;--surface-muted:#f8fafc;--surface-hover:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--text-soft:#94a3b8;--blue:#2563eb;--blue-soft:#eff6ff;--green:#15803d;--red:#dc2626;--amber:#b45309;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);letter-spacing:0;margin:0;font-size:14px;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.app{background:#fff;grid-template-columns:236px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--surface);height:100dvh;padding:18px 14px;overflow-y:auto}.brand{align-items:center;gap:10px;margin-bottom:24px;font-weight:650;display:flex}.brand-mark{border:1px solid var(--border-strong);background:var(--surface-muted);width:28px;height:28px;font-family:var(--mono);border-radius:7px;place-items:center;font-size:12px;display:inline-grid}.nav{gap:4px;display:grid}.nav-item{width:100%;min-height:36px;color:var(--text-muted);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;display:flex}.nav-item.active,.nav-item:hover{background:var(--surface-hover);color:var(--text)}.main{background:#fff;min-width:0;height:100dvh;overflow-y:auto}.topbar{z-index:20;border-bottom:1px solid var(--border);background:#fffffffa;grid-template-columns:minmax(0,1fr) auto;gap:14px;min-height:60px;padding:10px 22px;display:grid;position:sticky;top:0}.topbar h1,.drawer-head h2{margin:0;font-size:18px;font-weight:650}.content{gap:18px;min-width:0;padding:22px;display:grid}.toolbar,.quick-actions,.result-counts,.case-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button,.icon-button,.mobile-tabs button{border:1px solid var(--border-strong);background:var(--surface);min-height:34px;color:var(--text);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:550;display:inline-flex}.button.primary{border-color:var(--blue);background:var(--blue);color:#fff}.button:disabled{cursor:not-allowed;opacity:.55}.icon-button{width:34px;padding:0}.mobile-tabs{grid-column:1/-1;gap:8px;display:none;overflow-x:auto}.mobile-tabs button.active{border-color:var(--blue);color:var(--blue)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric,.section,.transcript-drawer{border:1px solid var(--border);background:var(--surface);border-radius:8px}.metric{min-height:104px;padding:14px}.metric-label,.metric-hint,.muted{color:var(--text-muted)}.metric-label{font-size:12px}.metric-value{margin-top:8px;font-size:24px;font-weight:680}.metric-hint{font-family:var(--mono);margin-top:8px;font-size:12px}.judge-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:12px;min-width:0;padding:12px;display:grid}.judge-head,.judge-meta,.judge-chip-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.judge-head{justify-content:space-between}.judge-head h3{margin:0;font-size:14px}.judge-section{gap:7px;min-width:0;display:grid}.judge-section p{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.judge-label{color:var(--text-muted);font-size:12px;font-weight:650}.judge-chip-row .badge{white-space:normal;overflow-wrap:anywhere;height:auto;min-height:22px}.section{min-width:0;overflow:hidden}.section-header{border-bottom:1px solid var(--border);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 14px;display:flex}.section-title{margin:0;font-size:14px;font-weight:650}.split-wide{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:start;gap:18px;display:grid}.table-wrap{max-width:100%;overflow-x:auto}.table-wrap.compact table{min-width:760px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}th{color:var(--text-muted);background:#fbfdff;font-size:12px;font-weight:620}tr:last-child td{border-bottom:0}tr.selected td,tr:hover td{background:#fafafa}.mono{font-family:var(--mono);font-size:12px}.clamp{text-overflow:ellipsis;white-space:nowrap;max-width:34ch;overflow:hidden}.badge{border:1px solid var(--border);background:var(--surface-muted);max-width:100%;min-height:22px;color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:550;display:inline-flex}.badge.pass{color:var(--green);background:#f0fdf4;border-color:#bbf7d0}.badge.fail{color:var(--red);background:#fef2f2;border-color:#fecaca}.badge.warn{color:var(--amber);background:#fffbeb;border-color:#fde68a}.input{border:1px solid var(--border-strong);width:100%;min-height:36px;color:var(--text);background:#fff;border-radius:7px;padding:7px 10px}.textarea{resize:vertical;min-height:72px}.textarea.tall{min-height:112px}.run-form,.case-form{gap:12px;padding:14px;display:grid}.case-workbench{grid-template-columns:minmax(320px,.42fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.case-library-panel,.case-editor-panel{min-height:640px}.case-library-panel{grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.library-tools{border-bottom:1px solid var(--border);gap:10px;padding:12px 14px;display:grid}.segmented{border:1px solid var(--border);background:var(--surface-muted);border-radius:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:grid}.segmented button{min-height:30px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:0 8px;overflow:hidden}.segmented button.active{color:var(--text);box-shadow:inset 0 0 0 1px var(--border);background:#fff}.search-box{border:1px solid var(--border-strong);min-height:36px;color:var(--text-muted);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-box input{border:0;outline:0;width:100%;min-width:0}.library-list{max-height:580px;overflow-y:auto}.library-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.library-row.with-check{grid-template-columns:auto minmax(0,1fr) auto}.library-row.selected{border-color:var(--blue);background:#fbfdff}.case-checkbox{place-items:center;min-height:28px;display:grid}.case-row-text{text-align:left;gap:4px;min-width:0;display:grid}.tag-line,.source-line,.validation-row,.editor-actions,.publish-bar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.publish-bar{border-top:1px solid var(--border);padding:12px 14px}.guided-editor,.source-detail{gap:14px;padding:14px;display:grid}.editor-section{border-bottom:1px solid var(--border);gap:10px;min-width:0;padding-bottom:14px;display:grid}.editor-section:last-child{border-bottom:0;padding-bottom:0}.editor-section h3,.source-detail h3{margin:0;font-size:13px;font-weight:680}.field{gap:6px;min-width:0;display:grid}.field-label-row{align-items:center;gap:6px;min-width:0;display:flex;position:relative}.field-label{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;font-weight:620;display:inline-flex}.help-wrap{display:inline-flex;position:relative}.help-icon{width:22px;height:22px;color:var(--text-soft);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:inline-grid}.help-icon:hover,.help-icon[aria-expanded=true]{background:var(--surface-hover);color:var(--text)}.help-popover{z-index:35;border:1px solid var(--border-strong);width:min(320px,100vw - 42px);color:var(--text);overflow-wrap:anywhere;background:#fff;border-radius:8px;padding:10px 11px;font-size:12px;font-weight:450;line-height:1.45;position:absolute;top:26px;left:0;box-shadow:0 14px 34px #0f172a24}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-box{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;margin:0}.prehistory-editor{gap:10px;min-width:0;display:grid}.prehistory-row{grid-template-columns:140px minmax(0,1fr) auto;align-items:start;gap:8px;min-width:0;display:grid}.prehistory-actions{gap:6px;display:flex}.message-details{gap:8px;min-width:0;display:grid}.message-details summary{cursor:pointer;align-items:center;gap:8px;width:max-content;max-width:100%;display:flex}.message-read-list{gap:8px;min-width:0;display:grid}.message-read-row{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:8px 10px;line-height:1.45;display:grid}.source-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.detail-item{border:1px solid var(--border);border-radius:7px;gap:4px;min-width:0;padding:8px 10px;display:grid}.detail-item span{color:var(--text-muted);font-size:12px}.detail-item strong{overflow-wrap:anywhere;font-size:13px}.read-block{gap:5px;min-width:0;display:grid}.read-text,.read-list{overflow-wrap:anywhere;margin:0;line-height:1.5}.read-list{padding-left:18px}.wrap-anywhere{overflow-wrap:anywhere}.compact-loading{padding:8px 10px}.run-form{grid-template-columns:minmax(190px,1fr) 160px minmax(180px,1fr) 130px;align-items:end}.run-form label{color:var(--text-muted);gap:6px;font-size:12px;display:grid}.version-picker{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;display:grid}.check-row{border:1px solid var(--border);border-radius:7px;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.check-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dataset-input{width:min(100%,260px)}.alert-list,.case-list,.drawer-scroll,.bubble-list,.media-list{gap:10px;display:grid}.alert-list,.case-list,.run-detail{padding:14px}.alert-row,.case-row{border:1px solid var(--border);text-align:left;background:#fff;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr);gap:10px;width:100%;padding:10px;display:grid}.alert-row.fail{border-color:#fecaca}.alert-row.warn{border-color:#fde68a}.alert-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.compact-empty{padding:4px 2px;font-size:12px}.case-row{grid-template-columns:minmax(0,1fr) auto}.case-error{color:var(--red);margin-top:8px;font-size:12px}.progress-track{background:var(--surface-hover);border-radius:999px;height:8px;overflow:hidden}.progress-track div{background:var(--blue);height:100%}.result-counts{color:var(--text-muted);margin:12px 0;font-size:12px}.dimension-counts{gap:4px;margin:12px 0;display:grid}.dimension-counts .result-counts{margin:0}.dimension-counts .result-counts strong{min-width:62px;color:var(--text);font-weight:650}.env-summary{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin:0 0 12px;font-size:12px;display:flex}.log-box,.raw-box{border:1px solid var(--border);color:#e2e8f0;white-space:pre-wrap;background:#0f172a;border-radius:8px;max-height:260px;padding:12px;overflow:auto}.empty,.loading-row,.error{color:var(--text-muted);padding:14px}.loading-row,.error{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;align-items:center;gap:8px;display:flex}.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.transcript-drawer{z-index:50;grid-template-rows:auto minmax(0,1fr);width:min(520px,100vw - 24px);display:grid;position:fixed;top:12px;bottom:12px;right:12px;box-shadow:0 18px 44px #0f172a24}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.drawer-scroll{min-height:0;padding:14px;overflow-y:auto}.bubble{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;max-width:92%;padding:10px 11px;line-height:1.45}.bubble-role{color:var(--text-soft);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:650}.bubble.fan{background:var(--surface-muted);justify-self:start}.bubble.agent{background:var(--blue-soft);border-color:#dbeafe;justify-self:end}.bubble.tool,.bubble.system{background:#fafafa;justify-self:center;max-width:100%}.media-card{border:1px dashed var(--border-strong);background:#fff;border-radius:8px;padding:10px}.login-page{background:#fff;place-items:center;min-height:100vh;padding:24px;display:grid}.login-shell{border:1px solid var(--border);background:#fff;border-radius:8px;gap:20px;width:min(100%,420px);padding:22px;display:grid}@media (max-width:1100px){.split-wide,.case-workbench{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.run-form,.form-grid,.form-grid.two,.detail-grid,.prehistory-row{grid-template-columns:1fr 1fr}.prehistory-actions{grid-column:1/-1}}@media (max-width:760px){html,body{overflow:auto}.app{height:auto;min-height:100dvh;display:block;overflow:visible}.sidebar{display:none}.main{height:auto;min-height:100dvh;overflow:visible}.topbar{grid-template-columns:1fr;padding:14px}.mobile-tabs{display:flex}.content{padding:14px}.metric-grid,.run-form,.form-grid,.form-grid.two,.detail-grid,.prehistory-row,.message-read-row{grid-template-columns:1fr}table{min-width:680px}.case-row,.alert-row,.library-row,.library-row.with-check{grid-template-columns:1fr}.case-library-panel,.case-editor-panel{min-height:auto}.library-list{max-height:none}.source-detail-head{display:grid}.prehistory-actions{grid-column:auto}.alert-text{white-space:normal}.case-actions{justify-content:flex-start}}