*{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}}.rf-page{color:#eee;box-sizing:border-box;background:#111;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.rf-page h1{background:linear-gradient(45deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:500}.rf-subtitle{color:#9ca3af;text-align:center;margin:0 0 25px;font-size:.95rem;line-height:1.5}.rf-container{aspect-ratio:4/3;background:#000;border-radius:12px;width:100%;max-width:640px;line-height:0;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000080;border:0!important;min-height:auto!important}.rf-container video{width:100%;height:100%;display:block;object-fit:contain!important;min-height:0!important}.rf-overlay{pointer-events:none;position:absolute;inset:0}.rf-fps{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#4ade80;z-index:10;pointer-events:none;text-align:center;background:#0009;border-radius:6px;min-width:75px;padding:6px 10px;font-family:monospace;font-size:14px;line-height:1;position:absolute;top:12px;left:12px}.rf-source-toggle{z-index:10;opacity:0;pointer-events:none;gap:4px;transition:opacity .25s;display:flex;position:absolute;top:12px;right:12px}.rf-container:hover .rf-source-toggle{opacity:1;pointer-events:auto}.rf-source-btn,.rf-actions button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ccc;cursor:pointer;background:#0009;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;line-height:1;transition:all .2s;display:flex}.rf-source-btn:hover,.rf-actions button:hover:not(:disabled){color:#fff;background:#000c}.rf-source-btn.active{color:#fff;background:#3b82f6b3;border-color:#60a5fa80}.rf-status{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:24px;line-height:1.25;transition:opacity .3s;display:flex;position:absolute;inset:0}.rf-status-content{text-align:center;max-width:80%}.rf-status-text{margin-bottom:24px;font-size:1.2em;font-weight:700}.rf-status-sub{color:#aaa;font-size:.9em}.rf-spinner{border:3px solid #ffffff4d;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:1s ease-in-out infinite rf-spin}@keyframes rf-spin{to{transform:rotate(360deg)}}.rf-box{--box-color:#3b82f6;border:2.5px solid var(--box-color);pointer-events:none;z-index:4;box-shadow:none;border-radius:6px;position:absolute}.rf-box:nth-of-type(6n+1){--box-color:#3b82f6}.rf-box:nth-of-type(6n+2){--box-color:#ef4444}.rf-box:nth-of-type(6n+3){--box-color:#10b981}.rf-box:nth-of-type(6n+4){--box-color:#f59e0b}.rf-box:nth-of-type(6n+5){--box-color:#8b5cf6}.rf-box:nth-of-type(6n+6){--box-color:#ec4899}.rf-box span{background:var(--box-color);color:#fff;white-space:nowrap;text-shadow:0 1px 1px #00000059;border-radius:4px;padding:4px 7px;font:600 13px/1 system-ui,-apple-system,sans-serif;position:absolute;top:-26px;left:0}.rf-controls{background:#222;border:1px solid #333;border-radius:50px;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:12px 24px;display:flex}.rf-control-label{align-items:center;gap:10px;font-size:.9rem;display:flex}.rf-control-label input[type=range]{accent-color:#3b82f6;cursor:pointer}.rf-mono{width:4ch;font-family:monospace}.rf-control-divider{background:#444;width:1px;height:20px}.rf-label-input{color:#eee;background:#333;border:1px solid #555;border-radius:4px;outline:none;width:140px;padding:4px 8px;font-size:.85rem}.rf-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.rf-actions button{background:#222;border-color:#333}.rf-actions button:disabled{opacity:.45;cursor:not-allowed}.rf-footer{color:#666;text-align:center;margin-top:30px;font-size:.8rem}.rf-login{background:#222;border:1px solid #333;border-radius:18px;gap:12px;width:min(360px,100vw - 40px);padding:22px;display:grid;box-shadow:0 4px 24px #00000059}.rf-login label{color:#aaa;gap:6px;font-size:.9rem;display:grid}.rf-login input{color:#eee;font:inherit;background:#111;border:1px solid #444;border-radius:8px;padding:10px 12px}.rf-login button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border:0;border-radius:999px;padding:10px 14px}.rf-login button:disabled{opacity:.55;cursor:not-allowed}.rf-login p{color:#fca5a5;margin:0;font-size:.85rem}.rf-gemma-card{box-sizing:border-box;background:linear-gradient(#1f2937f0,#111827f0);border:1px solid #333b4b;border-radius:16px;width:min(640px,100%);margin-top:14px;padding:14px 18px;box-shadow:0 4px 24px #00000047}.rf-gemma-kicker{color:#a78bfa;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.75rem;font-weight:700}.rf-gemma-card p{color:#f8fafc;margin:0 0 8px;font-size:1rem;line-height:1.45}.rf-gemma-card span{color:#9ca3af;overflow-wrap:anywhere;font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block}