.benchmark-body { min-height: 100vh; height: auto; }
.benchmark-header { position: sticky; top: 0; z-index: 10; min-height: 4.5rem; padding: .75rem 1.4rem; background: rgba(255,255,255,.92); border-bottom: 1px solid var(--border); display:flex; align-items:center; justify-content:space-between; backdrop-filter: blur(8px); transition:transform .22s var(--ease-out); }
.benchmark-body.header-hidden .benchmark-header { transform:translateY(-100%); }
.benchmark-brand { display:flex; align-items:center; gap:.65rem; color:var(--text); text-decoration:none; font-size:1.05rem; font-weight:700; }
.benchmark-brand strong { color:var(--primary); font-size:.82rem; padding-left:.65rem; border-left:1px solid var(--border-strong); }
.benchmark-shell { max-width:124rem; min-height:calc(100vh - 4.5rem); margin:0 auto; padding:1.25rem; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:1.25rem; }
.benchmark-library,.benchmark-panel,.benchmark-runner { background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); }
.benchmark-library,.benchmark-runner { position:sticky; z-index:5; top:5.75rem; width:3.5rem; height:calc(100vh - 7rem); overflow:hidden; padding:0; display:flex; transition:top .22s var(--ease-out), width .24s var(--ease-out), height .24s var(--ease-out), box-shadow .18s var(--ease-out); }
.benchmark-body.header-hidden .benchmark-library,.benchmark-body.header-hidden .benchmark-runner { top:1rem; height:calc(100vh - 2rem); }
.benchmark-library { flex-direction:row; }.benchmark-runner { flex-direction:row-reverse; }
.benchmark-shell.library-open .benchmark-library { width:min(calc(3.5rem + 21rem),calc(100vw - 2rem)); }.benchmark-shell.runner-open .benchmark-runner { width:min(calc(3.5rem + 20rem),calc(100vw - 2rem)); }
.drawer-toggle { flex:none; width:3.5rem; height:100%; border:0; background:var(--panel); color:var(--primary); cursor:pointer; font-size:1.05rem; display:flex; align-items:center; justify-content:center; }.drawer-toggle:hover { background:var(--primary-tint); }.drawer-toggle:focus-visible { outline:3px solid rgba(29,108,245,.35); outline-offset:-3px; }.benchmark-library .drawer-toggle { border-right:1px solid var(--border); }.benchmark-runner .drawer-toggle { border-left:1px solid var(--border); }.drawer-content { flex:1; min-width:0; height:100%; overflow:auto; padding:1rem; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .16s var(--ease-out), visibility .16s; }.benchmark-runner .drawer-content { min-width:17rem; }.benchmark-shell.library-open .benchmark-library .drawer-content,.benchmark-shell.runner-open .benchmark-runner .drawer-content { opacity:1; visibility:visible; pointer-events:auto; }.benchmark-shell.library-open #toggle-library span[aria-hidden="true"] { transform:rotate(180deg); }.benchmark-shell.runner-open #toggle-runner span[aria-hidden="true"] { transform:rotate(180deg); }.drawer-toggle span[aria-hidden="true"] { display:inline-block; transition:transform .18s var(--ease-out); }
.library-head,.panel-title-row,.products-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.library-head h1,.benchmark-intro h2,.benchmark-panel h3 { font-size:1.05rem; line-height:1.25; letter-spacing:-.0125rem; }
.library-head p,.panel-title-row p,.products-heading p,.benchmark-intro p { margin-top:.25rem; color:var(--text-dim); font-size:.78rem; line-height:1.45; }
.library-search { display:block; margin:1rem 0 .65rem; }
.library-search input,.benchmark-name-field input,.bench-grid input { width:100%; }
.case-list { display:flex; flex-direction:column; gap:.35rem; }
.case-row { width:100%; text-align:left; border:1px solid transparent; border-radius:var(--radius-sm); background:transparent; padding:.7rem; color:var(--text); cursor:pointer; transition:background .18s var(--ease-out), border-color .18s var(--ease-out); }
.case-row:hover { background:var(--panel-2); }
.case-row.active { background:var(--primary-tint); border-color:rgba(29,108,245,.36); }
.case-row-top { display:flex; align-items:center; gap:.4rem; font-size:.82rem; font-weight:700; }
.case-star { color:var(--hazard-text); }.case-row-meta { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:.25rem; color:var(--text-dim); font-size:.72rem; }
.library-empty,.table-empty { color:var(--text-dim); text-align:center; padding:1.5rem .75rem; font-size:.82rem; }
.benchmark-main { min-width:0; padding:0; display:flex; flex-direction:column; gap:1.25rem; }
.benchmark-header #open-agent-guide { order:2; margin-left:auto; }.benchmark-header > a.btn { order:3; }
.agent-guide { max-width:70rem; padding:.4rem .2rem 2rem; }.agent-guide-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1.25rem; }.agent-guide-heading h1 { margin-top:.28rem; font-size:1.65rem; letter-spacing:-.02em; text-wrap:balance; }.agent-guide-heading > div > p:last-child { max-width:48rem; margin-top:.55rem; color:var(--text-dim); font-size:.9rem; line-height:1.55; text-wrap:pretty; }.guide-start,.guide-templates,.guide-where { margin-top:2rem; padding-top:1rem; border-top:1px solid var(--border); }.guide-start h2,.guide-section-heading h2,.guide-where h2 { font-size:1rem; letter-spacing:-.0125rem; }.guide-checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; margin:1rem 0 0; padding:0; list-style:none; counter-reset:guide-step; }.guide-checklist li { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.5rem .65rem; align-items:start; padding:.7rem; background:var(--panel-2); border-radius:var(--radius-sm); counter-increment:guide-step; }.guide-checklist li::before { content:counter(guide-step); display:grid; place-items:center; width:1.45rem; height:1.45rem; border-radius:50%; background:var(--primary); color:#fff; font-size:.68rem; font-weight:750; }.guide-checklist strong { font-size:.78rem; }.guide-checklist span { grid-column:2; color:var(--text-dim); font-size:.72rem; line-height:1.42; }.guide-section-heading,.guide-template-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }.guide-section-heading p { margin-top:.25rem; color:var(--text-dim); font-size:.76rem; line-height:1.45; }.guide-copy-status { min-height:1.2rem; margin:0 !important; color:var(--accent-text) !important; text-align:right; }.guide-template { padding:1rem 0; border-bottom:1px solid var(--border); }.guide-template-head h3 { font-size:.86rem; letter-spacing:-.01em; }.guide-template textarea { display:block; width:100%; min-height:8.25rem; margin-top:.65rem; padding:.7rem; resize:vertical; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); color:var(--text); font:inherit; font-size:.75rem; line-height:1.48; }.guide-template textarea:focus { outline:3px solid rgba(29,108,245,.22); outline-offset:1px; }.guide-where dl { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.65rem 1rem; margin:1rem 0 0; font-size:.78rem; }.guide-where dt { color:var(--text); font-weight:750; }.guide-where dd { margin:0; color:var(--text-dim); line-height:1.45; }
#case-detail { display:flex; flex-direction:column; gap:1.25rem; min-width:0; }
.review-task-form { margin-top:1rem; }.review-task-grid { display:grid; grid-template-columns:minmax(15rem,1.5fr) minmax(8rem,.55fr) minmax(10rem,.8fr); gap:.7rem; }.review-task-form label { display:block; color:var(--text-dim); font-size:.7rem; font-weight:650; }.review-task-form input,.review-task-form select,.review-task-form textarea { display:block; width:100%; margin-top:.3rem; }.review-task-description { margin-top:.75rem; }.review-task-description textarea { min-height:4.75rem; resize:vertical; }.review-acceptance { display:flex; flex-wrap:wrap; align-items:flex-end; gap:.65rem .8rem; margin:.85rem 0 0; padding:.7rem .8rem .8rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); }.review-acceptance legend { padding:0 .25rem; color:var(--text-dim); font-size:.68rem; font-weight:700; }.review-acceptance label { min-width:6.5rem; }.review-acceptance label:first-of-type { display:flex; align-items:center; gap:.4rem; min-width:auto; padding-bottom:.45rem; color:var(--text); }.review-acceptance label:first-of-type input { width:auto; margin:0; }.review-acceptance .btn { margin-left:auto; }.review-task-list { display:flex; flex-direction:column; margin-top:1rem; border-top:1px solid var(--border); }.review-task-empty { padding:.9rem 0 .15rem; color:var(--text-dim); font-size:.78rem; }.review-task-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; align-items:start; padding:.85rem 0; border-bottom:1px solid var(--border); }.review-task-row h4 { font-size:.86rem; line-height:1.3; letter-spacing:-.01em; }.review-task-row p { max-width:70ch; margin-top:.22rem; color:var(--text-dim); font-size:.75rem; line-height:1.45; }.review-task-meta { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.5rem; }.review-task-meta span { padding:.18rem .42rem; border-radius:var(--radius-pill); background:var(--panel-2); color:var(--text-dim); font-size:.65rem; font-weight:700; }.review-task-meta .task-priority-critical { background:#fee2e2; color:#991b1b; }.review-task-meta .task-priority-high { background:#fef3c7; color:#92400e; }.review-task-meta .task-status-resolved,.review-task-meta .task-check-pass { background:#dcfce7; color:#166534; }.review-task-meta .task-check-fail { background:#fee2e2; color:#991b1b; }.review-task-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.4rem; }.review-task-actions .btn[disabled] { opacity:.55; }
.review-task-resolution-copy { color:var(--accent-text) !important; }.review-task-close-form { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:end; gap:.5rem; margin-top:.7rem; padding:.65rem .7rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); }.review-task-close-form label { color:var(--text-dim); font-size:.68rem; font-weight:700; }.review-task-close-form textarea { display:block; width:100%; min-height:3.5rem; margin-top:.25rem; resize:vertical; font:inherit; font-size:.75rem; }
.review-task-close-form { grid-template-columns:minmax(0,1fr) minmax(10rem,.8fr) auto auto; }.review-task-close-form select { display:block; width:100%; margin-top:.25rem; padding:.52rem .6rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel); color:var(--text); font:inherit; font-size:.74rem; }
.benchmark-home { padding:.4rem .2rem; }
.home-heading { max-width:43rem; }
.home-heading h1 { margin-top:.28rem; font-size:1.65rem; letter-spacing:-.02em; text-wrap:balance; }
.home-heading > p:last-child { max-width:42rem; margin-top:.55rem; color:var(--text-dim); font-size:.9rem; line-height:1.55; text-wrap:pretty; }
.home-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin-top:1.5rem; max-width:45rem; }
.home-stats div { padding:.85rem .95rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); }
.home-stats span,.home-stats strong { display:block; }.home-stats span { color:var(--text-dim); font-size:.69rem; font-weight:650; text-transform:uppercase; letter-spacing:.025em; }.home-stats strong { margin-top:.18rem; color:var(--text); font-size:1.1rem; }
.home-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem; }
.home-regressions { margin-top:2.1rem; padding-top:1rem; border-top:1px solid var(--border); }.regression-alerts { margin-top:.85rem; border-top:1px solid var(--border); }.regression-alert { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.7rem 0; border-bottom:1px solid var(--border); }.regression-alert-mark { display:grid; place-items:center; width:1.55rem; height:1.55rem; border-radius:50%; background:var(--panel-2); color:var(--text-dim); font-size:.72rem; font-weight:800; }.regression-alert.hard .regression-alert-mark { background:var(--danger-tint); color:var(--danger-text); }.regression-alert.soft .regression-alert-mark,.regression-alert.layout .regression-alert-mark { background:var(--hazard-tint); color:var(--hazard-text); }.regression-alert strong,.regression-alert span { display:block; }.regression-alert strong { font-size:.78rem; line-height:1.35; }.regression-alert span { margin-top:.16rem; color:var(--text-dim); font-size:.7rem; line-height:1.4; }.regression-alert-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.35rem; }.regression-alert-empty { padding:.85rem 0; color:var(--text-dim); font-size:.76rem; }
.home-analysis { margin-top:2.1rem; padding-top:1rem; border-top:1px solid var(--border); }
.analysis-heading-row { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; }.analysis-heading-row h2 { font-size:1rem; letter-spacing:-.0125rem; }.analysis-heading-row p { margin-top:.25rem; color:var(--text-dim); font-size:.76rem; line-height:1.45; }
.analysis-metric-label { min-width:12.5rem; color:var(--text-dim); font-size:.69rem; font-weight:650; }.analysis-metric-label select { display:block; width:100%; margin-top:.26rem; padding:.45rem .55rem; background:var(--panel); color:var(--text); font:inherit; font-size:.76rem; }
.progress-controls { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.55rem; }.progress-controls .analysis-metric-label { flex:1 1 10.5rem; min-width:10.5rem; }.progress-controls [hidden] { display:none; }
.analysis-workspace { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(15rem,.7fr); gap:1.1rem; margin-top:1rem; }.analysis-chart { min-width:0; margin:0; }.leader-chart { display:flex; flex-direction:column; gap:.5rem; }.leader-chart-empty { padding:1.2rem .5rem; color:var(--text-dim); font-size:.8rem; }
.leader-chart-row { display:grid; grid-template-columns:minmax(7.5rem,11rem) minmax(0,1fr) 3.5rem; align-items:center; gap:.6rem; }.leader-chart-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text); font-size:.76rem; font-weight:700; }.leader-chart-track { height:.72rem; overflow:hidden; background:var(--panel-2); border-radius:var(--radius-pill); }.leader-chart-fill { display:block; height:100%; min-width:2px; background:var(--primary); border-radius:inherit; transition:width .22s var(--ease-out); }.leader-chart-row:first-child .leader-chart-fill { background:var(--accent); }.leader-chart-value { color:var(--text-dim); font-size:.71rem; font-variant-numeric:tabular-nums; text-align:right; }
.analysis-chart figcaption { margin-top:.8rem; color:var(--text-dim); font-size:.68rem; line-height:1.45; }.analysis-summary { min-height:10rem; padding:.85rem .9rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); }.analysis-summary h3 { font-size:.9rem; letter-spacing:-.0125rem; }.analysis-summary p { margin-top:.3rem; color:var(--text-dim); font-size:.74rem; line-height:1.45; }.analysis-summary strong { color:var(--accent-text); }.analysis-summary dl { display:grid; grid-template-columns:1fr auto; gap:.45rem .75rem; margin-top:.9rem; font-size:.72rem; }.analysis-summary dt { color:var(--text-dim); }.analysis-summary dd { margin:0; color:var(--text); font-weight:700; font-variant-numeric:tabular-nums; }.analysis-safety-note { margin:.85rem 0 0 !important; padding-top:.7rem; border-top:1px solid var(--border); font-size:.7rem !important; }
.home-progress { margin-top:2.1rem; padding-top:1rem; border-top:1px solid var(--border); }.progress-workspace { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(15rem,.7fr); gap:1.1rem; margin-top:1rem; }.progress-workspace:has(.progress-summary[hidden]) { grid-template-columns:1fr; }.progress-chart { min-width:0; margin:0; }.progress-chart svg { display:block; width:100%; min-height:14rem; overflow:visible; border-bottom:1px solid var(--border); }.progress-grid-line { stroke:var(--border); stroke-width:1; }.progress-line { fill:none; stroke:var(--primary); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }.progress-dot { fill:var(--panel); stroke:var(--primary); stroke-width:3; }.progress-dot:last-of-type { fill:var(--accent); stroke:var(--accent); }.progress-axis-label,.progress-point-label { fill:var(--text-dim); font-size:12px; font-family:Inter,system-ui,sans-serif; }.progress-point-label { font-weight:700; fill:var(--text); }.progress-chart figcaption { margin-top:.8rem; color:var(--text-dim); font-size:.68rem; line-height:1.45; }.progress-summary { padding:.85rem .9rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); }.progress-summary h3 { font-size:.9rem; letter-spacing:-.0125rem; }.progress-summary > p { margin-top:.3rem; color:var(--text-dim); font-size:.74rem; line-height:1.45; }.progress-table { margin-top:.8rem; border-top:1px solid var(--border); }.progress-table-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:.5rem; align-items:center; padding:.48rem 0; border-bottom:1px solid var(--border); font-size:.71rem; }.progress-table-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.progress-table-row span { color:var(--text-dim); font-variant-numeric:tabular-nums; }.progress-table-row em { min-width:3.6rem; color:var(--accent-text); font-style:normal; font-weight:700; text-align:right; }.progress-table-row em.down { color:var(--danger-text); }.progress-table-row em.neutral { color:var(--text-dim); }.progress-empty { padding:.9rem 0; color:var(--text-dim); font-size:.75rem; }
.home-recent { margin-top:2.1rem; padding-top:1rem; border-top:1px solid var(--border); }
.home-recent .panel-title-row { margin-bottom:.7rem; }
.home-recent h2 { font-size:1rem; letter-spacing:-.0125rem; }
.home-progress-summary { margin-top:2.1rem; padding-top:1rem; border-top:1px solid var(--border); }
.home-progress-summary .panel-title-row { margin-bottom:.7rem; }
.home-progress-summary h2 { font-size:1rem; letter-spacing:-.0125rem; }
.home-progress-summary-table { display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:.5rem; }
.home-progress-summary-table .progress-table-row { padding:.7rem .85rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel); }
.home-analytics-accordion { margin-top:2.1rem; padding-top:1rem; border-top:1px solid var(--border); }
.analytics-accordion-toggle { display:flex; align-items:center; gap:.5rem; width:100%; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); color:var(--text); cursor:pointer; padding:.7rem .85rem; font:inherit; font-size:.86rem; font-weight:700; text-align:left; transition:background .16s var(--ease-out), border-color .16s var(--ease-out); }
.analytics-accordion-toggle:hover { border-color:var(--border-strong); background:var(--primary-tint); }
.analytics-accordion-toggle span[aria-hidden="true"] { display:inline-block; transition:transform .18s var(--ease-out); }
.analytics-accordion-toggle[aria-expanded="true"] span[aria-hidden="true"] { transform:rotate(90deg); }
.analytics-accordion-toggle .accordion-hint { margin-left:auto; color:var(--text-dim); font-size:.7rem; font-weight:500; }
#home-analytics-body { margin-top:.5rem; }
#home-analytics-body .home-regressions:first-child,#home-analytics-body .home-analysis:first-child,#home-analytics-body .home-progress:first-child { margin-top:0; padding-top:0; border-top:0; }
.panel-collapse-toggle { flex:none; display:flex; align-items:center; gap:.4rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); color:var(--text); cursor:pointer; padding:.4rem .65rem; font:inherit; font-size:.72rem; font-weight:700; transition:background .16s var(--ease-out), border-color .16s var(--ease-out); }
.panel-collapse-toggle:hover { border-color:var(--border-strong); background:var(--primary-tint); }
.panel-collapse-toggle span[aria-hidden="true"] { display:inline-block; transition:transform .18s var(--ease-out); }
.panel-collapse-toggle[aria-expanded="true"] span[aria-hidden="true"] { transform:rotate(90deg); }
.home-case-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(16rem,1fr)); gap:.55rem; }
.home-case-row { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; width:100%; padding:.75rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel); color:var(--text); text-align:left; cursor:pointer; font:inherit; transition:background .18s var(--ease-out), border-color .18s var(--ease-out); }
.home-case-row:hover { border-color:rgba(29,108,245,.45); background:var(--primary-tint); }.home-case-row:focus-visible { outline:3px solid rgba(29,108,245,.3); outline-offset:2px; }.home-case-row strong,.home-case-row span { display:block; }.home-case-row strong { font-size:.82rem; line-height:1.35; }.home-case-row span { margin-top:.23rem; color:var(--text-dim); font-size:.7rem; line-height:1.4; }.home-case-row em { color:var(--hazard-text); font-style:normal; }
.runner-head { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; }.runner-head h2 { font-size:1rem; line-height:1.25; letter-spacing:-.0125rem; }.runner-head p { margin-top:.2rem; color:var(--text-dim); font-size:.72rem; line-height:1.4; }
.model-dropdown { margin-top:1rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); }.model-dropdown summary { display:flex; align-items:center; justify-content:space-between; gap:.6rem; padding:.7rem; color:var(--text); cursor:pointer; list-style:none; }.model-dropdown summary::-webkit-details-marker { display:none; }.model-dropdown summary strong,.model-dropdown summary small { display:block; }.model-dropdown summary strong { font-size:.76rem; }.model-dropdown summary small { margin-top:.15rem; color:var(--text-dim); font-size:.66rem; font-weight:500; }.dropdown-caret { color:var(--primary); font-size:1.1rem; line-height:1; transition:transform .18s var(--ease-out); }.model-dropdown[open] .dropdown-caret { transform:rotate(180deg); }.model-dropdown-body { padding:.65rem; border-top:1px solid var(--border); background:var(--panel); }.model-dropdown .model-selection-actions { justify-content:space-between; }.model-dropdown .model-picker { grid-template-columns:1fr; gap:.35rem; max-height:22rem; overflow:auto; margin-top:.6rem; padding-right:.1rem; }.model-dropdown .model-option { padding:.52rem .55rem; }.model-dropdown .model-option strong { font-size:.72rem; }.model-dropdown .model-option small { font-size:.63rem; }
.runner-run-button { width:100%; justify-content:center; margin-top:.7rem; }.runner-run-all-cases { margin-top:.45rem; }.runner-leaderboard { margin-top:1.1rem; padding-top:1rem; border-top:1px solid var(--border); }.runner-leaderboard .model-performance-head { margin-top:0; }.runner-leaderboard .model-leaderboard { grid-template-columns:1fr; gap:.4rem; }.runner-leaderboard .model-score { padding:.55rem .6rem; }
.benchmark-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; padding:.4rem .2rem; }
.benchmark-intro h2 { font-size:1.45rem; text-wrap:balance; }
.bench-kicker { color:var(--primary) !important; font-size:.7rem !important; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.benchmark-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:.45rem; }
.save-mode-hint { flex:1 1 16rem; max-width:31rem; color:var(--text-dim); font-size:.7rem; line-height:1.4; text-align:right; }
.bench-notice { border:1px solid rgba(29,108,245,.25); border-radius:var(--radius-sm); background:var(--primary-tint); color:#174ea6; padding:.7rem .85rem; font-size:.82rem; }
.bench-notice.error { background:var(--danger-tint); border-color:rgba(213,81,77,.28); color:var(--danger-text); }
.benchmark-panel { padding:1.15rem; }
.benchmark-name-field { width:min(22rem, 100%); color:var(--text-dim); font-size:.72rem; font-weight:600; }
.benchmark-name-field input { margin-top:.3rem; }
.benchmark-name-field input,.bench-grid input,.review-task-form input:not([type="checkbox"]),.review-task-form select,.review-task-form textarea { box-sizing:border-box; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); color:var(--text); font:inherit; font-size:.82rem; line-height:1.25; padding:.58rem .7rem; transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out),background .16s var(--ease-out); }.benchmark-name-field input:focus,.bench-grid input:focus,.review-task-form input:not([type="checkbox"]):focus,.review-task-form select:focus,.review-task-form textarea:focus { outline:none; border-color:var(--primary); background:var(--panel); box-shadow:0 0 0 3px rgba(29,108,245,.18); }.benchmark-name-field input::placeholder,.bench-grid input::placeholder,.review-task-form input::placeholder,.review-task-form textarea::placeholder { color:var(--text-dim); opacity:1; }
.bench-fieldset { margin-top:1.2rem; padding:1rem; border:1px solid var(--border); border-radius:var(--radius-sm); }
.bench-fieldset legend { padding:0 .35rem; color:var(--text-dim); font-size:.75rem; font-weight:700; }
.bench-grid { display:grid; gap:.65rem; }.bench-grid-5 { grid-template-columns:1.55fr repeat(4, minmax(0,1fr)); }
.bench-grid label,.bench-options label { color:var(--text-dim); font-size:.72rem; font-weight:600; }
.bench-grid input { margin-top:.28rem; }
.bench-quick-row { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; margin-top:.85rem; padding-top:.85rem; border-top:1px solid var(--border); }.bench-quick-row label { color:var(--text-dim); font-size:.72rem; font-weight:600; }.bench-quick-row select { flex:1 1 18rem; min-width:0; max-width:28rem; }.bench-import-status { min-height:1.1rem; color:var(--text-dim); font-size:.7rem; line-height:1.4; }.bench-import-status.error { color:var(--danger-text); }
.bench-options { display:flex; flex-wrap:wrap; gap:.7rem 1rem; margin-top:.85rem; }.bench-options label { display:flex; align-items:center; gap:.35rem; font-weight:500; }
.products-heading { margin:1.25rem 0 .45rem; align-items:center; }.products-heading h3 { font-size:.95rem; }.bench-import-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.4rem; }
.bench-table-wrap { overflow:auto; border:1px solid var(--border); border-radius:var(--radius-sm); }
.bench-product-table,.bench-results-table { width:100%; min-width:56rem; border-collapse:collapse; font-size:.78rem; }
.bench-product-table th,.bench-results-table th { background:var(--panel-2); color:var(--text-dim); font-size:.68rem; letter-spacing:.025em; text-align:left; text-transform:uppercase; }
.benchmark-baseline-control { display:flex; align-items:end; justify-content:flex-end; flex-wrap:wrap; gap:.4rem; }.benchmark-baseline-control label { color:var(--text-dim); font-size:.67rem; font-weight:700; }.benchmark-baseline-control select { display:block; max-width:13rem; margin-top:.22rem; padding:.35rem .45rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel); color:var(--text); font:inherit; font-size:.72rem; }.benchmark-baseline-control .bench-import-status { flex-basis:100%; min-height:0; margin:0; text-align:right; }.baseline-active { color:var(--accent-text) !important; }
.result-feedback { display:flex; gap:.3rem; white-space:nowrap; }.result-feedback .btn { padding:.3rem .42rem; }.result-feedback-like.is-active { border-color:rgba(22,163,74,.45); background:var(--accent-tint); color:var(--accent-text); }.result-feedback-dislike.is-active { border-color:rgba(213,81,77,.4); background:var(--danger-tint); color:var(--danger-text); }
.bench-product-table th,.bench-product-table td,.bench-results-table th,.bench-results-table td { padding:.55rem .6rem; border-bottom:1px solid var(--border); vertical-align:middle; }.bench-product-table tr:last-child td,.bench-results-table tr:last-child td { border-bottom:0; }
.bench-product-table input,.bench-product-table select { min-width:3.5rem; width:100%; padding:.42rem .45rem; font-size:.76rem; }.bench-product-table .product-name { min-width:9rem; }
.product-rule-edit { white-space:nowrap; }
.benchmark-product-editor { position:fixed; z-index:35; top:5.25rem; right:1rem; bottom:1rem; width:min(32rem,calc(100vw - 2rem)); overflow:auto; padding:1.25rem; background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); transform:translateX(calc(100% + 1.5rem)); visibility:hidden; pointer-events:none; transition:transform .24s var(--ease-out),visibility .24s; }
.benchmark-product-editor.open { transform:translateX(0); visibility:visible; pointer-events:auto; }
.benchmark-product-editor .panel { padding:0; border:0; box-shadow:none; }
.benchmark-product-editor-close { position:absolute; z-index:1; top:.55rem; right:.55rem; width:2.5rem; height:2.5rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); color:var(--text-dim); font:inherit; font-size:1.25rem; line-height:1; cursor:pointer; }
.benchmark-product-editor-close:hover { border-color:var(--primary); color:var(--text); }
.benchmark-product-editor .panel-head { padding-right:3rem; }
.benchmark-product-editor .facepicker-canvas { background:var(--panel-2); }
#benchmark-facepicker-label { color:var(--text); font-size:.875rem; }
.benchmark-product-template-field { padding-bottom:.8rem; border-bottom:1px solid var(--border); }
.benchmark-product-template-field .preset-row { align-items:flex-start; }
.benchmark-product-template-field .preset-row select { min-width:0; }
.benchmark-product-editor-actions { display:flex; justify-content:flex-end; gap:.75rem; padding-top:.2rem; }
.benchmark-product-editor-actions .btn-primary { min-width:9.5rem; }
.icon-button { border:0; background:transparent; color:var(--danger-text); padding:.35rem; cursor:pointer; font-size:1rem; }.icon-button:hover { background:var(--danger-tint); border-radius:.4rem; }
.bench-model-panel { margin-top:1.25rem; padding-top:1.1rem; border-top:1px solid var(--border); }.model-selection-actions { display:flex; flex-wrap:wrap; gap:.4rem; }.model-picker { display:grid; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); gap:.5rem; margin-top:.85rem; }.model-option { display:flex; align-items:stretch; gap:.35rem; padding:.38rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel); transition:border-color .18s var(--ease-out),background .18s var(--ease-out),opacity .18s var(--ease-out); }.model-option:hover { border-color:var(--border-strong); }.model-option:has(input:checked) { border-color:rgba(29,108,245,.45); background:var(--primary-tint); }.model-option.is-hidden { opacity:.7; background:var(--panel-2); }.model-option-selection { display:flex; flex:1; align-items:flex-start; gap:.55rem; min-width:0; padding:.27rem .3rem; cursor:pointer; }.model-option input { margin-top:.16rem; accent-color:var(--primary); }.model-option strong,.model-option small { display:block; }.model-option strong { font-size:.76rem; line-height:1.3; }.model-option small { margin-top:.14rem; color:var(--text-dim); font-size:.67rem; line-height:1.3; }.model-visibility-toggle { position:relative; flex:none; align-self:center; width:2rem; height:2rem; border:1px solid var(--border); border-radius:.45rem; background:var(--panel-2); color:var(--text-dim); cursor:pointer; font:inherit; line-height:1; transition:border-color .18s var(--ease-out),background .18s var(--ease-out),color .18s var(--ease-out); }.model-visibility-toggle:hover { border-color:rgba(29,108,245,.5); color:var(--primary-hover); }.model-visibility-toggle:focus-visible { outline:3px solid rgba(29,108,245,.24); outline-offset:1px; }.model-visibility-toggle.is-hidden { color:var(--text-dim); }.model-visibility-toggle.is-hidden::after { content:""; position:absolute; top:50%; left:.28rem; width:1.4rem; border-top:1.5px solid currentColor; transform:rotate(-42deg); transform-origin:center; }.model-performance-head { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin-top:1.1rem; }.model-performance-head h4 { font-size:.8rem; }.model-performance-head p { color:var(--text-dim); font-size:.7rem; }.model-leaderboard { display:grid; grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr)); gap:.45rem; margin-top:.55rem; }.model-score { padding:.6rem .7rem; background:var(--panel-2); border-radius:var(--radius-sm); }.model-score-top { display:flex; align-items:center; justify-content:space-between; gap:.5rem; font-size:.72rem; font-weight:700; }.model-score-top span { color:var(--accent-text); font-size:.68rem; }.model-score-meta { margin-top:.22rem; color:var(--text-dim); font-size:.66rem; line-height:1.4; }
.bench-notes-panel textarea { display:block; width:100%; min-height:7rem; resize:vertical; margin-top:1rem; padding:.75rem .85rem; background:var(--panel-2); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--text); font:inherit; font-size:.82rem; line-height:1.5; }.bench-notes-panel textarea:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(29,108,245,.18); }.agent-note-actions { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-top:.65rem; }.agent-note-actions .bench-import-status { margin:0; }.agent-note-actions .btn { flex:none; }.note-file-hint { padding:.25rem .5rem; border-radius:var(--radius-pill); background:var(--panel-2); color:var(--text-dim); font:600 .68rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.bench-status { flex:none; padding:.3rem .55rem; border-radius:var(--radius-pill); background:var(--panel-2); color:var(--text-dim); font-size:.72rem; font-weight:700; }.bench-status.running { background:var(--primary-tint); color:var(--primary-hover); }.bench-status.done { background:var(--accent-tint); color:var(--accent-text); }.bench-status.error { background:var(--danger-tint); color:var(--danger-text); }
.active-benchmark-job { margin-top:.8rem; padding:.75rem; border:1px solid rgba(29,108,245,.3); border-radius:var(--radius-sm); background:var(--primary-tint); }
.active-benchmark-job-head { display:flex; align-items:flex-start; justify-content:space-between; gap:.65rem; }
.active-job-title-wrap { display:flex; align-items:flex-start; gap:.5rem; min-width:0; }
.active-job-pulse { display:inline-block; width:.55rem; height:.55rem; margin-top:.22rem; border-radius:50%; background:var(--accent); box-shadow:0 0 0 0 rgba(34,197,94,.7); animation:pulse-green 1.6s infinite; flex:none; }
.active-job-pulse.queued { background:var(--hazard); box-shadow:0 0 0 0 rgba(234,179,8,.7); animation:pulse-yellow 1.6s infinite; }
.active-job-pulse.cancelling { background:var(--danger); box-shadow:0 0 0 0 rgba(239,68,68,.7); animation:pulse-red 1.6s infinite; }
@keyframes pulse-green { 0% { transform:scale(.95); box-shadow:0 0 0 0 rgba(34,197,94,.7); } 70% { transform:scale(1); box-shadow:0 0 0 6px rgba(34,197,94,0); } 100% { transform:scale(.95); box-shadow:0 0 0 0 rgba(34,197,94,0); } }
@keyframes pulse-yellow { 0% { transform:scale(.95); box-shadow:0 0 0 0 rgba(234,179,8,.7); } 70% { transform:scale(1); box-shadow:0 0 0 6px rgba(234,179,8,0); } 100% { transform:scale(.95); box-shadow:0 0 0 0 rgba(234,179,8,0); } }
@keyframes pulse-red { 0% { transform:scale(.95); box-shadow:0 0 0 0 rgba(239,68,68,.7); } 70% { transform:scale(1); box-shadow:0 0 0 6px rgba(239,68,68,0); } 100% { transform:scale(.95); box-shadow:0 0 0 0 rgba(239,68,68,0); } }
.active-benchmark-job strong,.active-benchmark-job small { display:block; }
.active-benchmark-job strong { color:var(--text); font-size:.78rem; }
.active-benchmark-job small { max-width:18rem; margin-top:.16rem; color:var(--text-dim); font-size:.68rem; line-height:1.4; word-break:break-word; }
.active-job-progress-row { display:flex; align-items:center; gap:.55rem; margin-top:.65rem; }
.active-job-progress-row progress { display:block; flex:1; height:.46rem; overflow:hidden; border:0; border-radius:var(--radius-pill); background:rgba(29,108,245,.14); accent-color:var(--primary); }
.active-job-progress-row progress::-webkit-progress-bar { background:rgba(29,108,245,.14); }
.active-job-progress-row progress::-webkit-progress-value { background:var(--primary); transition:width .2s var(--ease-out); }
.active-job-progress-row progress::-moz-progress-bar { background:var(--primary); }
.active-job-percent { font-size:.72rem; font-weight:800; color:var(--primary-hover); font-variant-numeric:tabular-nums; min-width:2.4rem; text-align:right; flex:none; }
.active-job-live-status { display:flex; align-items:center; gap:.45rem; margin-top:.45rem; padding:.32rem .5rem; background:rgba(255,255,255,.5); border-radius:.35rem; border:1px solid rgba(29,108,245,.15); font-size:.67rem; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.active-job-spinner { display:inline-block; width:.65rem; height:.65rem; border:1.5px solid rgba(29,108,245,.25); border-top-color:var(--primary); border-radius:50%; animation:job-spin .7s linear infinite; flex:none; }
@keyframes job-spin { to { transform:rotate(360deg); } }
.active-job-meta-row { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:.35rem; }
.active-job-timer { font-size:.65rem; font-weight:700; color:var(--text-dim); font-variant-numeric:tabular-nums; flex:none; }
.active-job-meta-row p { margin:0; color:var(--text-dim); font-size:.65rem; line-height:1.3; text-align:right; }
.active-job-cancel { flex:none; border-color:rgba(213,81,77,.38); color:var(--danger-text); }
.active-job-cancel:hover { background:var(--danger-tint); border-color:rgba(213,81,77,.55); }
.active-job-cancel:disabled { opacity:.55; cursor:wait; }
.safety-ok,.safety-bad { display:inline-flex; align-items:center; gap:.3rem; font-weight:700; }.safety-ok { color:var(--accent-text); }.safety-bad { color:var(--danger-text); }.rank { font-weight:800; color:var(--primary-hover); }.rank.rank-1 { color:var(--accent-text); }.result-issue { display:block; max-width:13rem; margin-top:.18rem; color:var(--danger-text); font-size:.67rem; line-height:1.3; }.result-metric { white-space:nowrap; font-weight:700; }.result-delta { display:inline-flex; align-items:center; margin-left:.32rem; padding:.12rem .3rem; border-radius:var(--radius-pill); font-size:.64rem; font-weight:750; line-height:1.25; vertical-align:middle; }.result-delta.gain { background:var(--accent-tint); color:var(--accent-text); }.result-delta.loss { background:var(--danger-tint); color:var(--danger-text); }
.result-layout-button { white-space:nowrap; }
.result-layout-button:disabled { cursor:not-allowed; opacity:.52; }
.bench-results-table.no-baseline .col-decision { display:none; }
.bench-results-table.no-baseline .col-layout { opacity:.35; }
.layout-panel { scroll-margin-top:5.5rem; }
.layout-history-tabs { display:flex; gap:.45rem; overflow:auto; margin:1rem 0; padding-bottom:.15rem; }
.layout-history-tab,.truck-tab { flex:none; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel-2); color:var(--text-dim); cursor:pointer; padding:.52rem .66rem; font:inherit; text-align:left; transition:background .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out); }
.layout-history-tab:hover,.truck-tab:hover { border-color:var(--border-strong); color:var(--text); }
.layout-history-tab.active,.truck-tab.active { background:var(--primary-tint); border-color:rgba(29,108,245,.48); color:var(--primary-hover); }
.layout-history-tab strong,.layout-history-tab span { display:block; }.layout-history-tab strong { font-size:.74rem; }.layout-history-tab span { margin-top:.13rem; font-size:.65rem; }
.layout-run-stack { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .55rem; margin:-.35rem 0 .9rem; color:var(--text-dim); font-size:.7rem; }.layout-run-chip { border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--panel); color:var(--text-dim); cursor:pointer; padding:.28rem .48rem; font:inherit; }.layout-run-chip:hover,.layout-run-chip.active { border-color:rgba(29,108,245,.44); color:var(--primary-hover); background:var(--primary-tint); }
.layout-workspace { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(16rem,.7fr); gap:1rem; min-height:33rem; }
.case-breadcrumb-row { display:flex; align-items:center; gap:.55rem; margin-bottom:.35rem; }
.layout-diff-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.65rem; margin-top:.7rem; padding:.65rem .75rem; border:1px solid var(--hazard); border-radius:var(--radius-sm); background:var(--hazard-tint); color:var(--hazard-text); }.layout-diff-bar p { margin:0; font-size:.74rem; line-height:1.4; }.layout-diff-actions { display:flex; flex-wrap:wrap; gap:.35rem; }.layout-diff-actions .btn[aria-pressed="true"] { border-color:var(--hazard-hover); background:var(--hazard-tint); color:var(--hazard-text); }
.layout-visual { min-width:0; display:flex; flex-direction:column; border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; background:var(--panel); }
.layout-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.65rem; padding:.55rem .75rem; background:var(--panel-2); border-bottom:1px solid var(--border); }
.layout-kpis { display:flex; gap:.45rem; flex-wrap:wrap; }.layout-kpi { min-width:5.4rem; padding:.32rem .5rem; border:1px solid var(--border); border-radius:.5rem; background:var(--panel); }.layout-kpi span,.layout-kpi strong { display:block; }.layout-kpi span { color:var(--text-dim); font-size:.62rem; font-weight:650; text-transform:uppercase; letter-spacing:.025em; }.layout-kpi strong { margin-top:.08rem; color:var(--text); font-size:.82rem; }.layout-kpi .safety-ok,.layout-kpi .safety-bad { display:block; }
.layout-view-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:.4rem; min-width:0; }
.layout-cam-group { display:flex; gap:.2rem; padding-right:.4rem; border-right:1px solid var(--border); }
.layout-cam-group .btn { padding:.28rem .44rem; font-size:.7rem; }
.truck-tabs { display:flex; gap:.35rem; overflow:auto; max-width:100%; }.truck-tab { padding:.35rem .5rem; font-size:.68rem; }.layout-feedback { display:flex; gap:.3rem; padding-left:.45rem; border-left:1px solid var(--border); }.layout-feedback .btn { padding:.35rem .46rem; }.layout-feedback-like.is-active { border-color:rgba(22,163,74,.45); background:var(--accent-tint); color:var(--accent-text); }.layout-feedback-dislike.is-active { border-color:rgba(213,81,77,.4); background:var(--danger-tint); color:var(--danger-text); }
.layout-canvas { min-height:27rem; flex:1; position:relative; background:radial-gradient(circle at 50% 35%, #ffffff 0%, #e9edf2 100%); }
.layout-canvas canvas { display:block; width:100%; height:100%; cursor:grab; }.layout-canvas canvas:active { cursor:grabbing; }
.layout-playback { display:flex; align-items:center; gap:.65rem; padding:.45rem .75rem; border-top:1px solid var(--border); background:var(--panel); flex-wrap:wrap; }
.layout-play-btn { width:2rem; height:2rem; border-radius:var(--radius-sm); border:1px solid var(--border); background:var(--panel-2); color:var(--primary); cursor:pointer; font-size:.82rem; display:grid; place-items:center; transition:background .15s, border-color .15s; }
.layout-play-btn:hover { background:var(--primary-tint); border-color:var(--primary); }
.layout-playback input[type="range"] { flex:1; min-width:6rem; accent-color:var(--primary); }
.layout-step-counter { font-size:.72rem; font-weight:750; color:var(--text); font-variant-numeric:tabular-nums; min-width:3.2rem; text-align:right; }
.layout-view-hint { margin:0; color:var(--text-dim); font-size:.67rem; margin-left:auto; }

.layout-sidebar { display:flex; flex-direction:column; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel); overflow:hidden; min-height:30rem; }
.layout-sidebar-tabs { display:flex; background:var(--panel-2); border-bottom:1px solid var(--border); }
.layout-sidebar-tab { flex:1; padding:.6rem .5rem; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--text-dim); font:inherit; font-size:.74rem; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:.35rem; transition:background .15s, color .15s; }
.layout-sidebar-tab:hover { color:var(--text); background:rgba(0,0,0,.02); }
.layout-sidebar-tab.active { background:var(--panel); color:var(--primary); border-bottom-color:var(--primary); }
.tab-badge { display:inline-block; padding:.1rem .38rem; border-radius:var(--radius-pill); background:var(--danger-tint); color:var(--danger-text); font-size:.62rem; font-weight:800; }
.layout-sidebar-content { flex:1; overflow-y:auto; padding:.8rem; display:flex; flex-direction:column; gap:.75rem; }

