:root{--surface: #faf8ff;--surface-lowest: #ffffff;--surface-low: #f3f3fe;--surface-container: #ededf9;--surface-high: #e7e7f3;--outline: #737686;--outline-variant: #c3c6d7;--text: #191b23;--text-variant: #434655;--primary: #004ac6;--primary-hover: #0053db;--secondary-container: #d5e3fc;--success: #059669;--success-bg: #d1fae5;--warning: #b06000;--warning-bg: #fef3c7;--error: #ba1a1a;--error-bg: #ffdad6;--inverse: #2e3039;--inverse-text: #f0f0fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--surface);font-size:13px;line-height:18px}button,input,select,textarea{font:inherit}code,pre{font-family:JetBrains Mono,ui-monospace,monospace}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--surface)}.sidebar{width:240px;flex:0 0 240px;display:flex;flex-direction:column;border-right:1px solid var(--outline-variant);background:var(--surface-low)}.brand{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--outline-variant)}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:4px;color:#fff;background:var(--primary);font-weight:800}.brand-name{font-size:16px;line-height:20px;font-weight:700;color:var(--primary)}.brand-subtitle,.section-label,label{font-size:11px;line-height:16px;letter-spacing:.05em;font-weight:600;color:var(--text-variant)}.nav-list{display:flex;flex-direction:column;gap:4px;padding:12px 8px}.nav-item{height:34px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:4px;color:var(--text-variant);background:transparent;cursor:pointer;text-align:left}.nav-item.active{color:#36445c;background:var(--secondary-container);font-weight:600}.main-shell{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--outline-variant);background:var(--surface)}.breadcrumbs{display:flex;gap:12px;align-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.breadcrumbs strong{color:var(--primary)}.top-actions,.button-row,.form-footer,.settings-footer{display:flex;align-items:center;gap:8px}.action-state{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-variant);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.divider{width:1px;height:22px;background:var(--outline-variant);margin:0 6px}.button{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;border-radius:3px;border:1px solid var(--outline-variant);cursor:pointer;font-weight:600;color:var(--text);background:var(--surface-lowest)}.button.primary{border-color:var(--primary);color:#fff;background:var(--primary)}.button.primary:hover{background:var(--primary-hover)}.button.secondary:hover,.button.ghost:hover{background:var(--surface-container)}.button:disabled{opacity:.48;cursor:not-allowed}.button.full{width:100%}.button.ghost{background:transparent}.page-canvas{flex:1;overflow:auto;padding:16px}.panel,.metric-card,.provider-card,.production-banner,.connection-banner{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:6px}.panel h1,.panel h2,.page-header h1{margin:0;font-size:20px;line-height:28px}.panel h2{font-size:16px;line-height:24px}.metric-row{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:16px}.metric-card{min-height:94px;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.metric-label{display:flex;justify-content:space-between;gap:8px;color:var(--text-variant);font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.metric-value{font-size:24px;line-height:30px;font-weight:700}.metric-value small{margin-left:4px;color:var(--text-variant);font-size:12px;font-weight:400}.overview-grid,.compare-page,.releases-page,.gateway-page,.registry-page{display:flex;flex-direction:column;gap:16px;min-height:100%}.overview-columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.35fr) minmax(420px,1.7fr);gap:16px;min-height:0}.versions-panel,.readiness-panel,.runs-panel{padding:16px}.field-block{margin-top:16px}.field-block label,.promotion-form label,.config-card label{display:block;margin:12px 0 6px;text-transform:uppercase}.version-row{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:3px}.status-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--outline-variant);font-size:11px;font-weight:700;color:var(--text-variant);background:var(--surface-container);white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-production,.status-passed,.status-success,.status-promoted,.status-improved{color:#137333;border-color:#a8ddb5;background:var(--success-bg)}.status-candidate,.status-warning,.status-running{color:var(--warning);border-color:#f5e3a9;background:var(--warning-bg)}.status-failed,.status-blocked,.status-regressed{color:var(--error);border-color:#f3b3ad;background:var(--error-bg)}.gate-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0}.gate-row div{display:flex;flex-direction:column}.gate-row strong{font-size:15px}.gate-row span{color:var(--text-variant)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--outline-variant)}table{width:100%;border-collapse:collapse}th{height:34px;padding:0 10px;color:var(--text-variant);background:var(--surface-low);border-bottom:1px solid var(--outline-variant);font-size:11px;letter-spacing:.05em;text-align:left;text-transform:uppercase}td{height:36px;padding:0 10px;border-bottom:1px solid #e1e2ed}tr.selected{background:#b4c5ff38}.num{text-align:right}.linkish,.ok-text{color:var(--primary)}.ok{color:var(--success)}.bad,.bad-text{color:var(--error)}.empty-cell{color:var(--text-variant);text-align:center;padding:24px}.toolbar{height:72px;display:flex;align-items:center;gap:16px;padding:12px 16px}input,select,textarea{border:1px solid var(--outline-variant);border-radius:3px;background:var(--surface-lowest);color:var(--text);min-height:32px;padding:6px 10px}textarea{resize:none}.chip-button{border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-lowest);min-height:32px;padding:0 12px}.split-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(560px,2fr);gap:16px;flex:1;min-height:620px}.version-history,.prompt-editor{overflow:hidden}.version-history .panel-title-row,.prompt-editor .editor-header{padding:12px 16px}.editor-header,.version-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.version-heading span{display:inline-flex;align-items:center;gap:4px;color:var(--text-variant)}.tabs{display:flex;gap:24px;padding:0 16px;border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);background:var(--surface-low)}.tabs button{height:44px;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.code-editor{min-height:560px;margin:0;padding:20px;white-space:pre-wrap;color:var(--inverse-text);background:var(--inverse);font-size:13px;line-height:20px}.eval-workspace{display:grid;grid-template-columns:220px minmax(430px,1fr) minmax(560px,760px);height:calc(100vh - 80px);margin:-16px}.dataset-rail{border-right:1px solid var(--outline-variant);background:var(--surface-lowest)}.rail-header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--outline-variant);background:var(--surface-low);font-size:11px;letter-spacing:.05em;font-weight:700;text-transform:uppercase}.dataset-item{height:34px;margin:8px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-radius:4px}.dataset-item.active{background:var(--secondary-container)}.dataset-item b{min-width:28px;text-align:center;border-radius:999px;background:var(--surface-lowest);border:1px solid var(--outline-variant)}.eval-table{border-radius:0;border-top:0;border-bottom:0;overflow:auto}.eval-table .panel-title-row{min-height:48px;padding:8px 14px}.score-bar{display:flex;align-items:center;gap:8px}.score-bar i{display:block;height:6px;max-width:72px;border-radius:999px;background:var(--primary)}.case-drawer{border-left:1px solid var(--outline-variant);background:var(--surface);overflow:auto}.case-drawer>header{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--outline-variant);background:var(--surface-low)}.case-drawer h2{margin:0}.drawer-icons{display:flex;gap:12px}.drawer-content{padding:16px;display:flex;flex-direction:column;gap:16px}.json-grid,.diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.json-panel,.mini-panel{border:1px solid var(--outline-variant);border-radius:4px;overflow:hidden;background:var(--surface-lowest)}.json-panel header,.mini-panel h3{margin:0;padding:8px 10px;border-bottom:1px solid var(--outline-variant);background:var(--surface-low);color:var(--text-variant);font-size:11px;letter-spacing:.05em}.json-panel pre{height:260px;margin:0;padding:10px;overflow:auto;white-space:pre-wrap;font-size:12px;line-height:18px;background:var(--surface-lowest)}.json-panel pre.inverse{color:var(--inverse-text);background:var(--inverse)}.mini-panel{padding-bottom:12px}.check,.score-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px}.check{justify-content:flex-start}.error-panel{color:var(--error);background:#ffdad647;border-color:#f3b3ad}.empty-drawer,.empty-state{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:16px;border-bottom:1px solid var(--outline-variant)}.page-header p{margin:4px 0 0;color:var(--text-variant)}.compare-layout,.release-layout{display:grid;grid-template-columns:minmax(560px,1fr) 360px;gap:16px;flex:1}.comparison-table{padding:16px}.decision-rail{padding:16px;border:1px solid var(--outline-variant);background:var(--surface-lowest)}.decision-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px;color:var(--error);background:#ffdad638;border:1px solid #f3b3ad;border-radius:6px}.decision-rail label{display:block;margin-top:18px}.decision-rail textarea{width:100%;height:110px;margin:8px 0 12px}.production-banner,.connection-banner{min-height:76px;display:flex;align-items:center;gap:16px;padding:16px;border-left:4px solid var(--success);background:var(--surface-low)}.production-banner strong{display:block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:18px}.promotion-form{padding:16px 20px}.promotion-form select,.promotion-form textarea{width:100%}.promotion-form textarea{height:280px}.gate-list{border:1px solid var(--outline-variant);border-radius:4px;overflow:hidden}.gate-list div{min-height:38px;display:grid;grid-template-columns:110px 1fr 90px;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid var(--outline-variant)}.gate-list div:last-child{border-bottom:0}.form-footer{justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--outline-variant)}.form-footer span{margin-right:auto;color:var(--text-variant)}.release-side{display:flex;flex-direction:column;gap:16px}.timeline{padding:16px}.timeline-item{position:relative;display:flex;flex-direction:column;gap:4px;margin-left:14px;padding:0 0 20px 18px;border-left:1px solid var(--outline-variant)}.timeline-item:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;border-radius:50%;background:var(--outline)}.timeline-item.active:before{background:var(--primary)}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.provider-card{min-height:108px;display:grid;grid-template-columns:36px 1fr;gap:8px 12px;padding:16px}.provider-card span{grid-column:2;color:var(--text-variant)}.provider-card.active{border:2px solid var(--primary);background:var(--surface-low)}.config-card{padding:0 24px 24px}.config-header{display:flex;align-items:center;justify-content:space-between;margin:0 -24px 20px;padding:16px 24px;background:var(--surface-low);border-bottom:1px solid var(--outline-variant)}.segmented{display:inline-flex;border:1px solid var(--outline-variant);border-radius:4px;overflow:hidden}.segmented button{min-width:58px;height:30px;border:0;background:var(--surface-lowest);cursor:pointer}.segmented .active{color:#fff;background:var(--primary)}.config-card input{width:100%;font-family:JetBrains Mono,ui-monospace,monospace}.key-row{position:relative}.key-row svg{position:absolute;right:10px;top:8px;color:var(--text-variant)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.connection-banner{justify-content:space-between;border-left:0;background:var(--secondary-container)}.connection-banner div{margin-right:auto;display:flex;flex-direction:column}.settings-footer{justify-content:flex-end;padding-top:16px;border-top:1px solid var(--outline-variant)}@media(max-width:1120px){.metric-row{grid-template-columns:repeat(3,minmax(140px,1fr))}.overview-columns,.compare-layout,.release-layout,.split-layout{grid-template-columns:1fr}.eval-workspace{grid-template-columns:180px 1fr}.case-drawer{grid-column:1 / -1;border-left:0;border-top:1px solid var(--outline-variant)}}