*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f8fafc;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{color:#0f172a;max-width:1480px;margin:0 auto;padding:.75rem}.auth-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:min(560px,100%);padding:1.2rem}.auth-form{gap:.7rem;margin-top:.8rem;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:none}.session-panel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;min-width:220px;padding:.6rem}.session-panel p{color:#334155;margin:0;font-size:.9rem}.session-panel button{margin-top:.55rem}header h1{margin:0;font-size:1.5rem}header p{color:#334155;margin-top:.4rem}.card{background:#fff;border:1px solid #cbd5e1;border-radius:10px;margin-top:1rem;padding:1rem}.inspection-console{background:#070707;border:1px solid #111827;border-radius:20px;grid-template-columns:292px minmax(0,1fr);min-height:calc(100vh - 1.5rem);display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.monitor-panel{color:#1f2933;text-transform:uppercase;letter-spacing:.08em;background:#f3efe2;border-right:1px solid #0f172a47;padding:.95rem .85rem;font-family:Courier New,monospace}.monitor-titlebar{border-bottom:1px solid #0f172a2e;justify-content:space-between;align-items:center;gap:.65rem;padding-bottom:.65rem;font-size:.74rem;font-weight:800;display:flex}.monitor-titlebar strong{color:#7c3aed;font-size:1rem}.monitor-icons{color:#475569;gap:.55rem;margin-top:.75rem;font-size:1.05rem;display:flex}.monitor-icons span{background:#ffffff8c;border:1px solid #0f172a26;place-items:center;width:1.65rem;height:1.65rem;display:grid}.monitor-icons .icon-active{color:#f97316;border-color:#fed7aa}.monitor-panel label,.monitor-panel input,.monitor-panel select,.monitor-panel button{letter-spacing:.04em;font-family:inherit}.monitor-slider{margin-top:.85rem;font-size:.68rem}.monitor-slider span{color:#bef264;text-align:right;mix-blend-mode:multiply;margin-top:.25rem;display:block}.monitor-section{border-top:1px solid #0f172a29;margin-top:.85rem;padding-top:.75rem}.monitor-label{color:#111827;margin:0 0 .45rem;font-size:.68rem;font-weight:900}.label-chips{flex-wrap:wrap;gap:.3rem;display:flex}.label-chips span{color:#475569;background:#fffdf4;border:1px solid #0f172a2e;padding:.18rem .35rem;font-size:.62rem}.module-switcher{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.module-switcher button{color:#334155;background:#fffdf4;border:1px solid #0f172a33;border-radius:0;margin:0;padding:.35rem .25rem;font-size:.54rem;font-weight:900}.module-switcher .module-active{color:#bef264;background:#111827}.monitor-toggle{margin-top:.45rem;font-size:.62rem}.objects-section{grid-template-columns:auto 1fr;align-items:center;gap:.45rem .75rem;display:grid}.objects-section .monitor-label{grid-column:1/-1}.object-count{color:#f97316;font-size:2.1rem;line-height:1}.verdict-pill{color:#fff;background:#111827;justify-self:start;padding:.28rem .45rem;font-size:.62rem}.verdict-success{background:#15803d}.verdict-warning{background:#f97316}.verdict-error{background:#dc2626}.metric-stack{gap:.35rem;display:grid}.metric-row{grid-template-columns:72px 1fr 28px;align-items:center;gap:.45rem;font-size:.62rem;display:grid}.metric-track{background:#0f172a2e;height:.22rem;overflow:hidden}.metric-fill{height:100%}.metric-ok{background:#2dd4bf}.metric-warn{background:#facc15}.metric-danger{background:#ef4444}.metric-info{background:#a78bfa}.heat-map{background:#111827;grid-template-columns:repeat(12,1fr);gap:2px;padding:.3rem;display:grid}.heat-map span{aspect-ratio:1;border:1px solid #ffffff21}.models-section{gap:.32rem;display:grid}.models-section div{justify-content:space-between;gap:.5rem;font-size:.66rem;display:flex}.models-section strong{color:#bef264;mix-blend-mode:multiply}.compact-settings{gap:.45rem;display:grid}.compact-settings label{font-size:.62rem}.compact-settings input,.compact-settings select{background:#ffffffb8;border-radius:0;padding:.38rem .45rem;font-size:.72rem}.mini-state{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.58rem;line-height:1.25;overflow:hidden}.log-section ul{gap:.33rem;max-height:9rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.log-section li{color:#64748b;grid-template-columns:58px 1fr;gap:.45rem;font-size:.58rem;line-height:1.25;display:grid}.log-section strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.camera-stage-card{color:#e5e7eb;background:radial-gradient(circle at 100% 0,#ef444429,#0000 28rem),linear-gradient(135deg,#0b0f14 0%,#0f172a 100%);padding:1rem}.stage-topline{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.stage-topline h2{letter-spacing:.16em;color:#f8fafc;margin:0;font-family:Courier New,monospace;font-size:1.05rem}.stage-topline p{color:#94a3b8;margin:.25rem 0 0}.stage-session{background:#0f172ab8;border-color:#94a3b859;min-width:210px}.stage-session p{color:#e2e8f0}.vision-stage{background:#000;border:1px solid #ef444473;border-radius:14px;min-height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.vision-stage video{object-fit:cover;width:100%;height:min(64vh,680px);min-height:520px;display:block}.stage-grid-overlay{pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.vision-stage .roi{border-color:#22d3ee;box-shadow:0 0 0 9999px #0000002e,0 0 24px #22d3ee61}.vision-stage .roi-error{border-color:#ef4444;box-shadow:0 0 0 9999px #00000029,0 0 28px #ef444494}.vision-stage .roi-success{border-color:#22c55e;box-shadow:0 0 0 9999px #00000029,0 0 28px #22c55e7a}.vision-stage .roi span,.tracking-tag{color:#001018;text-overflow:ellipsis;white-space:nowrap;background:#0ea5e9f5;max-width:100%;padding:.22rem .45rem;font-family:Courier New,monospace;font-size:.72rem;font-weight:900;position:absolute;top:0;left:0;overflow:hidden}.tracking-tag{pointer-events:none;z-index:3;border:1px solid;top:auto;left:auto}.stage-object-box{z-index:2;pointer-events:none;border:2px solid #2dd4bfeb;position:absolute;box-shadow:0 0 18px #2dd4bf40}.stage-object-box span{text-overflow:ellipsis;white-space:nowrap;color:#042f2e;background:#2dd4bff2;max-width:100%;padding:.2rem .45rem;font-family:Courier New,monospace;font-size:.68rem;font-weight:900;position:absolute;top:0;left:0;overflow:hidden}.tag-reference{color:#042f2e;background:#2dd4bfeb}.tag-score{color:#f5f3ff;background:#a855f7eb}.verdict-caption{color:#f8fafc;background:#0a0a0ab8;border:1px solid #ffffff1f;gap:.25rem;max-width:min(520px,100% - 2rem);padding:.65rem .8rem;font-family:Courier New,monospace;font-size:clamp(.72rem,1.2vw,.95rem);line-height:1.25;display:grid;position:absolute;bottom:1rem;left:1rem;right:auto;box-shadow:0 20px 50px #00000073}.verdict-caption span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.verdict-caption-object{opacity:.9;max-width:min(430px,100% - 2rem)}.verdict-caption strong{color:#f97316;letter-spacing:.16em;font-size:.72em}.verdict-caption-success strong{color:#22c55e}.verdict-caption-error strong{color:#ef4444}.verdict-caption-warning strong{color:#facc15}.stage-actions{grid-template-columns:repeat(4,minmax(120px,1fr));gap:.55rem;margin-top:.75rem;display:grid}.stage-actions button{background:#111827;border:1px solid #94a3b866;border-radius:999px;font-weight:800}.stage-actions button:nth-child(2){background:#0ea5e9}.stage-lower-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:.75rem;margin-top:.75rem;display:grid}.stage-panel{color:#0f172a;background:#f8fafcf5;margin-top:0}.status-card{background:linear-gradient(#f0f9ff 0%,#fff 100%);border-color:#bae6fd}.workflow-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin-top:.85rem;display:grid}.workflow-steps div{background:#fff;border:1px solid #bae6fd;border-radius:10px;align-items:center;gap:.55rem;padding:.65rem;display:flex}.workflow-steps strong{color:#fff;background:#0ea5e9;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;display:grid}.workflow-steps span{color:#0f172a;font-weight:700}.technical-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:.8rem;padding:.7rem .8rem}.technical-details summary{cursor:pointer;color:#334155;font-weight:700}.roi-details,.result-details{background:#fff}.primary-actions button:first-child,.primary-actions button:nth-child(2){background:#0284c7}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}label{color:#334155;font-size:.9rem;display:block}input,select,button{width:100%;font:inherit;box-sizing:border-box;border:1px solid #94a3b8;border-radius:8px;margin-top:.35rem;padding:.5rem .6rem}button{color:#fff;cursor:pointer;background:#0ea5e9;border:none}.danger-button{background:#dc2626}button[disabled]{opacity:.6;cursor:not-allowed}.status{margin:.5rem 0 0;font-weight:600}.status-neutral{color:#0f172a}.status-success{color:#166534}.status-warning{color:#9a3412}.status-error{color:#b91c1c}.warmup-msg{color:#334155;margin:.45rem 0 0;font-size:.9rem}.helper-text{color:#475569;margin:.55rem 0 0;font-size:.92rem}.toggle-row{margin-top:.75rem}.inline-toggle{align-items:center;gap:.55rem;display:flex}.inline-toggle input[type=checkbox]{width:auto;margin:0}.reasons{color:#475569;margin:.7rem 0 0;padding-left:1.2rem}.video-wrap{background:#000;border:1px solid #cbd5e1;border-radius:8px;margin-top:.8rem;position:relative;overflow:hidden}.video-wrap video{object-fit:cover;width:100%;max-height:420px;display:block}.roi{border:2px solid #22c55e;position:absolute;box-shadow:0 0 0 2000px #00000040}.sliders{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin-top:.75rem;display:grid}.reference-panel{background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;margin-top:.9rem;padding:.85rem}.reference-panel h3{margin:0}.reference-actions{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:.6rem;margin-top:.75rem;display:grid}.reference-image{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;max-width:280px;margin-top:.75rem}.actions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin-top:.9rem;display:grid}.live-panel{background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;margin-top:.9rem;padding:.85rem}.live-panel-active{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e33}.live-panel-header{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.live-panel h3{margin:0}.compact-label{min-width:130px}.compact-controls{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.55rem;min-width:min(320px,100%);display:grid}.live-commentary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:.8rem 0 0;padding:.75rem;font-weight:700}.live-log{gap:.45rem;margin:.7rem 0 0;padding-left:0;list-style:none;display:grid}.live-log li{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:.2rem;padding:.5rem;display:grid}.live-log span{color:#64748b;font-size:.82rem;font-weight:500}.output-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;margin-top:.9rem;display:grid}.preview-image{border:1px solid #cbd5e1;border-radius:8px;width:100%}pre{color:#e2e8f0;background:#0f172a;border-radius:8px;margin:0;padding:.8rem;overflow:auto}.adapter-note{color:#475569;margin-top:.6rem;font-size:.9rem}.history ul{margin:.5rem 0 0;padding-left:1.25rem}.history-filters{margin-top:.55rem}.history-actions{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.history-actions button{width:auto;margin-top:0}.history-list{padding-left:0;list-style:none}.history li{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.35rem;padding:.5rem .6rem;display:flex}.history-item-actions{align-items:center;gap:.5rem;display:flex}.history-item-actions button{width:auto;margin-top:0;padding:.35rem .6rem}.history-detail{margin-top:.8rem}.history-detail h3{margin:0 0 .4rem}.detail-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.detail-card,.detail-image-card{background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;padding:.8rem}.detail-card h4{margin:0 0 .45rem}.detail-card p{margin:.2rem 0}.detail-primary{font-size:1.35rem;font-weight:700}.detail-warning{color:#9a3412;margin:.8rem 0 0;font-weight:600}.detail-images{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin-top:.9rem;display:grid}.detail-image-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.detail-raw-block{margin-top:.8rem}.detail-raw-block summary{cursor:pointer;margin-bottom:.45rem;font-weight:600}.error{color:#b91c1c;font-weight:600}.hidden{display:none}@media (width<=820px){.topbar,.output-grid,.actions{grid-template-columns:1fr}.history li{display:block}.history-item-actions{margin-top:.45rem}.topbar{display:block}.session-panel{margin-top:.8rem}}