.layout-subpanel { border:1px solid var(--border); border-radius:var(--radius-sm); padding:.7rem; background:var(--panel-2); }
.layout-subpanel-head { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.5rem; }
.layout-subpanel-title { display:flex; align-items:center; gap:.4rem; font-size:.78rem; font-weight:700; }
.subpanel-meta { font-size:.68rem; color:var(--text-dim); font-weight:600; }

.layout-unplaced-panel { background:var(--danger-tint); border-color:rgba(213,81,77,.3); }
.layout-unplaced-panel .layout-subpanel-title { color:var(--danger-text); }
.layout-badge-warn { padding:.15rem .45rem; border-radius:var(--radius-pill); background:var(--danger-tint); color:var(--danger-text); font-size:.68rem; font-weight:800; }
.layout-unplaced-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.35rem; max-height:10rem; overflow-y:auto; }
.layout-unplaced-item { display:flex; align-items:center; justify-content:space-between; gap:.4rem; padding:.35rem .5rem; background:#ffffff; border-radius:var(--radius-sm); border:1px solid rgba(213,81,77,.3); font-size:.73rem; }
.layout-unplaced-item strong { color:var(--text); }
.layout-unplaced-item span { color:var(--text-dim); font-size:.68rem; }
.layout-unplaced-item em { font-style:normal; font-weight:800; color:var(--danger); margin-left:auto; }
.layout-all-placed-note { margin:0; padding:.4rem .5rem; background:var(--accent-tint); border-radius:var(--radius-sm); color:var(--accent-text); font-size:.74rem; font-weight:650; }

.layout-inspector-panel { background:var(--accent-tint); border-color:rgba(22,163,74,.3); }
.inspector-dot { width:.65rem; height:.65rem; border-radius:50%; display:inline-block; flex:none; }
.layout-inspector-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:.4rem .6rem; font-size:.72rem; }
.layout-inspector-grid div { display:flex; flex-direction:column; }
.layout-inspector-grid span { color:var(--text-dim); font-size:.65rem; font-weight:600; }
.layout-inspector-grid b { color:var(--text); margin-top:.1rem; font-size:.74rem; }

