:root{--bg: #0b1120;--bg-1: #0f172a;--bg-2: #131c30;--panel: #172136;--panel-2: #1e2a44;--border: #26324d;--border-2: #33415f;--text: #e6edf7;--text-dim: #9fb0c9;--text-mute: #6b7c99;--accent: #38bdf8;--accent-2: #818cf8;--pass: #34d399;--pass-bg: rgba(52, 211, 153, .12);--fail: #f87171;--fail-bg: rgba(248, 113, 113, .12);--warn: #fbbf24;--radius: 12px;--radius-sm: 8px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}code{font-family:var(--mono);font-size:.86em;background:#ffffff0f;padding:1px 6px;border-radius:5px;color:#cfe3ff}.mono{font-family:var(--mono)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--bg-1),var(--bg));border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center}.brand__mark{font-size:26px;color:var(--accent);filter:drop-shadow(0 0 10px rgba(56,189,248,.5))}.brand__title{font-weight:700;letter-spacing:.2px}.brand__sub{font-size:12px;color:var(--text-mute)}.nav{display:flex;flex-direction:column;gap:3px}.nav__group{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);margin:14px 8px 6px}.nav-link{padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:14px;font-weight:500}.nav-link:hover{background:var(--panel);color:var(--text);text-decoration:none}.nav-link--active{background:var(--panel-2);color:#fff;box-shadow:inset 2px 0 0 var(--accent)}.sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.mode-pill{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 9px;border-radius:999px}.mode-pill--mock{background:#818cf829;color:#c3caff;border:1px solid rgba(129,140,248,.4)}.mode-pill--live{background:var(--pass-bg);color:var(--pass);border:1px solid rgba(52,211,153,.4)}.sidebar__hint{font-size:11px;color:var(--text-mute)}.content{min-width:0;padding:28px 34px 80px}.page{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.page-header__title{font-size:24px;font-weight:700}.page-header__sub{margin:6px 0 0;color:var(--text-dim);font-size:14px}.page-header__actions{display:flex;gap:8px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card__title{font-size:15px;font-weight:650;margin-bottom:14px;display:flex;align-items:baseline;gap:10px}.card__title-note{font-size:12px;font-weight:400;color:var(--text-mute)}.btn{font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);cursor:pointer;transition:filter .15s,background .15s}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,var(--accent),#0ea5e9);border-color:transparent;color:#04222f}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-dim);padding-left:6px}.btn--ghost:hover:not(:disabled){color:var(--text)}.tag{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid var(--border-2);color:var(--text-dim)}.tag--detection{color:#7dd3fc;border-color:#38bdf866;background:#38bdf81a}.tag--classification{color:#c4b5fd;border-color:#818cf866;background:#818cf81a}.tag--measurement{color:#6ee7b7;border-color:#34d39966;background:#34d3991a}.grid--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.sku-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.sku-card__media{aspect-ratio:16 / 9;background:var(--bg-2)}.sku-card__media img{width:100%;height:100%;object-fit:cover;display:block}.sku-card__monogram{display:grid;place-items:center;font-family:var(--mono);font-size:42px;font-weight:700;letter-spacing:.05em;color:#ffffffeb;text-shadow:0 2px 8px rgba(0,0,0,.4)}.sku-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.sku-card__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.sku-card__name{font-size:16px;font-weight:650}.sku-card__meta{display:flex;align-items:center;gap:10px}.sku-card__links{display:flex;gap:14px;font-size:13px;font-weight:550;padding-top:10px;border-top:1px solid var(--border);margin-top:2px}.sku-card__run{margin-left:auto;color:var(--accent)}.modal__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060fa8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:24px;z-index:50}.modal{width:min(560px,100%);max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow)}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.modal__title{font-size:18px;font-weight:650}.modal__close{background:transparent;border:none;color:var(--text-mute);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px}.modal__close:hover{color:var(--text);background:var(--panel-2)}.modal__body{padding:20px;display:flex;flex-direction:column;gap:14px}.modal__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal__note{margin:0;font-size:12px;color:var(--text-mute);background:var(--bg-2);border-left:2px solid var(--border-2);padding:9px 12px;border-radius:6px}.modal__error{background:var(--fail-bg);border:1px solid rgba(248,113,113,.4);color:#ffd7d7;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.req{color:var(--accent);font-style:normal}.flash{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.flash--ok{background:var(--pass-bg);border:1px solid rgba(52,211,153,.4);color:var(--pass)}.state{padding:20px;border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;align-items:flex-start}.state--loading{flex-direction:row;align-items:center;color:var(--text-dim)}.state--error{background:var(--fail-bg);border:1px solid rgba(248,113,113,.4)}.state--empty{color:var(--text-mute);border:1px dashed var(--border-2)}.state__title{font-weight:700;color:var(--fail)}.state__msg{color:var(--text)}.state__detail{font-family:var(--mono);font-size:12px;background:#0000004d;padding:10px;border-radius:var(--radius-sm);width:100%;overflow-x:auto;color:#ffd7d7}.state__hint{font-size:13px;color:var(--text-dim)}.spinner{width:16px;height:16px;border:2px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.verdict{display:flex;gap:18px;align-items:center;padding:20px 24px;border-radius:var(--radius);border:1px solid}.verdict--pass{background:var(--pass-bg);border-color:#34d39973}.verdict--fail{background:var(--fail-bg);border-color:#f8717173}.verdict__icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:800;flex-shrink:0}.verdict--pass .verdict__icon{background:#34d39933;color:var(--pass)}.verdict--fail .verdict__icon{background:#f8717133;color:var(--fail)}.verdict__label{font-size:22px;font-weight:800;letter-spacing:.08em}.verdict--pass .verdict__label{color:var(--pass)}.verdict--fail .verdict__label{color:var(--fail)}.verdict__reason{margin-top:3px;color:var(--text);font-size:15px}.result{display:flex;flex-direction:column;gap:16px}.result__meta{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;color:var(--text-dim)}.result__meta-k{color:var(--text-mute);margin-right:4px;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.result__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}.result__image{padding:12px}.result__side{display:flex;flex-direction:column;gap:16px}.annotated{position:relative;width:100%;background:#05070d;border-radius:var(--radius-sm);overflow:hidden}.annotated img{width:100%;display:block}.annotated--noimg{aspect-ratio:4 / 3;display:grid;place-items:center;color:var(--text-mute)}.annotated__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.box rect{fill:transparent;stroke-width:3;vector-effect:non-scaling-stroke}.box text{font-family:var(--mono);font-size:15px;fill:#fff;paint-order:stroke;stroke:#000000bf;stroke-width:4px}.box--pass rect{stroke:var(--pass)}.box--detection rect{stroke:var(--accent)}.box--fail rect,.box--missing rect{stroke:var(--fail);stroke-dasharray:7 5}.box--warn rect{stroke:var(--warn)}.box--active rect{stroke-width:5;filter:drop-shadow(0 0 6px currentColor)}.box{cursor:pointer}.checks{width:100%;border-collapse:collapse;font-size:13px}.checks th{text-align:left;color:var(--text-mute);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:0 10px 8px;border-bottom:1px solid var(--border)}.checks td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}.checks__row--active{background:#38bdf814}.checks__row--fail,.checks__row--missing{background:#f871710f}.checks__name{font-weight:600}.checks__msg{font-weight:400;color:var(--fail);font-size:12px;margin-top:3px}.checks__mono{font-family:var(--mono);color:var(--text-dim);font-size:12px}.checks__row{cursor:default}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.chip--pass{background:var(--pass-bg);color:var(--pass)}.chip--fail{background:var(--fail-bg);color:var(--fail)}.chip--missing{background:#f871711a;color:#fca5a5;border:1px dashed rgba(248,113,113,.5)}.chip--warn{background:#fbbf2424;color:var(--warn)}.mrv__caption{font-size:13px;color:var(--text-dim);margin-bottom:12px}.mrv--unknown{color:var(--warn);font-size:13px}.mini-table{width:100%;border-collapse:collapse;font-size:13px}.mini-table th{text-align:left;color:var(--text-mute);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:0 10px 8px;border-bottom:1px solid var(--border)}.mini-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.scorebars{display:flex;flex-direction:column;gap:9px}.scorebar{display:grid;grid-template-columns:90px 1fr 52px;align-items:center;gap:10px;font-size:13px}.scorebar__label{color:var(--text-dim)}.scorebar--top .scorebar__label{color:var(--text);font-weight:650}.scorebar__track{height:8px;background:var(--bg-2);border-radius:999px;overflow:hidden}.scorebar__fill{display:block;height:100%;background:var(--border-2);border-radius:999px}.scorebar--top .scorebar__fill{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.scorebar__val{font-family:var(--mono);font-size:12px;text-align:right;color:var(--text-dim)}.inspect-form{display:flex;flex-direction:column;gap:16px;max-width:640px}.field{display:flex;flex-direction:column;gap:6px}.field>label,.field--inline>span{font-size:13px;font-weight:600;color:var(--text-dim)}.field__row{display:flex;gap:12px;align-items:center}.field__hint{margin:2px 0 0;font-size:12px;color:var(--text-mute)}input,select,textarea{font-family:inherit;font-size:14px;background:var(--bg-2);border:1px solid var(--border-2);color:var(--text);border-radius:var(--radius-sm);padding:9px 11px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #38bdf826}textarea{resize:vertical}input[type=file]{padding:8px}.inspect-form__preview img{max-height:240px;border-radius:var(--radius-sm);border:1px solid var(--border)}.log{display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,1.4fr);gap:16px;align-items:start}.log__table-card{padding:0;overflow:hidden}.log__table{width:100%;border-collapse:collapse;font-size:13px}.log__table th{text-align:left;color:var(--text-mute);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:12px 12px 10px;border-bottom:1px solid var(--border)}.log__table td{padding:11px 12px;border-bottom:1px solid var(--border)}.log__row{cursor:pointer}.log__row:hover{background:var(--panel-2)}.log__row--sel{background:#38bdf81a}.log__reason{color:var(--text-dim);max-width:260px}.log__when{color:var(--text-mute);white-space:nowrap;font-size:12px}.log__hint{color:var(--text-mute);display:grid;place-items:center;min-height:200px}.log__detail{display:flex;flex-direction:column;gap:12px}.subnav{display:flex;gap:4px;border-bottom:1px solid var(--border);padding-bottom:0}.subnav__link{padding:9px 16px;font-size:14px;font-weight:600;color:var(--text-dim);border-bottom:2px solid transparent}.subnav__link:hover{color:var(--text);text-decoration:none}.subnav__link--active{color:var(--text);border-bottom-color:var(--accent)}.subnav__link--run{margin-left:auto;color:var(--accent)}.sop{display:flex;flex-direction:column;gap:16px}.sop__bar{display:flex;align-items:center;gap:12px}.sop__ver{font-family:var(--mono);font-size:12px;color:var(--text-dim);background:var(--bg-2);padding:3px 8px;border-radius:6px}.sop__dirty{font-size:12px;color:var(--warn)}.sop__saved{font-size:12px;color:var(--pass)}.sop__bar-actions{margin-left:auto;display:flex;gap:8px}.sop__error{background:var(--fail-bg);border:1px solid rgba(248,113,113,.4);color:#ffd7d7;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}.sop__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px}.field--inline{display:flex;flex-direction:column;gap:6px}.rules{display:flex;flex-direction:column;gap:12px;margin:6px 0 14px}.rule{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:8px}.rule__head{display:flex;gap:10px;align-items:center}.rule__id{font-family:var(--mono);font-size:12px;max-width:200px}.rule__sev{font-size:12px;font-weight:700}.rule__sev--critical{color:var(--fail)}.rule__sev--major{color:var(--warn)}.rule__sev--minor{color:var(--text-dim)}.rule__del{margin-left:auto;font-size:12px}.rule__desc,.rule__feature{width:100%}.metrics{display:flex;flex-direction:column;gap:16px}.metrics__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.stat__value{font-size:22px;font-weight:750;font-family:var(--mono)}.stat--big .stat__value{font-size:30px;color:var(--accent)}.stat__label{font-size:12px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.metrics__meta{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--text-dim)}.cm__scroll{overflow-x:auto}.cm__table{border-collapse:separate;border-spacing:4px}.cm__corner{position:relative;min-width:120px;height:46px;font-size:11px;color:var(--text-mute)}.cm__corner-actual{position:absolute;left:4px;bottom:4px}.cm__corner-pred{position:absolute;right:4px;top:4px}.cm__collabel{font-size:12px;color:var(--text-dim);font-weight:600;padding:4px 8px;vertical-align:bottom;white-space:nowrap}.cm__rowlabel{font-size:12px;color:var(--text-dim);font-weight:600;text-align:right;padding-right:8px;white-space:nowrap}.cm__cell{width:74px;height:60px;border-radius:var(--radius-sm);border:1px solid var(--border);text-align:center;vertical-align:middle;transition:transform .1s}.cm__cell:hover{transform:scale(1.05);border-color:var(--border-2)}.cm__cell--diag{border-color:#34d39966}.cm__cell--err{border-color:#f8717159}.cm__v{display:block;font-family:var(--mono);font-size:17px;font-weight:700}.cm__pct{display:block;font-size:11px;color:var(--text-dim)}.cm__legend{display:flex;gap:18px;align-items:center;margin-top:14px;font-size:12px;color:var(--text-dim)}.cm__legend-item{display:flex;gap:6px;align-items:center}.cm__swatch{width:14px;height:14px;border-radius:4px;display:inline-block}.cm__swatch--ok{background:#34d3998c}.cm__swatch--err{background:#f871718c}.cm__legend-note{margin-left:auto;color:var(--text-mute)}.dataset{display:flex;flex-direction:column;gap:16px}.dataset__stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dataset__progress-head{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim);margin-bottom:10px}.progressbar{height:10px;background:var(--bg-2);border-radius:999px;overflow:hidden}.progressbar__fill{height:100%;background:linear-gradient(90deg,var(--pass),#10b981);border-radius:999px}.splitbar{display:flex;gap:4px;height:44px}.splitbar__seg{border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;color:#04222f;font-weight:700;min-width:30px;overflow:hidden}.splitbar__seg--train{background:#38bdf8bf}.splitbar__seg--val{background:#818cf8bf}.splitbar__seg--test{background:#34d399bf}.split-sliders{display:flex;flex-direction:column;gap:8px;margin-top:12px}.split-slider{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;font-size:12px;color:var(--text-dim);text-transform:capitalize}.split-slider input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.split-slider__pct{text-align:right;font-variant-numeric:tabular-nums;color:#fff;font-weight:600}.split-slider--derived .split-slider__bar{height:4px;border-radius:999px;background:#34d39966}.dataset__toolbar{display:flex;gap:8px}.pill-btn{font-family:inherit;font-size:12px;font-weight:600;text-transform:capitalize;padding:7px 14px;border-radius:999px;border:1px solid var(--border-2);background:var(--panel);color:var(--text-dim);cursor:pointer}.pill-btn--active{background:var(--panel-2);color:#fff;border-color:var(--accent)}.pill-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;text-transform:none}.pill-btn--primary:disabled{opacity:.6;cursor:default}.dataset__upload{display:flex;align-items:center;gap:10px}.dataset__upload-err{font-size:12px;color:var(--danger, #f87171)}.dataset__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.thumb{margin:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.thumb img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.thumb__media{position:relative;aspect-ratio:4 / 3;background:#0b1220}.thumb__media img{width:100%;height:100%;aspect-ratio:auto}.thumb__media--boxed img{object-fit:contain}.thumb__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-mute)}.thumb__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.thumb__box{fill:#38bdf81f;stroke:#38bdf8;stroke-width:2;vector-effect:non-scaling-stroke}.thumb__box-label{fill:#bae6fd;font-size:11px;font-weight:600;paint-order:stroke;stroke:#04222f;stroke-width:3px}.import-ways{margin:0 0 12px;padding-left:18px;font-size:12.5px;color:var(--text-dim);line-height:1.7}.import-pickers{display:flex;gap:10px;flex-wrap:wrap}.import-pickers .btn{cursor:pointer}.import-summary{margin-top:12px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.import-summary__row{display:flex;justify-content:space-between;padding:3px 0;color:var(--text-dim)}.import-summary__row strong{color:#fff}.import-summary__warn{margin-top:6px;font-size:12px;color:#fbbf24}.thumb figcaption{display:flex;align-items:center;gap:6px;padding:7px 9px;font-size:11px;color:var(--text-dim)}.thumb__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.thumb__dot--on{background:var(--pass)}.thumb__dot--off{background:var(--text-mute)}.thumb__split{text-transform:uppercase;font-size:10px;letter-spacing:.04em;color:var(--text-mute)}.thumb__label{margin-left:auto}@media (max-width: 1000px){.result__grid,.log,.dataset__stats{grid-template-columns:1fr}}@media (max-width: 720px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.nav{flex-direction:row;flex-wrap:wrap}.nav__group{display:none}.sidebar__foot{margin:0}.content{padding:20px 16px 60px}}