:root{--toyota-red:#eb0a1e;--toyota-red-deep:#bd0014;--bg:#f9f9f9;--panel:#fff;--panel-subtle:#f3f3f3;--panel-muted:#eee;--panel-strong:#e8e8e8;--text:#1a1c1c;--text-soft:#5d6777;--text-muted:#8893a3;--line:#d4dae3;--line-soft:#e5e7eb;--shadow:0 10px 30px #0f172a14;--ok:#15803d;--ok-bg:#dcfce7;--warn:#b45309;--warn-bg:#fef3c7;--danger:#b91c1c;--danger-bg:#fee2e2;--neutral:#475569;--neutral-bg:#e2e8f0;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:linear-gradient(#ffffffeb,#f9f9f9f5),linear-gradient(120deg,#eb0a1e0b,#0000 28%);margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right,.topnav,.system-indicator,.auth-chip,.auth-chip-copy,.queue-card-row,.queue-stats,.analysis-toolbar,.analysis-title-group,.analysis-tools,.stage-caption,.stage-caption-right,.detail-grid,.defect-card-header,.defect-actions,.footer-cluster,.camera-summary-bar{align-items:center;display:flex}.topbar-left,.topbar-right{gap:24px}.topbar-right{min-width:0}.topbar h1,.section-heading h2,.analysis-toolbar h2,.selected-defect h3{margin:0}.topbar h1{color:#0f172a;font-size:18px;font-weight:700}.plant-block{flex-direction:column;gap:2px;display:flex}.plant-subtitle,.eyebrow,.brand-meta,.camera-selector-label,.detail-grid dt,.thumb-index{text-transform:uppercase;letter-spacing:.12em}.plant-subtitle,.eyebrow,.detail-grid dt,.thumb-index{color:var(--text-muted);margin:0;font-size:11px;font-weight:700}.topnav{align-self:stretch;gap:24px}.topnav-link{height:64px;color:var(--text-soft);border-bottom:2px solid #0000;align-items:center;padding:0 4px;font-size:14px;font-weight:600;display:inline-flex}.topnav-link.active{color:var(--toyota-red);border-bottom-color:var(--toyota-red)}.system-indicator{background:var(--panel-subtle);border-radius:8px;gap:12px;padding:8px 14px}.auth-chip{border:1px solid var(--line);background:#ffffffeb;border-radius:10px;gap:12px;min-width:0;padding:8px 12px}.auth-chip-copy{flex-direction:column;align-items:flex-start;min-width:0}.auth-chip-copy .indicator-label,.auth-chip-copy .indicator-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-chip-button{white-space:nowrap;min-height:34px;padding:0 12px}.system-dot{border-radius:999px;flex:none;width:10px;height:10px}.system-indicator.healthy .system-dot{background:var(--ok)}.system-indicator.degraded .system-dot{background:var(--warn)}.system-indicator.offline .system-dot{background:var(--danger)}.indicator-label,.indicator-meta,.queue-meta,.empty-state,.stage-caption p,.thumb-count,.defect-card p,.selected-defect p,.camera-summary-card span,.nav-item,.queue-title{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.indicator-label{color:var(--text-soft);font-size:14px;font-weight:600}.indicator-meta{color:var(--text-muted);font-size:12px}.icon-button,.primary-button,.complete-button,.annotate-button,.tool-icon,.ghost-button,.danger-button,.queue-card,.thumb-card,.defect-card-main{border:0}.icon-button{width:36px;height:36px;color:var(--text-soft);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.icon-button:hover,.tool-icon:hover{background:var(--panel-subtle)}.banner{border:1px solid #0000;border-radius:10px;margin:12px 32px 0;padding:12px 16px;font-size:14px}.banner.error{background:var(--danger-bg);color:#991b1b;border-color:#fecaca}.banner.success{background:var(--ok-bg);color:#166534;border-color:#bbf7d0}.auth-workspace{background:radial-gradient(circle at 0 0,#eb0a1e0f,#0000 26%),linear-gradient(#f3f4f6 0%,#eceff3 100%);flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.auth-card{width:min(520px,100%);box-shadow:var(--shadow);background:#fffffff5;border:1px solid #cbd5e1eb;border-radius:18px;flex-direction:column;gap:16px;padding:32px;display:flex}.auth-card h2,.auth-copy,.auth-error{margin:0}.auth-card h2{color:#0f172a;font-size:30px;line-height:1.1}.auth-copy{color:var(--text-soft);font-size:15px;line-height:1.6}.auth-error{color:#991b1b;font-size:14px}.auth-actions{align-items:center;gap:12px;display:flex}.workspace{flex:1;grid-template-columns:256px minmax(0,1fr) 320px;min-height:0;display:grid;overflow:hidden}.panel{min-height:0}.left-panel{border-right:1px solid var(--line);background:linear-gradient(#f4f4f5,#eceff3);flex-direction:column;min-height:0;display:flex}.center-panel{background:radial-gradient(circle at 0 0,#eb0a1e0d,#0000 24%),linear-gradient(#f2f4f7 0%,#eceff3 100%);flex-direction:column;gap:16px;min-width:0;min-height:0;padding:16px;display:flex;overflow:hidden}.right-panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-section{padding:20px}.brand-block{border-bottom:1px solid var(--line);padding:24px 24px 18px}.brand-mark{color:var(--toyota-red);letter-spacing:-.06em;font-size:31px;font-weight:900}.brand-meta{color:var(--text-muted);font-size:11px;font-weight:800}.section-heading{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.section-heading.compact{margin-bottom:12px}.section-heading h2{color:#0f172a;font-size:18px;line-height:1.25}.queue-section{flex-direction:column;flex:1;min-height:0;display:flex}.queue-list,.defect-list{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow:auto}.queue-card{text-align:left;border-left:4px solid #0000;border-bottom:1px solid var(--line-soft);background:0 0;flex-direction:column;gap:10px;padding:14px 16px;transition:background .16s,border-color .16s,transform .16s;display:flex}.queue-card:hover,.queue-card.selected{background:#ffffffe6}.queue-card.selected{border-left-color:var(--toyota-red);box-shadow:inset 0 0 0 1px #eb0a1e14}.queue-card-row,.queue-stats,.detail-grid{justify-content:space-between}.queue-vin{color:#1e293b;margin:0;font-size:14px;font-weight:700}.queue-meta,.queue-stats,.empty-state{color:var(--text-soft);font-size:12px}.queue-title{color:var(--text);font-size:13px;font-weight:700}.status-chip{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.status-chip.alert,.status-chip.active{color:var(--toyota-red-deep);background:#eb0a1e1f}.status-chip.pending,.status-chip.ignored{background:var(--warn-bg);color:var(--warn)}.status-chip.complete{background:var(--ok-bg);color:var(--ok)}.status-chip.neutral,.status-chip.false_alarm{background:var(--neutral-bg);color:var(--neutral)}.status-chip.compact{font-size:9px}.scan-form{flex-direction:column;gap:14px;display:flex}.primary-button,.complete-button,.annotate-button,.ghost-button,.danger-button{text-transform:uppercase;letter-spacing:.08em;border-radius:8px;min-height:40px;padding:0 14px;font-size:12px;font-weight:800}.primary-button{background:var(--toyota-red);color:#fff}.primary-button:hover,.complete-button:hover{filter:brightness(.97)}.nav-section{border-top:1px solid var(--line)}.nav-list{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:8px;padding:12px 14px;font-size:12px;font-weight:800}.nav-item.active{color:var(--toyota-red);box-shadow:inset 4px 0 0 var(--toyota-red);background:#ffffffe6}.analysis-toolbar{box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #cbd5e1e6;border-radius:12px;justify-content:space-between;gap:16px;padding:14px 18px}.analysis-title-group{gap:16px;min-width:0}.analysis-toolbar h2{white-space:nowrap;font-size:22px}.analysis-divider{background:var(--line);align-self:stretch;width:1px}.camera-nav-strip{align-items:center;gap:10px;min-width:0;display:flex}.camera-type-picker select{border:1px solid var(--line);color:#334155;background:#fff;border-radius:8px;min-width:140px;height:34px;padding:0 32px 0 10px;font-size:13px;font-weight:700}.camera-nav-arrow{color:var(--text-muted);font-size:14px;font-weight:700}.analysis-tools{gap:8px}.tool-icon,.annotate-button{background:var(--panel-subtle);color:var(--text-soft)}.tool-icon{border-radius:8px;width:34px;height:34px;font-size:18px}.annotate-button{border:1px solid var(--line)}.camera-hierarchy-panel{flex-direction:column;gap:12px;display:flex}.camera-summary-bar{gap:12px}.camera-summary-card{background:#ffffffd6;border:1px solid #cbd5e1e6;border-radius:12px;flex-direction:column;flex:1 1 0;gap:4px;min-width:0;padding:14px 16px;display:flex}.camera-selector-label{color:var(--text-muted);font-size:10px;font-weight:800}.camera-summary-card strong{color:#0f172a;font-size:16px}.camera-summary-card span:last-child{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.thumbnail-rail{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.thumb-card{text-align:left;border:1px solid var(--line);opacity:.72;background:#ffffffbf;border-radius:12px;flex-direction:column;flex:none;gap:6px;width:180px;padding:10px;transition:opacity .16s,transform .16s,border-color .16s,box-shadow .16s;display:flex}.thumb-card:hover,.thumb-card.selected{opacity:1}.thumb-card.selected{border-color:#eb0a1e73;box-shadow:inset 0 0 0 2px #eb0a1e1f}.thumb-preview{object-fit:cover;background:#dbe2ea;border-radius:8px;width:100%;height:92px;display:block}.thumb-index{color:var(--toyota-red-deep);font-size:10px}.image-stage-card{background:linear-gradient(#111827,#020617 55%);border:1px solid #334155;border-radius:16px;flex-direction:column;flex:1;gap:16px;min-height:0;padding:18px;display:flex;box-shadow:0 24px 50px #0f172a3d}.stage-caption,.stage-caption-right{justify-content:space-between;gap:12px}.stage-caption{color:#f8fafc}.stage-caption strong{font-size:16px}.stage-caption p,.stage-caption-right span{color:#e2e8f0c7;font-size:12px}.image-stage{background:radial-gradient(circle at 50% 24%,#ffffff14,#0000 32%),#000;border:1px solid #94a3b852;border-radius:14px;flex:1;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.inspection-image{object-fit:contain;max-width:100%;max-height:100%;display:block}.overlay-layer{pointer-events:none;position:absolute;inset:0}.defect-box{pointer-events:auto;background:0 0;border-radius:4px;transition:transform .12s,box-shadow .12s,border-color .12s;display:block;position:absolute}.defect-box:before,.defect-box:after{content:"";border-style:solid;border-color:currentColor;width:22px;height:22px;position:absolute}.defect-box:before{border-width:2px 0 0 2px;top:-2px;left:-2px}.defect-box:after{border-width:0 2px 2px 0;bottom:-2px;right:-2px}.defect-box.active{transform:scale(1.01)}.defect-box.active:before,.defect-box.active:after{box-shadow:0 0 0 9999px #00000057}.defect-box.active,.defect-card.selected{box-shadow:0 0 0 1px #ffffff2e}.defect-box.active,.defect-card.active.selected{color:#eb0a1e}.defect-box.ignored,.defect-card.ignored.selected{color:#f59e0b}.defect-box.false_alarm,.defect-card.false_alarm.selected{color:#94a3b8}.defect-box.active{color:#eb0a1e}.defect-box.ignored{color:#f59e0b}.defect-box.false_alarm{color:#94a3b8}.defect-tag{color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#0f172adb;border-radius:8px 8px 8px 2px;align-items:center;gap:8px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-32px;left:0}.resize-handle{background:currentColor;border:2px solid #fffffff2;border-radius:999px;width:10px;height:10px;position:absolute}.resize-handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.resize-handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.resize-handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.resize-handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.right-panel .panel-section+.panel-section{border-top:1px solid var(--line-soft)}.detail-grid{grid-template-columns:92px minmax(0,1fr);gap:12px;display:grid}.detail-grid dd{color:#0f172a;word-break:break-word;margin:0;font-size:13px;font-weight:600}.defect-section{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.eyebrow.accent{color:var(--toyota-red-deep)}.defect-card{background:#f8fafc;border-left:4px solid #0000;border-radius:0 12px 12px 0;flex-direction:column;flex:none;display:flex;overflow:hidden}.defect-card.active{background:#fef2f2e6;border-left-color:#22c55e}.defect-card.ignored{background:#fffbebe6;border-left-color:#f59e0b}.defect-card.false_alarm{background:#f8fafcf2;border-left-color:#cbd5e1}.defect-card-main{text-align:left;background:0 0;width:100%;padding:14px 16px 10px;display:block}.defect-card-header{justify-content:space-between;gap:12px;margin-bottom:6px}.defect-card-header strong{color:#0f172a;font-size:14px}.defect-card p{color:var(--text-soft);font-size:12px;line-height:1.45}.defect-actions{flex-wrap:wrap;gap:8px;padding:0 16px 14px}.ghost-button{color:var(--text-soft);border:1px solid var(--line);background:#fff}.danger-button{color:var(--danger);background:#fff;border:1px solid #fecaca}.selected-defect{border:1px solid var(--line);background:linear-gradient(#f8fafc,#eef2f7);border-radius:12px;padding:16px}.selected-defect h3{color:#0f172a;margin:6px 0 8px;font-size:20px}.selected-defect p{color:var(--text-soft);font-size:13px;line-height:1.5}.review-actions{background:#f8fafc;flex-direction:column;gap:10px;margin-top:auto;display:flex}.route-button{background:var(--toyota-red);color:#fff}.complete-button{color:#0f172a;border:1px solid var(--line);background:#fff}.status-footer{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#111827;justify-content:space-between;align-items:center;gap:16px;min-height:32px;padding:8px 32px;font-size:10px;font-weight:800;display:flex}.footer-cluster{flex-wrap:wrap;gap:24px}.footer-cluster span{align-items:center;gap:8px;display:inline-flex}.footer-cluster i{background:#22c55e;border-radius:999px;width:8px;height:8px;display:inline-block}.footer-accent{color:#fca5a5}@media (width<=1180px){.workspace{grid-template-columns:240px minmax(0,1fr)}.right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.camera-summary-bar{flex-direction:column;align-items:stretch}}@media (width<=900px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{flex-direction:column;align-items:flex-start;height:auto;padding:14px 20px}.topbar-left,.topbar-right,.analysis-toolbar,.analysis-title-group,.workspace,.stage-caption,.stage-caption-right,.status-footer{flex-direction:column;align-items:stretch}.topnav{display:none}.workspace{display:flex;overflow:visible}.left-panel,.right-panel,.center-panel{width:100%;overflow:visible}.center-panel{order:2}.left-panel{order:1}.right-panel{border-top:1px solid var(--line);order:3}.analysis-divider{display:none}.camera-nav-strip{flex-wrap:wrap;width:100%}.image-stage-card{min-height:440px}.status-footer{padding:12px 20px}}