.layout-legend-panel { background:var(--panel-2); }
.legend-hint { margin:0 0 .45rem; color:var(--text-dim); font-size:.66rem; line-height:1.35; }
.layout-legend-items { display:flex; flex-direction:column; gap:.3rem; max-height:11rem; overflow-y:auto; }
.layout-legend-row { display:flex; align-items:center; justify-content:space-between; gap:.45rem; padding:.32rem .5rem; background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-sm); cursor:pointer; font-size:.72rem; transition:border-color .15s, background .15s; }
.layout-legend-row:hover { border-color:var(--primary); background:var(--primary-tint); }
.layout-legend-row.is-highlighted { border-color:var(--primary); background:var(--primary-tint); outline:2px solid var(--primary); }
.legend-color-dot { width:.65rem; height:.65rem; border-radius:50%; display:inline-block; flex:none; }
.legend-row-name { font-weight:650; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
.legend-row-counts { color:var(--text-dim); font-size:.68rem; font-variant-numeric:tabular-nums; flex:none; }

.layout-notes-inner { display:flex; flex-direction:column; gap:.75rem; }
.layout-notes-inner h4 { font-size:.86rem; }
.layout-notes-inner p { color:var(--text-dim); font-size:.72rem; line-height:1.48; }
.layout-notes-inner textarea { width:100%; min-height:8rem; flex:1; resize:vertical; padding:.7rem; background:var(--panel-2); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--text); font:inherit; font-size:.78rem; line-height:1.5; }
.layout-notes-inner textarea:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(29,108,245,.16); }
.review-task-trigger { align-self:flex-start; margin-top:.15rem; }.review-task-drawer { position:fixed; z-index:30; top:5.75rem; right:1rem; width:min(29rem,calc(100vw - 2rem)); max-height:calc(100vh - 7rem); overflow:auto; padding:1rem; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--panel); box-shadow:var(--shadow-lg); opacity:0; pointer-events:none; transform:translateX(calc(100% + 2rem)); transition:transform .24s var(--ease-out),opacity .18s var(--ease-out); }.benchmark-body.header-hidden .review-task-drawer { top:1rem; max-height:calc(100vh - 2rem); }.benchmark-body.review-task-drawer-open .review-task-drawer { opacity:1; pointer-events:auto; transform:translateX(0); }.review-task-drawer-head { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; padding-bottom:.85rem; border-bottom:1px solid var(--border); }.review-task-drawer-head h2 { font-size:1rem; letter-spacing:-.0125rem; }.review-task-drawer-head p { margin-top:.2rem; color:var(--text-dim); font-size:.72rem; line-height:1.42; }.review-task-drawer .layout-task-form { margin-top:.9rem; padding-top:0; border-top:0; }.layout-task-heading { margin-bottom:.65rem; }.layout-task-heading p { margin-top:.18rem; }.layout-task-form .review-task-grid { grid-template-columns:minmax(0,1fr) minmax(7rem,.58fr); }.layout-task-form textarea { min-height:4.75rem; flex:none; background:var(--panel); }.layout-task-form .review-acceptance { margin-top:.7rem; padding:.65rem; }.layout-task-form .review-acceptance .btn { width:100%; margin-left:0; }.layout-task-form .review-acceptance label { min-width:5.8rem; }
@media (max-width: 58rem) { .layout-task-form .review-task-grid,.review-task-close-form { grid-template-columns:1fr; }.review-task-drawer { top:5.25rem; right:.5rem; width:calc(100vw - 1rem); max-height:calc(100vh - 6rem); padding:.9rem; }.benchmark-body.header-hidden .review-task-drawer { top:.5rem; max-height:calc(100vh - 1rem); } }
@media (max-width: 58rem) { .benchmark-header #open-agent-guide { margin-left:auto; }.agent-guide-heading,.guide-section-heading,.guide-template-head { flex-direction:column; }.guide-checklist { grid-template-columns:1fr; }.guide-copy-status { text-align:left; }.guide-template-head .btn { align-self:flex-start; }.guide-where dl { grid-template-columns:1fr; gap:.2rem; }.guide-where dd { margin-bottom:.55rem; }.layout-feedback { width:100%; padding-left:0; border-left:0; } }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width: 76rem) { .benchmark-shell { padding:.75rem; }.benchmark-library .drawer-content { min-width:14rem; }.benchmark-runner .drawer-content { min-width:15rem; }.model-dropdown .model-picker { grid-template-columns:1fr; } }
@media (max-width: 58rem) { .benchmark-shell { padding:.75rem; }.benchmark-main { min-width:0; padding:0; }.benchmark-shell.library-open .benchmark-library,.benchmark-shell.runner-open .benchmark-runner { width:min(20rem,calc(100vw - 1rem)); }.benchmark-library .drawer-content,.benchmark-runner .drawer-content { min-width:0; }.bench-grid-5 { grid-template-columns:repeat(2,minmax(0,1fr)); }.bench-grid-5 label:first-child { grid-column:span 2; }.bench-quick-row { align-items:stretch; }.bench-quick-row label,.bench-quick-row select { flex-basis:100%; max-width:none; }.products-heading { align-items:flex-start; }.bench-import-actions { justify-content:flex-start; }.benchmark-intro { align-items:flex-start; flex-direction:column; }.benchmark-actions { justify-content:flex-start; }.panel-title-row { flex-direction:column; }.benchmark-name-field { width:100%; }.model-performance-head { align-items:flex-start; flex-direction:column; gap:.2rem; }.layout-workspace,.analysis-workspace,.progress-workspace { grid-template-columns:1fr; min-height:auto; }.analysis-heading-row { align-items:flex-start; flex-direction:column; }.analysis-metric-label { width:100%; }.leader-chart-row { grid-template-columns:minmax(6.5rem,9rem) minmax(0,1fr) 3.2rem; }.layout-canvas { min-height:22rem; }.layout-notes textarea { min-height:8rem; }.home-stats { grid-template-columns:1fr; max-width:none; }.home-case-list { grid-template-columns:1fr; }.benchmark-product-editor { top:4.75rem; right:.5rem; bottom:.5rem; width:calc(100vw - 1rem); padding:1rem; }.benchmark-product-editor .grid-3 { grid-template-columns:1fr 1fr; }.benchmark-product-editor .grid-3 > :last-child { grid-column:span 2; }.benchmark-product-editor-actions { position:sticky; bottom:-1rem; margin:0 -1rem -1rem; padding: .7rem 1rem; background:var(--panel); border-top:1px solid var(--border); } }
/* Mobil (≤640px): sabit ikon-rail + yandan panel yaklaşımı pratik değil — mevcut overlay-drawer davranışına geri dön (bkz. app shell .drawer medya sorgusu). */
@media (max-width: 40rem) {
  .benchmark-shell { grid-template-columns:1fr; }
  .benchmark-library,.benchmark-runner { position:fixed; z-index:20; top:5.25rem; width:3.4rem; height:3.4rem; box-shadow:var(--shadow-lg); }
  .benchmark-body.header-hidden .benchmark-library,.benchmark-body.header-hidden .benchmark-runner { top:.5rem; }
  .benchmark-library { left:.5rem; }.benchmark-runner { right:.5rem; }
  .benchmark-shell.library-open .benchmark-library,.benchmark-shell.runner-open .benchmark-runner { width:min(20rem,calc(100vw - 1rem)); height:calc(100vh - 6rem); }
  .drawer-content { position:absolute; top:0; height:100%; min-width:0; }
  .benchmark-library .drawer-content { left:3.4rem; right:0; }
  .benchmark-runner .drawer-content { left:0; right:3.4rem; }
}
@media (prefers-reduced-motion: reduce) { .benchmark-header,.benchmark-library,.benchmark-runner,.drawer-content,.case-row,.benchmark-product-editor,.active-benchmark-job progress::-webkit-progress-value { transition:none; } }
.info-popover { display: inline-block; position: relative; margin-left: 0.4rem; vertical-align: middle; }
.info-popover summary { list-style: none; cursor: pointer; color: var(--text-dim); font-size: 0.9rem; border-radius: 50%; padding: 0 0.3rem; transition: color 0.2s; }
.info-popover summary::-webkit-details-marker { display: none; }
.info-popover summary:hover { color: var(--primary); }
.info-popover .info-content { position: absolute; z-index: 100; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 0.5rem; width: 280px; padding: 0.8rem; background: var(--panel-2); border: 1px solid var(--border); border-radius: var(--radius-sm); box-shadow: 0 8px 16px rgba(0,0,0,0.2); font-size: 0.75rem; color: var(--text); font-weight: normal; line-height: 1.4; }
.info-popover .info-content strong { color: var(--primary); display: block; margin-bottom: 0.3rem; font-size: 0.8rem; }
.info-popover .info-content code { color: var(--accent); background: var(--panel); padding: 0.1rem 0.3rem; border-radius: 3px; }

/* Enhancing info popover visibility */
.info-popover summary {
    background: var(--panel);
    border: 1px solid var(--border);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.85rem;
    color: var(--primary);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.info-popover summary:hover {
    background: var(--primary);
    color: white;
}
/* Keep the language choice compact alongside existing header actions. */
.benchmark-language-control {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  margin-inline-start: .75rem;
}
.benchmark-language-control select { width: auto; min-width: 5rem; }
/* Keep recovery and comparison controls in the same quiet product register. */
.benchmark-errors { padding:.8rem; border:1px solid var(--danger-text); background:var(--panel); color:var(--danger-text); border-radius:var(--radius-sm); }
.benchmark-errors > div { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; }
.benchmark-errors span { flex:1 1 20rem; overflow-wrap:anywhere; }
.benchmark-errors a { color:var(--primary-hover); }
.library-filter { display:grid; gap:.3rem; margin:.6rem 0; font-size:.78rem; }
.library-filter select { min-width:0; padding:.5rem; color:var(--text); background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-sm); font:inherit; }
#case-filter-count { margin:.5rem 0; font-size:.75rem; }
.case-selection-row { display:flex; gap:.4rem; align-items:center; }
.case-selection-row .case-row { flex:1; min-width:0; }
.case-selection-row > input { width:1.1rem; height:1.1rem; flex:none; accent-color:var(--primary); }
.draft-actions { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:.5rem; font-size:.75rem; margin-bottom:.8rem; color:var(--text); }
.comparison-summary { max-width:100%; overflow:auto; margin-top:.8rem; color:var(--text); }
.comparison-summary p { font-size:.78rem; margin:.4rem 0; }
.comparison-summary table { border-collapse:collapse; width:100%; font-size:.75rem; margin-top:.6rem; }
.comparison-summary caption { text-align:left; font-weight:650; padding:.5rem 0; }
.comparison-summary th,.comparison-summary td { padding:.5rem; border-bottom:1px solid var(--border); text-align:left; white-space:nowrap; }
.model-selection-actions { flex-wrap:wrap; }
.model-option strong,.model-option small,#model-preflight { overflow-wrap:anywhere; }
.error { color:var(--danger-text); }
@media (max-width:900px) {
  .benchmark-header { flex-wrap:wrap; gap:.5rem; }
  .benchmark-header .benchmark-brand { min-width:0; flex:1 1 12rem; }
  .benchmark-header .btn { white-space:normal; }
  .benchmark-shell .drawer-content { max-width:calc(100vw - 4rem); }
  .benchmark-errors span { flex-basis:100%; }
}
.comparison-canvases { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.comparison-canvases figure { margin:0; min-width:0; }
.comparison-canvases figcaption { font-weight:650; font-size:.8rem; margin:.7rem 0; overflow-wrap:anywhere; }
.comparison-canvas { height:24rem; min-width:0; background:var(--panel-2); border-radius:var(--radius-sm); overflow:hidden; }
.comparison-controls { display:flex; gap:.8rem; align-items:center; flex-wrap:wrap; margin:.8rem 0; font-size:.8rem; }
.comparison-controls label { display:flex; gap:.4rem; align-items:center; }
.side-by-side-comparison > p { margin:.5rem 0; font-size:.8rem; }
.side-by-side-comparison { scroll-margin-top:9rem; }
#case-comparison-panel .benchmark-baseline-control { max-width:none; width:100%; margin-top:.6rem; justify-content:flex-start; }
#case-comparison-panel .bench-import-status { text-align:left; }
#comparison-summary { flex-basis:100%; }
@media (max-width:900px) {
  .comparison-canvases { grid-template-columns:1fr; }
  .comparison-canvas { height:19rem; }
}
@media (max-width: 40rem) {
  .benchmark-main { padding-top:4rem; }
  .benchmark-library,.benchmark-runner { top:calc(var(--benchmark-header-height, 8rem) + .5rem); }
  .benchmark-shell.library-open .benchmark-library,.benchmark-shell.runner-open .benchmark-runner { height:calc(100dvh - var(--benchmark-header-height, 8rem) - 1rem); }
}