:root{--bg: #FAF9F6;--surface: #FFFFFF;--surface-2: #F4F5F7;--text: #3D405B;--text-2: #6B7280;--tint: #FF8C42;--tint-soft: rgba(255, 140, 66, .14);--on-tint: #FFFFFF;--border: #E5E7EB;--error: #EF4444;--success: #22C55E;--warning: #F59E0B;--info: #60A5FA;--sage: #4F7F64;--rating: #FBBF24;--success-ink: #16A34A;--error-ink: #DC2626;--info-ink: #2563EB;--warning-ink: #C2410C;--sage-ink: #4F7F64;--success-soft: rgba(34, 197, 94, .14);--error-soft: rgba(239, 68, 68, .13);--info-soft: rgba(96, 165, 250, .16);--warning-soft: rgba(255, 140, 66, .16);--sage-soft: rgba(79, 127, 100, .16);--overlay: rgba(15, 23, 42, .45);--glass: rgba(250, 249, 246, .72);--shadow: 0 10px 30px rgba(61, 64, 91, .06);--shadow-sm: 0 2px 8px rgba(61, 64, 91, .05);--shadow-tint: 0 6px 16px rgba(255, 140, 66, .25);--radius: 24px;--radius-sm: 16px;--radius-xs: 12px;--radius-chip: 999px;--t-display: 34px;--t-h1: 28px;--t-h2: 22px;--t-body: 17px;--t-body-sm: 15px;--t-caption: 13px;--t-micro: 11px;--label-tracking: .06em;--font-head: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sidebar-w: 232px;--hit: 44px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0F172A;--surface: #1E293B;--surface-2: #334155;--text: #F3F4F6;--text-2: #94A3B8;--tint: #E07A5F;--tint-soft: rgba(224, 122, 95, .18);--border: rgba(255, 255, 255, .1);--error: #F87171;--success: #4ADE80;--warning: #FBBF24;--info: #93C5FD;--success-ink: #4ADE80;--error-ink: #F87171;--info-ink: #93C5FD;--warning-ink: #FDBA74;--sage-ink: #8FBFA3;--overlay: rgba(0, 0, 0, .55);--glass: rgba(30, 41, 59, .7);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-tint: 0 6px 16px rgba(224, 122, 95, .3);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;margin:0;letter-spacing:-.01em}h1{font-size:var(--t-h1);letter-spacing:-.02em}h2{font-size:var(--t-body)}h3{font-size:var(--t-body-sm)}a{color:var(--tint);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--font-mono);font-size:12.5px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--tint);outline-offset:2px;border-radius:8px}::selection{background:var(--tint-soft)}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:none;position:sticky;top:0;height:100vh;padding:24px 16px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 22px}.brand-mark{width:34px;height:34px;border-radius:var(--radius-xs);background:var(--tint);display:grid;place-items:center;color:var(--on-tint);font-family:var(--font-head);font-weight:600;font-size:15px;box-shadow:var(--shadow-tint)}.brand-name{font-family:var(--font-head);font-weight:600;font-size:16px;line-height:1.1}.brand-sub{font-size:var(--t-micro);color:var(--text-2);text-transform:uppercase;letter-spacing:var(--label-tracking)}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:40px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link.active{background:var(--tint-soft);color:var(--tint)}.nav-link svg{width:18px;height:18px;flex:none}.nav-badge{margin-left:auto;font-size:var(--t-micro);background:var(--tint);color:var(--on-tint);border-radius:var(--radius-chip);padding:1px 7px;font-weight:600}.sidebar-foot{margin-top:auto;padding:8px 12px;font-size:11px;color:var(--text-2)}.sidebar-foot .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:6px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:14px 28px;background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--border)}.header h1{font-size:var(--t-h2)}.header .crumbs{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.header .crumbs a{color:var(--text-2)}.header .spacer{flex:1}.header .actions{display:flex;gap:8px;align-items:center}.content{padding:24px 28px 48px;display:flex;flex-direction:column;gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px 22px}.card-head{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border)}.card-head h2{flex:1}.grid{display:grid;gap:16px}.grid-tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 1100px){.grid-2,.grid-3{grid-template-columns:1fr}}.tile{padding:18px 20px;display:flex;flex-direction:column;gap:6px}.tile-label{font-size:var(--t-micro);color:var(--text-2);font-weight:600;text-transform:uppercase;letter-spacing:var(--label-tracking)}.tile-value{font-family:var(--font-head);font-size:var(--t-h1);font-weight:600;line-height:1.1}.tile-sub{font-size:var(--t-caption);color:var(--text-2)}.tile-sub.up{color:var(--success)}.tile-sub.down{color:var(--error)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:600;color:var(--text-2);font-size:var(--t-micro);text-transform:uppercase;letter-spacing:var(--label-tracking);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:0}tr.row-link{cursor:pointer;transition:background .12s}tr.row-link:hover,tr.row-link:focus-within{background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.mono{white-space:nowrap}.ellipsis{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--text-2)}.small{font-size:var(--t-caption)}.nowrap{white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-chip);font-size:var(--t-micro);font-weight:600;line-height:18px;background:var(--surface-2);color:var(--text-2);white-space:nowrap;letter-spacing:.01em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.completed,.badge.approved,.badge.ok,.badge.active,.badge.high{background:var(--success-soft);color:var(--success-ink)}.badge.failed,.badge.rejected,.badge.error{background:var(--error-soft);color:var(--error-ink)}.badge.processing,.badge.running,.badge.start{background:var(--info-soft);color:var(--info-ink)}.badge.pending,.badge.low{background:var(--warning-soft);color:var(--warning-ink)}.badge.info{background:var(--surface-2);color:var(--text-2)}.badge.plain:before{display:none}.chip{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--radius-chip);font-size:var(--t-micro);font-weight:500;background:var(--surface-2);color:var(--text-2)}.chip.tint{background:var(--tint-soft);color:var(--tint)}.chip.optimizer{background:var(--sage-soft);color:var(--sage-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;min-height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:500;cursor:pointer;transition:background .12s,transform .05s,box-shadow .12s,opacity .12s;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--tint);border-color:var(--tint);color:var(--on-tint);box-shadow:var(--shadow-tint)}.btn.primary:hover{filter:brightness(1.05);background:var(--tint)}.btn.danger{color:var(--error-ink);border-color:var(--error-soft)}.btn.danger:hover{background:var(--error-soft)}.btn.success{color:var(--success-ink);border-color:var(--success-soft)}.btn.success:hover{background:var(--success-soft)}.btn.sm{padding:5px 11px;min-height:30px;font-size:var(--t-caption);border-radius:var(--radius-xs)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.input,.select,.textarea{width:100%;padding:9px 14px;min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--tint);box-shadow:0 0 0 3px var(--tint-soft)}.input.sm,.select.sm{padding:5px 10px;min-height:32px;border-radius:var(--radius-xs);font-size:var(--t-caption)}.textarea{resize:vertical;min-height:90px;line-height:1.55}.textarea.mono{font-family:var(--font-mono);font-size:12.5px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat}.field{display:flex;flex-direction:column;gap:5px}.field label,.label{font-size:var(--t-micro);font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:var(--label-tracking)}.field .hint{font-size:var(--t-caption);color:var(--text-2);text-transform:none;letter-spacing:0;font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle .track{width:42px;height:24px;border-radius:var(--radius-chip);background:var(--surface-2);border:1px solid var(--border);position:relative;transition:background .15s}.toggle .track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--on-tint);box-shadow:0 1px 3px #00000040;transition:transform .15s}.toggle input:checked+.track{background:var(--tint);border-color:var(--tint)}.toggle input:checked+.track:after{transform:translate(18px)}.toggle input:focus-visible+.track{outline:2px solid var(--tint);outline-offset:2px}.unit{display:flex;align-items:center;gap:8px}.unit .input{flex:1}.unit span{color:var(--text-2);font-size:var(--t-caption);white-space:nowrap}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filters .select,.filters .input{width:auto;min-width:150px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);padding:0 6px}.tab{padding:10px 14px;min-height:40px;border:0;background:transparent;color:var(--text-2);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--tint);border-bottom-color:var(--tint)}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:8px;min-height:14px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.4s infinite}@media (prefers-color-scheme: dark){.skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-rows{display:flex;flex-direction:column;gap:10px;padding:18px 22px}.state{padding:40px 20px;text-align:center;color:var(--text-2);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--t-body-sm)}.state .icon{width:64px;height:64px;border-radius:var(--radius-sm);background:var(--tint-soft);color:var(--tint);display:grid;place-items:center;font-size:22px;margin-bottom:8px}.state .icon svg{width:28px;height:28px}.state h3{color:var(--text);font-size:var(--t-body)}.state p{margin:0;max-width:400px;line-height:1.45}.state .btn{margin-top:12px}.state.error .icon{background:var(--error-soft);color:var(--error)}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--tint);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.refresh-dot{width:8px;height:8px;border-radius:50%;background:var(--tint);opacity:0;transition:opacity .2s}.refresh-dot.on{opacity:1;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.toaster{position:fixed;right:20px;bottom:20px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);font-size:13px;animation:toast-in .2s ease-out}.toast-error{border-left:4px solid var(--error)}.toast-success{border-left:4px solid var(--success)}.toast-info{border-left:4px solid var(--info)}.toast-x{margin-left:auto;border:0;background:transparent;color:var(--text-2);font-size:18px;cursor:pointer;line-height:1}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);width:min(640px,100%);max-height:90vh;display:flex;flex-direction:column}.modal.wide{width:min(960px,100%)}.modal-head{display:flex;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h2{flex:1}.modal-body{padding:20px 22px;overflow:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;gap:8px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--border)}.overlay.drawer{justify-content:flex-end;padding:0}.drawer-panel{width:min(560px,100%);height:100%;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column}.drawer-panel .modal-body{flex:1}.x-btn{border:0;background:transparent;color:var(--text-2);font-size:20px;cursor:pointer;width:36px;height:36px;border-radius:50%}.x-btn:hover{background:var(--surface-2)}.code{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px;overflow:auto;max-height:460px;white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5}.code.tall{max-height:720px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:13px}.kv dt{color:var(--text-2)}.kv dd{margin:0;overflow-wrap:anywhere}details.trace-data>summary{cursor:pointer;color:var(--text-2);font-size:12.5px;-webkit-user-select:none;user-select:none}.timeline{display:flex;flex-direction:column}.tl-node{display:grid;grid-template-columns:28px 1fr;gap:0 14px}.tl-rail{display:flex;flex-direction:column;align-items:center}.tl-dot{width:14px;height:14px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--border);background:var(--text-2);margin-top:16px;flex:none}.tl-dot.ok{background:var(--success)}.tl-dot.error{background:var(--error)}.tl-dot.start{background:var(--info);animation:pulse 1.2s infinite}.tl-line{width:2px;flex:1;background:var(--border)}.tl-node:last-child .tl-line{background:transparent}.tl-body{padding:10px 0 18px}.tl-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tl-stage{font-family:var(--font-head);font-weight:600;font-size:var(--t-body-sm);text-transform:capitalize}.tl-msg{color:var(--text-2);font-size:var(--t-caption)}.tl-bar{height:6px;border-radius:var(--radius-chip);background:var(--surface-2);margin:8px 0 6px;overflow:hidden;max-width:420px}.tl-bar>div{height:100%;background:var(--tint);border-radius:var(--radius-chip)}.tl-bar.error>div{background:var(--error)}.tl-extras{display:flex;flex-direction:column;gap:10px;margin-top:8px}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.clip{border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.clip video,.clip img{width:100%;aspect-ratio:9 / 14;object-fit:cover;display:block;background:#000}.clip .cap{padding:6px 9px;font-size:var(--t-micro);color:var(--text-2)}.cover-thumb{width:120px;border-radius:var(--radius-sm);object-fit:cover;aspect-ratio:9/14;border:1px solid var(--border);background:var(--surface-2)}.usage{display:flex;gap:18px;flex-wrap:wrap}.usage div{display:flex;flex-direction:column}.usage b{font-family:var(--font-head);font-weight:600;font-size:var(--t-body-sm)}.usage span{font-size:var(--t-micro);color:var(--text-2);text-transform:uppercase;letter-spacing:var(--label-tracking)}.review-layout{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:20px;align-items:start}@media (max-width: 1000px){.review-layout{grid-template-columns:1fr}}.review-layout .sticky{position:sticky;top:80px}.player{width:100%;border-radius:var(--radius-sm);background:#000;aspect-ratio:9/16;max-height:62vh;display:block}.thumb{width:44px;height:58px;border-radius:10px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border);display:block}.ing-row{display:grid;grid-template-columns:70px 92px 1fr 130px auto auto;gap:8px;align-items:center}.ing-row .raw{grid-column:3 / -1;font-size:var(--t-caption);color:var(--text-2);font-style:italic;padding-left:2px}.step-row{display:grid;grid-template-columns:28px 1fr 84px auto auto;gap:8px;align-items:start}.step-row .n{font-family:var(--font-head);font-weight:600;color:var(--text-2);padding-top:9px;text-align:center}.list-gap{display:flex;flex-direction:column;gap:10px}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:grid;place-items:center;color:var(--text-2)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.tint{color:var(--tint);border-color:var(--tint-soft)}.stars{display:flex;gap:2px}.stars button{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--border);padding:0 1px;min-width:28px;min-height:28px}.stars button.on{color:var(--rating)}.diff{font-family:var(--font-mono);font-size:12.5px;border-radius:var(--radius-sm);overflow:auto;border:1px solid var(--border);max-height:640px}.diff-line{display:grid;grid-template-columns:40px 40px 1fr;line-height:1.55}.diff-line .ln{color:var(--text-2);text-align:right;padding:0 8px;-webkit-user-select:none;user-select:none;background:var(--surface-2);font-size:11px}.diff-line .tx{padding:0 10px;white-space:pre-wrap;word-break:break-word}.diff-line.add{background:var(--success-soft)}.diff-line.del{background:var(--error-soft)}.diff-line.add .tx:before{content:"+ ";color:var(--success-ink)}.diff-line.del .tx:before{content:"− ";color:var(--error-ink)}.diff-line.eq .tx:before{content:"  "}.diff-stats{display:flex;gap:10px;font-size:var(--t-caption)}.diff-stats .add{color:var(--success-ink)}.diff-stats .del{color:var(--error-ink)}.delta.up{color:var(--success-ink);font-weight:600}.delta.down{color:var(--error-ink);font-weight:600}.delta.flat{color:var(--text-2)}.diff-table td.changed{background:var(--warning-soft)}.prompts-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}@media (max-width: 1000px){.prompts-layout{grid-template-columns:1fr}}.version-group+.version-group{margin-top:14px}.version-group h3{padding:8px 12px 6px;color:var(--text-2);font-size:var(--t-micro);text-transform:uppercase;letter-spacing:var(--label-tracking)}.version-item{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;text-align:left;padding:9px 12px;border-radius:var(--radius-sm);border:0;background:transparent;cursor:pointer;color:var(--text)}.version-item:hover{background:var(--surface-2)}.version-item.selected{background:var(--tint-soft)}.version-item .v{font-family:var(--font-head);font-weight:600;min-width:28px}.version-item .meta{margin-left:auto;font-size:var(--t-micro);color:var(--text-2)}.score-bar{display:inline-block;width:60px;height:6px;border-radius:var(--radius-chip);background:var(--surface-2);vertical-align:middle;margin-right:8px;overflow:hidden}.score-bar>i{display:block;height:100%;background:var(--tint)}.pill-list{display:flex;flex-wrap:wrap;gap:6px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.score-pill{display:inline-block;min-width:40px;text-align:center;padding:1px 7px;border-radius:var(--radius-chip);font-size:var(--t-caption);font-weight:600;font-variant-numeric:tabular-nums;background:var(--surface-2);color:var(--text-2)}.score-pill.good{background:var(--success-soft);color:var(--success-ink)}.score-pill.mid{background:var(--warning-soft);color:var(--warning-ink)}.score-pill.bad{background:var(--error-soft);color:var(--error-ink)}.chip-row{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}.ftype{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:var(--radius-chip);font-size:var(--t-micro);font-weight:500;border:1px solid transparent;background:var(--surface-2);color:var(--text-2);white-space:nowrap;font-family:inherit}.ftype b{font-weight:600;opacity:.8}.ftype.ingredient{background:var(--warning-soft);color:var(--warning-ink)}.ftype.step{background:var(--info-soft);color:var(--info-ink)}.ftype.scalar{background:var(--sage-soft);color:var(--sage-ink)}.ftype.fatal{background:var(--error-soft);color:var(--error-ink)}button.ftype{cursor:pointer}button.ftype:hover,.ftype.active{border-color:currentColor}.chip.split-holdout{background:var(--info-soft);color:var(--info-ink)}.chip.split-train{background:var(--surface-2);color:var(--text-2)}.chip.split-mixed,.chip.split-all{background:var(--sage-soft);color:var(--sage-ink)}.chip.diff-easy{background:var(--success-soft);color:var(--success-ink)}.chip.diff-medium{background:var(--warning-soft);color:var(--warning-ink)}.chip.diff-hard{background:var(--error-soft);color:var(--error-ink)}.chip.flaky{background:var(--warning-soft);color:var(--warning-ink);font-weight:600}.chip.judge{background:var(--sage-soft);color:var(--sage-ink)}.star-btn{border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1;color:var(--border);padding:2px 4px;border-radius:8px}.star-btn:hover{color:var(--rating);background:var(--surface-2)}.star-btn.on{color:var(--rating)}.star-btn:disabled{cursor:default}.gate{border-radius:var(--radius-sm);border:1px solid var(--border);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.gate.pass{background:var(--success-soft);border-color:transparent}.gate.fail{background:var(--error-soft);border-color:transparent}.gate-head{display:flex;gap:12px;align-items:flex-start}.gate-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;flex:none;color:var(--on-tint)}.gate.pass .gate-mark{background:var(--success)}.gate.fail .gate-mark{background:var(--error)}.gate-title{font-family:var(--font-head);font-weight:600;font-size:var(--t-body-sm)}.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:var(--t-caption)}.checks li{display:grid;grid-template-columns:10px 110px 1fr;gap:10px;align-items:baseline}.check-dot{width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block;position:relative;top:-1px}.checks li.bad .check-dot{background:var(--error)}.check-name{font-weight:600;text-transform:capitalize}.check-detail{color:var(--text-2);overflow-wrap:anywhere}.gate.fail .check-detail{color:var(--text)}.pop{position:relative;display:inline-block}.pop-trigger{border:0;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:6px}.judge-trigger{display:inline-flex;align-items:center;gap:6px}.judge-trigger .small{text-decoration:underline dotted}.pop-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:min(420px,80vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:14px 16px;text-align:left;font-size:13px;white-space:normal;cursor:default}.pop-panel.right{left:auto;right:0}.rubric{display:flex;flex-direction:column;gap:6px}.rubric-row{display:grid;grid-template-columns:96px 1fr 40px;gap:10px;align-items:center;font-size:var(--t-caption)}.rubric-k{text-transform:capitalize;color:var(--text-2)}.rubric-v{text-align:right;font-variant-numeric:tabular-nums}.rubric-row .score-bar{width:100%;margin:0}.rationale{margin:0;line-height:1.5}.tag-input{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-height:40px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.tag-input:focus-within{border-color:var(--tint);box-shadow:0 0 0 3px var(--tint-soft)}.tag-input.compact{min-height:30px;padding:2px 6px;border-radius:var(--radius-xs);border-color:transparent;background:transparent}.tag-input.compact:hover{border-color:var(--border)}.tag-input.disabled{background:transparent;border-color:transparent;padding:0;min-height:0}.tag-input input{border:0;outline:0;background:transparent;min-width:70px;flex:1;font-size:var(--t-caption);padding:3px 2px}.tag-input .chip button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 0 0 4px;font-size:12px;line-height:1}.select.inline{width:auto;min-height:28px;padding:2px 26px 2px 8px;font-size:var(--t-caption);border-radius:var(--radius-xs);border-color:transparent;background-color:transparent}.select.inline:hover{border-color:var(--border);background-color:var(--surface)}td .tag-input.compact{max-width:260px}.coverage{display:flex;flex-wrap:wrap;gap:8px}.coverage .gap{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-chip);background:var(--warning-soft);color:var(--warning-ink);font-size:var(--t-caption)}.coverage .gap .kind{font-size:var(--t-micro);text-transform:uppercase;letter-spacing:var(--label-tracking);opacity:.8}.coverage .gap b{font-weight:600}.chart{display:flex;flex-direction:column;gap:8px}.chart-svg{width:100%;height:auto;display:block}.chart-grid{stroke:var(--border);stroke-width:1}.chart-tick{fill:var(--text-2);font-size:10px;font-family:var(--font-body)}.chart-cursor{stroke:var(--text-2);stroke-dasharray:3 3}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:var(--t-caption);color:var(--text-2);align-items:center}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.chart-legend b{color:var(--text);font-variant-numeric:tabular-nums}.chart-empty{padding:24px 0;text-align:center}.field-bars{display:flex;flex-direction:column;gap:7px}.fb-row{display:grid;grid-template-columns:170px 1fr 44px 52px;gap:10px;align-items:center;font-size:var(--t-caption)}.fb-label{color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-track{position:relative;height:10px;border-radius:var(--radius-chip);background:var(--surface-2);overflow:visible}.fb-fill{position:absolute;left:0;top:0;height:100%;border-radius:var(--radius-chip);background:var(--tint)}.fb-fill.good{background:var(--success)}.fb-fill.mid{background:var(--warning)}.fb-fill.bad{background:var(--error)}.fb-base{position:absolute;top:-3px;width:2px;height:16px;background:var(--text);border-radius:2px;transform:translate(-1px)}.fb-threshold{position:absolute;top:-2px;width:1px;height:14px;border-left:1px dashed var(--text-2)}.fb-val{text-align:right;font-variant-numeric:tabular-nums}.fb-legend{display:flex;align-items:center;gap:6px;margin-top:2px}.fb-base-legend{display:inline-block;width:2px;height:12px;background:var(--text);border-radius:2px}.delta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.delta-cell{padding:10px 12px;border-radius:var(--radius-xs);background:var(--surface-2);display:flex;flex-direction:column;gap:2px}.delta-cell .k{font-size:var(--t-micro);text-transform:uppercase;letter-spacing:var(--label-tracking);color:var(--text-2);font-weight:600}.delta-cell .v{font-family:var(--font-head);font-weight:600;font-size:var(--t-body)}.delta-cell .s{font-size:var(--t-micro);color:var(--text-2);font-variant-numeric:tabular-nums}.fail-group{border-top:1px solid var(--border)}.fail-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 22px}.fail-group>summary::-webkit-details-marker{display:none}.fail-group>summary .caret{color:var(--text-2);transition:transform .15s}.fail-group[open]>summary .caret{transform:rotate(90deg)}.fail-item{display:grid;grid-template-columns:minmax(200px,1.2fr) 2fr auto;gap:16px;padding:12px 22px 14px 46px;border-top:1px solid var(--border);align-items:start}@media (max-width: 1000px){.fail-item{grid-template-columns:1fr}}.fail-item .who{display:flex;flex-direction:column;gap:4px;min-width:0}.fail-item .who .t{font-weight:500}.frag{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12.5px}.frag>div{border-radius:var(--radius-xs);padding:8px 10px;background:var(--surface-2);min-width:0}.frag .fl{font-size:var(--t-micro);text-transform:uppercase;letter-spacing:var(--label-tracking);color:var(--text-2);font-weight:600;margin-bottom:4px}.frag pre{margin:0;font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.frag .exp{background:var(--success-soft)}.frag .act{background:var(--error-soft)}.frag-detail{grid-column:1 / -1;color:var(--text-2);font-size:var(--t-caption)}.fail-item .acts{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:120px}.weight-row{display:grid;grid-template-columns:150px 1fr 64px;gap:12px;align-items:center;font-size:var(--t-caption)}.weight-row label{color:var(--text-2)}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-chip);background:linear-gradient(to right,var(--tint) 0 var(--pct, 0%),var(--surface-2) var(--pct, 0%) 100%);outline:none}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid var(--tint);box-shadow:var(--shadow-sm);cursor:pointer}input[type=range].slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--tint);cursor:pointer}input[type=range].slider:focus-visible{outline:2px solid var(--tint);outline-offset:4px}.weight-sum{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-chip);font-size:var(--t-caption);font-weight:600;background:var(--success-soft);color:var(--success-ink)}.weight-sum.bad{background:var(--error-soft);color:var(--error-ink)}.picker{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px}.picker label{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;cursor:pointer;font-size:var(--t-caption)}.picker label.on{background:var(--tint-soft)}.picker label .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-row{display:flex;gap:6px}.radio-row label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--t-caption)}.radio-row label.on{border-color:var(--tint);background:var(--tint-soft);color:var(--tint);font-weight:600}.radio-row input{position:absolute;opacity:0;width:0;height:0}.drawer-panel.wide{width:min(760px,100%)}.scorecard{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:12px 22px;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:var(--t-caption)}.scorecard .sc{display:flex;flex-direction:column}.scorecard .sc b{font-family:var(--font-head);font-size:var(--t-body-sm);font-weight:600}.scorecard .sc span{font-size:var(--t-micro);color:var(--text-2);text-transform:uppercase;letter-spacing:var(--label-tracking)}.version-item .vscore{margin-left:4px}.mini-table td,.mini-table th{padding:6px 10px}.kv-inline{display:inline-flex;gap:12px;flex-wrap:wrap;font-size:var(--t-caption);color:var(--text-2)}.kv-inline b{color:var(--text);font-weight:500}.result-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1000px){.result-detail{grid-template-columns:1fr}}.result-detail ul{margin:0;padding-left:18px}.subhead{display:flex;align-items:center;gap:10px;padding:12px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.subhead h3{flex:1}.text-error{color:var(--error-ink)}.label-chip{font-family:var(--font-mono);font-size:11px}.field .toggle>span:not(.track),.picker label,.radio-row label,.field .row>label{text-transform:none;letter-spacing:0;font-weight:400;color:var(--text);font-size:var(--t-caption)}.radio-row label.on{font-weight:600;color:var(--tint)}td .row-link-notes{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:16px;align-items:start}@media (max-width: 960px){.method-grid{grid-template-columns:1fr}}.method-card{display:flex;flex-direction:column;gap:12px;padding:18px 20px;scroll-margin-top:96px;transition:box-shadow .2s,border-color .2s}.method-card.flash{border-color:var(--tint);box-shadow:0 0 0 3px var(--tint-soft),var(--shadow)}.method-head{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.method-head h3{flex:1;min-width:200px;font-size:var(--t-body);line-height:1.3}.method-head .chip-row{padding-top:3px}.method-card p{margin:0;font-size:var(--t-body-sm);line-height:1.55}.method-card .label{display:block;margin-bottom:4px}.loc{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;background:var(--surface-2);border-radius:var(--radius-xs);padding:6px 8px 6px 10px;overflow-wrap:anywhere}.loc>span:first-child{flex:1}.loc .sym{color:var(--text-2)}.loc.missing{background:var(--error-soft);color:var(--error-ink)}.loc .btn{flex-shrink:0}.param-table{width:100%;border-collapse:collapse;font-size:var(--t-caption)}.param-table td{padding:5px 8px;vertical-align:top;border-bottom:1px solid var(--border)}.param-table tr:last-child td{border-bottom:0}.param-table td.k{font-family:var(--font-mono);font-size:12px;color:var(--text-2);white-space:nowrap;width:1%}.param-table td.v{overflow-wrap:anywhere}.param-table td.e{text-align:right;white-space:nowrap;width:1%}.param-table pre.code{padding:8px 10px;font-size:11.5px;max-height:220px}.param-table details>summary{cursor:pointer;color:var(--text-2);font-size:12px}.param-table .note{color:var(--text-2);font-size:var(--t-micro)}.io{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:var(--t-caption)}.io dt{color:var(--text-2)}.io dd{margin:0}.limits{margin:0;padding-left:18px;font-size:var(--t-caption);color:var(--text-2);display:flex;flex-direction:column;gap:3px}.try-box{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:var(--glass)}.try-box .textarea{min-height:120px}.trace-list{margin:0;padding-left:20px;font-size:var(--t-caption);display:flex;flex-direction:column;gap:4px;line-height:1.45}.trace-list li::marker{color:var(--text-2)}.area-nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.area-nav button.chip{cursor:pointer;padding:5px 11px;font-size:var(--t-caption);border:1px solid transparent;font-family:inherit}.area-nav button.chip:hover{border-color:var(--border)}.area-nav button.chip.on{background:var(--tint-soft);color:var(--tint);border-color:var(--tint)}.area-nav button.chip b{margin-left:5px;opacity:.75;font-weight:600}.method-section{display:flex;flex-direction:column;gap:12px;scroll-margin-top:96px}.method-section .section-head h2{margin:0}.method-section .section-head p{margin:2px 0 0;color:var(--text-2);font-size:var(--t-body-sm)}.warn-banner{display:flex;gap:12px;align-items:flex-start;background:var(--warning-soft);color:var(--warning-ink);border-radius:var(--radius-sm);padding:12px 16px;font-size:var(--t-caption)}.warn-banner b{display:block;font-size:var(--t-body-sm);margin-bottom:2px}.warn-banner ul{margin:4px 0 0;padding-left:18px}.method-link{text-decoration:none}.method-link:hover{text-decoration:underline}.th-link{color:inherit;text-decoration:none;border-bottom:1px dotted var(--text-2)}.th-link:hover{color:var(--tint)}.cell-link{text-decoration:none}.check-chip{font-size:var(--t-micro)}.field.focused .input,.field.focused .select,.field.focused .textarea,.field.focused .slider,.weight-row.focused{box-shadow:0 0 0 3px var(--tint-soft);border-radius:var(--radius-sm)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(60% 50% at 12% 10%,var(--tint-soft) 0%,transparent 70%),radial-gradient(50% 45% at 90% 90%,var(--sage-soft) 0%,transparent 70%),var(--bg)}.login-card{width:min(400px,100%);display:flex;flex-direction:column;gap:16px;padding:30px 30px 24px;margin:0;background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.login-card .brand{padding:0 0 4px}.login-card h1{font-size:var(--t-h2)}.login-lead{margin:4px 0 0;color:var(--text-2);font-size:var(--t-caption);line-height:1.5}.login-lead b{color:var(--text);font-weight:600}.login-error{display:flex;gap:10px;align-items:flex-start;background:var(--error-soft);color:var(--error-ink);border-radius:var(--radius-sm);padding:10px 14px;font-size:var(--t-caption);line-height:1.45}.login-error svg{width:18px;height:18px;flex:none;margin-top:1px}.login-submit{width:100%;min-height:42px;margin-top:4px}.login-foot{text-align:center;font-size:var(--t-micro);color:var(--text-2)}.sidebar-foot{display:flex;flex-direction:column;gap:8px}.sidebar-foot .api-status{display:flex;align-items:center;gap:6px;min-width:0}.sidebar-foot .api-status>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot .api-status .mono{font-size:11px}.sidebar-foot .dot{flex:none;margin-right:0}.sidebar-foot .dot.checking{background:var(--warning)}.sidebar-foot .dot.down{background:var(--error)}.sidebar-foot .who{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--border)}.sidebar-foot .who-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500}.sidebar-foot .who .btn{flex:none}
