:root{--color-bg: var(--brand-bg);--color-surface: var(--brand-surface);--color-surface-alt: var(--brand-surface-alt);--color-border: var(--brand-border);--color-text: var(--brand-text);--color-text-muted: var(--brand-text-muted);--color-text-inverse: var(--brand-text-inverse);--color-primary: var(--brand-primary);--color-primary-hover: var(--brand-primary-hover);--color-primary-contrast: var(--brand-primary-contrast);--color-sidebar: var(--brand-sidebar);--color-sidebar-text: var(--brand-sidebar-text);--color-sidebar-active: var(--brand-sidebar-active);--color-accent: var(--brand-accent);--color-ok: #15803d;--color-ok-bg: #dcfce7;--color-review: #a16207;--color-review-bg: #fef9c3;--color-fail: #b91c1c;--color-fail-bg: #fee2e2;--color-info: #1d4ed8;--color-info-bg: #dbeafe;--color-paper: #ffffff;--color-citation: color-mix(in srgb, var(--brand-accent) 45%, transparent);--color-citation-border: var(--brand-primary);--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}[data-brand=shell]{--brand-bg: #faf9f7;--brand-surface: #ffffff;--brand-surface-alt: #f5f3f0;--brand-border: #e5e1db;--brand-text: #1a1414;--brand-text-muted: #6b625c;--brand-text-inverse: #ffffff;--brand-primary: #7a0c0e;--brand-primary-hover: #5e090b;--brand-primary-contrast: #ffffff;--brand-sidebar: #7a0c0e;--brand-sidebar-text: rgba(255, 255, 255, .82);--brand-sidebar-active: rgba(0, 0, 0, .22);--brand-accent: #fbce07}[data-brand=codvo]{--brand-bg: #fafafd;--brand-surface: #ffffff;--brand-surface-alt: #f4f2ff;--brand-border: #e4e2ee;--brand-text: #111128;--brand-text-muted: #6a6880;--brand-text-inverse: #ffffff;--brand-primary: #5b2eff;--brand-primary-hover: #4a24d6;--brand-primary-contrast: #ffffff;--brand-sidebar: #111128;--brand-sidebar-text: rgba(255, 255, 255, .78);--brand-sidebar-active: rgba(91, 46, 255, .38);--brand-accent: #00d0b0}[data-brand=neutral]{--brand-bg: #fafafa;--brand-surface: #ffffff;--brand-surface-alt: #f4f4f5;--brand-border: #e4e4e7;--brand-text: #18181b;--brand-text-muted: #71717a;--brand-text-inverse: #ffffff;--brand-primary: #18181b;--brand-primary-hover: #000000;--brand-primary-contrast: #ffffff;--brand-sidebar: #18181b;--brand-sidebar-text: rgba(255, 255, 255, .78);--brand-sidebar-active: rgba(255, 255, 255, .16);--brand-accent: #f59e0b}[data-brand=shell]{--brand-mark-bg: #fbce07;--brand-mark-fg: #1a1414}[data-brand=codvo]{--brand-mark-bg: #5b2eff;--brand-mark-fg: #ffffff}[data-brand=neutral]{--brand-mark-bg: #18181b;--brand-mark-fg: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}code,.mono{font-family:var(--font-mono)}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--color-sidebar);color:var(--color-sidebar-text);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar h1{font-size:15px;color:#fff;margin-bottom:2px;line-height:1.3}.sidebar .sub{font-size:11px;opacity:.6;margin-bottom:var(--space-5)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-sm);color:inherit;text-decoration:none;font-size:14px}.nav-item:hover{background:#ffffff14}.nav-item.active{background:var(--color-sidebar-active);color:#fff;font-weight:600}.main{padding:var(--space-6);overflow-y:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-4)}.tile .n{font-size:30px;font-weight:700}.tile .l{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}button,.btn{background:var(--color-primary);color:var(--color-primary-contrast);border:0;border-radius:var(--radius-sm);padding:9px var(--space-4);font:inherit;font-weight:600;font-size:14px;cursor:pointer}button:hover,.btn:hover{background:var(--color-primary-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}input,select{font:inherit;padding:9px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}input:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:-1px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:var(--space-2) var(--space-3)}td{padding:var(--space-3);border-top:1px solid var(--color-border)}tbody tr:nth-child(2n){background:var(--color-surface-alt)}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.ok{background:var(--color-ok-bg);color:var(--color-ok)}.pill.review{background:var(--color-review-bg);color:var(--color-review)}.pill.fail{background:var(--color-fail-bg);color:var(--color-fail)}.pill.info{background:var(--color-info-bg);color:var(--color-info)}.page-wrap{position:relative;display:inline-block;max-width:100%}.page-wrap img{display:block;max-width:100%;height:auto}.citation{position:absolute;background:var(--color-citation);border:2px solid var(--color-citation-border);border-radius:2px;pointer-events:none}.muted{color:var(--color-text-muted)}.row{display:flex;gap:var(--space-3);align-items:center}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width: 1100px){.grid-2,.app{grid-template-columns:1fr}}.app{grid-template-columns:268px 1fr}.workspace{display:grid;grid-template-columns:340px 1fr;height:100vh}.pane{border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--space-5)}.pane:last-child{border-right:0}.detail{overflow-y:auto;padding:var(--space-6);background:var(--color-bg)}.mark{width:38px;height:38px;border-radius:9px;flex:0 0 38px;background:var(--brand-mark-bg);color:var(--brand-mark-fg);display:grid;place-items:center;font-weight:800;font-size:19px}.brandline{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-6)}.nav-item svg{width:18px;height:18px;flex:0 0 18px;opacity:.9}.sidebar .spacer{flex:1}.joblog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.chip{background:var(--color-accent);color:#1a1414;font-size:11px;font-weight:700;padding:3px 9px;border-radius:5px;letter-spacing:.02em}.searchbox{position:relative;margin-bottom:var(--space-4)}.searchbox svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted)}.searchbox input{width:100%;padding-left:36px;border-radius:999px}.jobcard{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer;background:var(--color-surface);transition:border-color .12s,background .12s}.jobcard:hover{border-color:var(--color-primary)}.jobcard.selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.jobcard .top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.jobcard .id{font-weight:700;font-size:14px}.jobcard .tag{font-family:var(--font-mono);color:var(--color-primary);font-size:14px;margin:5px 0 3px}.jobcard .sub{font-size:12.5px;color:var(--color-text-muted)}.stages{display:flex;align-items:flex-start;gap:0}.stage{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.stage .node{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;z-index:1;background:var(--color-surface-alt);color:var(--color-text-muted);border:2px solid var(--color-border)}.stage.done .node{background:var(--color-ok);border-color:var(--color-ok);color:#fff}.stage.current .node{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.stage.failed .node{background:var(--color-fail);border-color:var(--color-fail);color:#fff}.stage .connector{position:absolute;top:19px;left:-50%;width:100%;height:2px;border-top:2px dashed var(--color-border)}.stage.done .connector,.stage.current .connector{border-top-color:var(--color-ok)}.stage .n{font-size:10.5px;font-weight:700;letter-spacing:.06em;margin-top:10px;color:var(--color-text-muted);text-transform:uppercase}.stage .t{font-size:12px;color:var(--color-text-muted);line-height:1.35;margin-top:2px;max-width:130px}.stage.current .n,.stage.current .t{color:var(--color-text);font-weight:600}.explainer{background:var(--color-surface-alt);border-radius:var(--radius);padding:var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.explainer svg{width:18px;height:18px;flex:0 0 18px;color:var(--color-primary);margin-top:2px}.explainer .h{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px}.explainer p{font-size:14px;line-height:1.5}.detail-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.detail-head h2{font-size:24px}.tagchip{background:var(--color-accent);color:#1a1414;font-family:var(--font-mono);font-weight:700;font-size:14px;padding:4px 11px;border-radius:6px}.section-title{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.section-title h3{font-size:20px}.stage-chip{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.empty{display:grid;place-items:center;height:60vh;text-align:center;color:var(--color-text-muted)}.app{grid-template-columns:268px 1fr;height:100vh;overflow:hidden}.content{display:flex;flex-direction:column;min-width:0;height:100vh}.topbar{height:68px;flex:0 0 68px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:0 var(--space-5);position:relative;z-index:20;margin:0}.content>.workspace,.content>.page{flex:1;min-height:0;overflow:hidden}.workspace{height:auto}.page{overflow-y:auto;padding:var(--space-6)}.iconbtn{position:relative;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:38px;height:38px;display:grid;place-items:center;color:var(--color-text);padding:0}.iconbtn:hover{background:var(--color-surface-alt)}.badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:999px;background:var(--color-primary);color:var(--color-primary-contrast);font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-contrast);display:grid;place-items:center;font-size:13px;font-weight:700}.usermenu{display:flex;align-items:center;gap:var(--space-3);font-size:14px}.dropdown{position:absolute;top:60px;right:var(--space-5);width:420px;z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.dropdown .head{padding:var(--space-4);font-weight:700;border-bottom:1px solid var(--color-border)}.dropdown .item{padding:var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer}.dropdown .item:last-child{border-bottom:0}.dropdown .item:hover{background:var(--color-surface-alt)}.dropdown .item .t{font-weight:600;font-size:14px;margin-bottom:3px}.dropdown .item .d{font-size:13px;color:var(--color-text-muted)}.welcome h2{font-size:34px;margin-bottom:4px}.welcome p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.quick{border:2px dashed color-mix(in srgb,var(--color-accent) 65%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 7%,var(--color-surface));border-radius:var(--radius);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.quick .ic{width:52px;height:52px;border-radius:var(--radius);flex:0 0 52px;display:grid;place-items:center;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.quick .grow{flex:1}.quick h4{font-size:17px;margin-bottom:3px}.quick p{font-size:14px;color:var(--color-text-muted)}.tile.highlight{background:color-mix(in srgb,var(--color-review-bg) 70%,var(--color-surface));border-color:color-mix(in srgb,var(--color-review) 30%,var(--color-border))}.tile.highlight .n,.tile.highlight .l{color:var(--color-review)}.tile.good .n{color:var(--color-ok)}.tile .l{margin-bottom:6px;text-transform:none;font-size:13px;letter-spacing:0}.tile .n{font-size:34px}.placeholder{max-width:680px}.placeholder h3{font-size:20px;margin-bottom:var(--space-3)}.placeholder li{margin-left:20px;font-size:14px;line-height:1.9;color:var(--color-text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:grid;place-items:center;padding:var(--space-5)}.modal{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:min(1180px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.modal .head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-3)}.modal .body{padding:var(--space-5);overflow:auto;background:var(--color-surface-alt)}.viewer{display:grid;grid-template-columns:1fr 300px;gap:var(--space-5);align-items:start}.viewer .meta{font-size:13px}.viewer .meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:var(--space-3)}.viewer .meta dd{font-family:var(--font-mono);margin-top:2px;word-break:break-all}.pager{display:flex;gap:var(--space-2);align-items:center}.mismatch{border:1px solid var(--color-review);border-radius:var(--radius);overflow:hidden}.mismatch .bar{background:var(--color-review-bg);color:var(--color-review);padding:var(--space-3) var(--space-4);font-weight:600;font-size:14px;display:flex;align-items:center;gap:var(--space-2)}.candidates{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4)}.candidate{border:2px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);cursor:pointer;background:var(--color-surface)}.candidate:hover{border-color:var(--color-primary)}.candidate.picked{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.candidate .v{font-family:var(--font-mono);font-size:16px;font-weight:600;margin-bottom:6px}.candidate .src{font-size:12px;color:var(--color-text-muted)}.crop{margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-paper);height:92px;position:relative}.crop img{position:absolute;max-width:none}.overlay-card{width:min(680px,94vw)}.overlay-card .steps{display:grid;gap:var(--space-3);margin:var(--space-4) 0}.overlay-card .step{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.overlay-card .step:hover{border-color:var(--color-primary)}.overlay-card .step .num{width:26px;height:26px;border-radius:50%;flex:0 0 26px;display:grid;place-items:center;background:var(--color-primary);color:var(--color-primary-contrast);font-size:13px;font-weight:700}.overlay-card .step .t{font-weight:600;font-size:15px;margin-bottom:2px}.overlay-card .step .d{font-size:13px;color:var(--color-text-muted);line-height:1.5}.menu{position:absolute;top:60px;right:var(--space-5);width:240px;z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.menu .row-item{padding:var(--space-3) var(--space-4);font-size:14px;cursor:pointer;display:flex;gap:var(--space-3);align-items:center}.menu .row-item:hover{background:var(--color-surface-alt)}.menu .sep{height:1px;background:var(--color-border)}.market-grid{display:grid;gap:var(--space-4)}.optcard{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);background:var(--color-surface)}.optcard.oem{border-color:var(--color-primary);border-width:2px}.optcard .top{display:flex;align-items:center;gap:var(--space-3)}.optcard .name{font-weight:700;font-size:16px}.optcard .match{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:20px;color:var(--color-ok)}.optcard .facts{display:flex;gap:var(--space-5);margin-top:var(--space-3);font-size:13px}.optcard .facts b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:700}.star{background:transparent;border:0;padding:4px;cursor:pointer;color:var(--color-text-muted)}.star.on{color:var(--color-accent)}.compare{margin-top:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.filters{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.toggle{display:flex;gap:6px;align-items:center;font-size:13px;cursor:pointer;padding:6px 12px;border:1px solid var(--color-border);border-radius:999px}.toggle.on{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-6);text-align:center;cursor:pointer}.dropzone:hover,.dropzone.staged{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 4%,transparent)}.progress{height:8px;border-radius:999px;background:var(--color-surface-alt);overflow:hidden}.progress i{display:block;height:100%;background:var(--color-primary);transition:width .25s}
