@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_a869fe2d-module__Nl2jCG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_a869fe2d-module__Nl2jCG__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_36655262-module__VMPiKa__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_36655262-module__VMPiKa__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg-primary:#06060e;--bg-secondary:#0c0c1a;--bg-card:#0e101ce0;--bg-card-hover:#141624f2;--bg-glass:#ffffff06;--bg-input:#ffffff0a;--bg-input-hover:#ffffff12;--border-glass:#ffffff0f;--border-glass-hover:#ffffff1f;--border-accent:#8b5cf64d;--accent:#8b5cf6;--accent-light:#a78bfa;--accent-glow:#8b5cf626;--green:#22c55e;--green-light:#4ade80;--green-glow:#22c55e1f;--green-bg:#22c55e14;--red:#ef4444;--red-light:#f87171;--red-glow:#ef44441f;--red-bg:#ef444414;--yellow:#eab308;--yellow-light:#facc15;--yellow-glow:#eab3081f;--blue:#3b82f6;--blue-light:#60a5fa;--text-1:#f1f5f9;--text-2:#94a3b8;--text-3:#64748b;--text-4:#475569;--font-sans:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:var(--font-mono), "JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(800px 500px at 15% 25%,#00dcff08,#0000),radial-gradient(600px 400px at 85% 75%,#8b5cf60a,#0000),radial-gradient(500px 400px at 50% 40%,#22c55e06,#0000);width:200%;height:200%;position:fixed;top:-50%;left:-50%}.app{z-index:1;flex-direction:column;max-width:1600px;min-height:100vh;margin:0 auto;padding:12px 16px;display:flex;position:relative}.header{border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#0f1119f2,#141620e6);justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.header:after{content:"";background:linear-gradient(90deg,#0000,#00dcff4d,#8b5cf64d,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.header-left{align-items:center;gap:14px;display:flex}.header-logo{background:linear-gradient(135deg, var(--accent), #6366f1);border-radius:var(--radius-md);color:#fff;width:44px;height:44px;box-shadow:0 4px 16px var(--accent-glow);justify-content:center;align-items:center;display:flex}.header-text h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--accent-light), #34d399, var(--blue-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.header-text p{color:var(--text-3);margin-top:1px;font-size:.78rem}.header-badges{align-items:center;gap:8px;display:flex}.badge{letter-spacing:.3px;border:1px solid var(--border-glass);transition:all var(--duration) var(--ease-out);border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.72rem;font-weight:600;display:flex}.badge-ok{background:var(--green-bg);color:var(--green-light);border-color:#22c55e40}.badge-off{background:var(--red-bg);color:var(--red-light);border-color:#ef444440}.badge-fps{color:var(--yellow-light);font-family:var(--font-code);background:#eab30814;border-color:#eab30833}.badge-device{border-color:var(--border-accent);color:var(--accent-light);background:#8b5cf614}.mode-tabs{border:1px solid var(--border-glass);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#0f1119e6,#141620d9);gap:4px;margin-bottom:10px;padding:4px;display:flex}.mode-tab{border-radius:var(--radius-sm);color:var(--text-3);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration) var(--ease-out);letter-spacing:.5px;text-transform:uppercase;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;font-weight:600;display:flex;position:relative}.mode-tab:hover{color:var(--text-2);background:var(--bg-glass)}.mode-tab-active{color:var(--accent-light);border-color:var(--border-accent);box-shadow:0 2px 16px var(--accent-glow);background:linear-gradient(135deg,#8b5cf61f,#6366f114)}.mode-tab-industrial.mode-tab-active{color:#00e5ff;background:linear-gradient(135deg,#00dcff1a,#00b4dc0f);border-color:#00dcff33;box-shadow:0 2px 16px #00dcff1a}.main-layout{flex:1;grid-template-columns:280px 1fr 320px;gap:10px;display:grid}.main-content{min-width:0}.dashboard-panel{flex-direction:column;gap:10px;display:flex}.control-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:6px;max-height:calc(100vh - 180px);padding:14px;display:flex;overflow:hidden auto}.control-panel::-webkit-scrollbar{width:4px}.control-panel::-webkit-scrollbar-track{background:0 0}.control-panel::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}.panel-header{border-bottom:1px solid var(--border-glass);align-items:center;gap:8px;margin-bottom:4px;padding-bottom:8px;display:flex}.panel-header h3{color:var(--text-1);letter-spacing:.2px;font-size:.85rem;font-weight:700}.panel-header .panel-count{background:var(--accent-glow);color:var(--accent-light);font-size:.7rem;font-weight:700;font-family:var(--font-code);border-radius:10px;margin-left:auto;padding:2px 8px}.ctrl-section{border:1px solid var(--border-glass);border-radius:var(--radius-md);overflow:hidden}.ctrl-section-toggle{background:var(--bg-glass);width:100%;color:var(--text-2);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration) var(--ease-out);text-align:left;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:.78rem;font-weight:600;display:flex}.ctrl-section-toggle:hover{background:var(--bg-input-hover);color:var(--text-1)}.ctrl-section-toggle span{flex:1}.ctrl-section-body{animation:slideDown .2s var(--ease-out);flex-direction:column;gap:12px;padding:10px 12px;display:flex}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.select-group{flex-direction:column;gap:4px;display:flex}.select-group label{color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;font-size:.72rem;font-weight:600}.select-input{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-input);width:100%;color:var(--text-1);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration) var(--ease-out);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 30px 8px 10px;font-size:.82rem}.select-input:hover{border-color:var(--border-glass-hover);background:var(--bg-input-hover)}.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.task-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.task-btn{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-3);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration) var(--ease-out);align-items:center;gap:4px;padding:7px 8px;font-size:.72rem;display:flex}.task-btn:hover{border-color:var(--border-glass-hover);color:var(--text-2)}.task-active{border-color:var(--border-accent);color:var(--accent-light);box-shadow:0 2px 8px var(--accent-glow);background:#8b5cf61f}.slider-group{flex-direction:column;gap:4px;display:flex}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-header label{color:var(--text-3);font-size:.72rem;font-weight:500}.slider-value{font-family:var(--font-code);color:var(--accent-light);font-size:.75rem;font-weight:600}.slider-unit{color:var(--text-4);margin-left:2px;font-size:.65rem}.range-input{appearance:none;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--pct,50%), #ffffff14 var(--pct,50%), #ffffff14 100%);cursor:pointer;width:100%;height:4px;transition:background var(--duration) var(--ease-out);border-radius:4px;outline:none}.range-input::-webkit-slider-thumb{appearance:none;background:var(--accent-light);border:2px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 8px var(--accent-glow);cursor:pointer;transition:transform var(--duration) var(--ease-out);border-radius:50%}.range-input::-webkit-slider-thumb:hover{box-shadow:0 0 14px var(--accent-glow);transform:scale(1.2)}.range-input::-moz-range-thumb{background:var(--accent-light);border:2px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 8px var(--accent-glow);cursor:pointer;border-radius:50%}.switch-group label{cursor:pointer;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.switch-group label span{color:var(--text-2);font-size:.78rem}.toggle-input{display:none}.toggle-track{width:36px;height:20px;transition:all var(--duration) var(--ease-out);background:#ffffff1a;border-radius:10px;flex-shrink:0;position:relative}.toggle-thumb{background:var(--text-3);width:16px;height:16px;transition:all var(--duration) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-input:checked+.toggle-track{background:var(--accent)}.toggle-input:checked+.toggle-track .toggle-thumb{background:#fff;left:18px}.tolerance-group{flex-direction:column;gap:6px;display:flex}.tolerance-title{color:var(--text-2);padding-top:4px;font-size:.72rem;font-weight:600}.tolerance-row{flex-direction:column;gap:8px;display:flex}.camera-container{border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0a0c14f2,#0f1119e6);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.camera-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.camera-title{color:var(--text-2);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.live-dot{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.live-label{color:var(--red-light);letter-spacing:1px;font-size:.68rem;font-weight:800}.camera-actions{gap:4px;display:flex}.btn-icon{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-input);width:30px;height:30px;color:var(--text-3);cursor:pointer;transition:all var(--duration) var(--ease-out);justify-content:center;align-items:center;display:flex}.btn-icon:hover{border-color:var(--border-glass-hover);color:var(--text-1);background:var(--bg-input-hover)}.camera-viewport{aspect-ratio:4/3;background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.camera-result{object-fit:contain;z-index:2;width:100%;height:100%;position:absolute;inset:0}.camera-video-main{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.camera-video-pip{border-radius:var(--radius-sm);border:2px solid var(--border-glass-hover);object-fit:cover;z-index:5;width:160px;height:120px;transition:all .3s var(--ease-out);cursor:pointer;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 16px #0009}.camera-video-pip:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow);transform:scale(1.05)}.camera-hint{opacity:.6;color:var(--text-4)!important;font-size:.72rem!important}.camera-placeholder{color:var(--text-4);flex-direction:column;align-items:center;gap:12px;display:flex}.camera-placeholder p{font-size:.85rem}.camera-controls{border-top:1px solid var(--border-glass);padding:10px 14px}.camera-expanded{z-index:100;border-radius:var(--radius-xl);position:fixed;inset:10px}.camera-expanded .camera-viewport{aspect-ratio:auto;flex:1}.spinner{border:3px solid var(--border-glass);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-indicator{text-align:center;border-radius:var(--radius-lg);transition:all .4s var(--ease-out);border:2px solid;padding:24px 16px;position:relative;overflow:hidden}.status-glow{opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none;position:absolute;inset:0}.status-icon{z-index:1;margin-bottom:6px;font-size:2.5rem;position:relative}.status-label{letter-spacing:3px;z-index:1;font-size:1.4rem;font-weight:800;position:relative}.status-sub{opacity:.7;z-index:1;margin-top:4px;font-size:.75rem;position:relative}.status-ok{color:var(--green-light);box-shadow:0 0 30px var(--green-glow), inset 0 0 30px #22c55e08;background:linear-gradient(135deg,#22c55e0f,#22c55e05);border-color:#22c55e4d}.status-ok .status-glow{opacity:1;background:radial-gradient(#22c55e1a,#0000 70%)}.status-fail{color:var(--red-light);box-shadow:0 0 30px var(--red-glow), inset 0 0 30px #ef444408;background:linear-gradient(135deg,#ef44440f,#ef444405);border-color:#ef444466;animation:1.2s ease-in-out infinite alternate pulseRed}.status-fail .status-glow{opacity:1;background:radial-gradient(#ef44441f,#0000 70%)}@keyframes pulseRed{0%{box-shadow:0 0 20px #ef44441f}to{box-shadow:0 0 50px #ef44444d,0 0 100px #ef44440f}}.status-idle{color:var(--text-3);background:linear-gradient(135deg,#00dcff08,#94a3b805);border-color:#00dcff1a;animation:3s ease-in-out infinite scanPulse}@keyframes scanPulse{0%,to{border-color:#00dcff14}50%{border-color:#00dcff33}}.stats-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--border-glass);transition:all var(--duration) var(--ease-out);background:linear-gradient(135deg,#0f1119cc,#14162099);align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:0 2px 2px 0;width:2px;position:absolute;top:0;bottom:0;left:0}.stat-card:hover{background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0006}.stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-content{min-width:0}.stat-value{font-family:var(--font-code);letter-spacing:-.5px;font-size:1.15rem;font-weight:800}.stat-unit{opacity:.6;margin-left:2px;font-size:.65rem}.stat-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.stat-purple .stat-icon{color:var(--accent-light);background:#8b5cf61f}.stat-purple .stat-value{color:var(--accent-light)}.stat-purple:before{background:var(--accent)}.stat-green .stat-icon{background:var(--green-bg);color:var(--green-light)}.stat-green .stat-value{color:var(--green-light)}.stat-green:before{background:var(--green)}.stat-red .stat-icon{background:var(--red-bg);color:var(--red-light)}.stat-red .stat-value{color:var(--red-light)}.stat-red:before{background:var(--red)}.stat-yellow .stat-icon{color:var(--yellow-light);background:#eab30814}.stat-yellow .stat-value{color:var(--yellow-light)}.stat-yellow:before{background:var(--yellow)}.stat-blue:before{background:#00b4ff}.panel{border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f1119d9,#141620bf);padding:14px}.log-empty{text-align:center;color:var(--text-4);padding:20px;font-size:.82rem}.log-table-wrap{max-height:260px;margin-top:8px;overflow-y:auto}.log-table-wrap::-webkit-scrollbar{width:3px}.log-table-wrap::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:3px}.log-table{border-collapse:collapse;width:100%;font-size:.75rem}.log-table.compact{font-size:.72rem}.log-table thead tr{border-bottom:1px solid var(--border-glass)}.log-table th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:6px 8px;font-size:.65rem;font-weight:600}.log-table td{color:var(--text-2);border-bottom:1px solid #ffffff08;padding:6px 8px}.log-row{animation:rowSlide .3s var(--ease-out)}@keyframes rowSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.row-ok{border-left:2px solid var(--green)}.row-fail{border-left:2px solid var(--red)}.log-num{font-family:var(--font-code);color:var(--text-4);font-size:.68rem}.log-class{color:var(--text-1);font-weight:600}.log-size{font-family:var(--font-code);color:var(--accent-light)}.log-size .unit{color:var(--text-4);margin-left:1px;font-size:.6rem}.log-conf{font-family:var(--font-code);color:var(--text-3)}.log-badge{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700;display:inline-block}.log-badge.badge-ok{background:var(--green-bg);color:var(--green-light)}.log-badge.badge-fail{background:var(--red-bg);color:var(--red-light)}.general-stats{flex-direction:column;gap:8px;margin-top:8px;display:flex}.general-stat-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.general-stat-row.big{gap:8px;padding:12px 0}.general-stat-label{color:var(--text-3);font-size:.78rem}.general-stat-value{font-family:var(--font-code);color:var(--text-1);font-size:.85rem;font-weight:700}.general-stat-value.mono{color:var(--accent-light);font-size:.75rem}.general-stat-value.big{color:var(--accent-light);margin-left:auto;font-size:1.5rem}.general-section{padding-top:8px}.general-section h4{color:var(--text-2);margin-bottom:6px;font-size:.78rem}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration) var(--ease-out);letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #6366f1);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #8b5cf64d}.btn-primary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg, var(--red), #dc2626);color:#fff;box-shadow:0 4px 16px var(--red-glow)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ef44444d}.btn-secondary{background:var(--bg-input);color:var(--text-2);border:1px solid var(--border-glass)}.btn-secondary:hover{background:var(--bg-input-hover);color:var(--text-1);border-color:var(--border-glass-hover);transform:translateY(-1px)}.btn-full{width:100%;margin-top:4px}.footer{color:var(--text-4);letter-spacing:.5px;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:14px;font-size:.68rem;display:flex;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--border-glass), transparent);height:1px;position:absolute;top:0;left:10%;right:10%}.footer a{color:var(--accent-light);transition:color var(--duration);text-decoration:none}.footer a:hover{color:var(--accent)}.footer-sep{color:#00dcff33}@media (max-width:1200px){.main-layout{grid-template-columns:260px 1fr 280px}}@media (max-width:1024px){.main-layout{grid-template-columns:1fr}.control-panel{max-height:none}.dashboard-panel{flex-flow:wrap}.dashboard-panel>*{flex:1;min-width:280px}.header{flex-direction:column;gap:10px}.header-badges{flex-wrap:wrap;justify-content:center}}@media (max-width:640px){.app{padding:8px}.header-text h1{font-size:1.2rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:10px}.stat-value{font-size:1rem}.status-label{letter-spacing:1px;font-size:1.1rem}.dashboard-panel>*{min-width:100%}}.gear-color-grid{gap:4px;margin-bottom:8px;display:flex}.gear-color-btn{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-2);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration) var(--ease-out);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 6px;font-size:.72rem;display:flex}.gear-color-btn:hover{border-color:var(--border-glass-hover);background:var(--bg-input-hover)}.gear-color-active{color:#60a5fa;background:#3b82f61f;border-color:#3b82f680;box-shadow:0 2px 10px #3b82f626}.gear-color-label{font-size:.78rem;font-weight:600}.gear-color-desc{color:var(--text-4);text-align:center;font-size:.58rem}.gear-color-active .gear-color-desc{color:#60a5faa6}.hsv-info{border-radius:var(--radius-sm);color:var(--text-3);background:#8b5cf60f;border:1px solid #8b5cf61f;margin-bottom:6px;padding:5px 10px;font-size:.68rem}.mode-tab-industrial{color:#ffb432!important;background:linear-gradient(135deg,#ffb43226,#ff820014)!important;border-color:#ffb43259!important;box-shadow:0 2px 16px #ffb4321f!important}.ind-model-info{border-radius:var(--radius-sm);color:#ffb432;background:#ffb43214;border:1px solid #ffb43226;margin-bottom:6px;padding:6px 10px;font-size:.68rem}.tolerance-info,.calibration-info{border-radius:var(--radius-sm);color:var(--text-3);background:#8b5cf60f;border:1px solid #8b5cf61f;padding:5px 10px;font-size:.68rem}.teeth-badge{color:var(--accent-light);font-size:.68rem;font-weight:700;font-family:var(--font-code);background:#8b5cf626;border-radius:4px;padding:1px 6px;display:inline-block}.log-teeth{font-family:var(--font-code);color:var(--accent-light);font-size:.75rem}.defects-badge{color:#f87171;font-size:.68rem;font-weight:700;font-family:var(--font-code);background:#ef444426;border-radius:4px;padding:1px 6px;display:inline-block}.stat-blue .stat-icon{color:var(--blue-light);background:#3b82f61f}.stat-blue .stat-value{color:var(--blue-light)}.stat-unit{color:var(--text-4);margin-left:2px;font-size:.65rem;font-weight:400}.history-panel{margin-top:8px}.tracking-banner{border-radius:var(--radius-md);border:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;transition:all .3s;display:flex}.tracking-active{background:#22c55e14;border-color:#22c55e40}.tracking-idle{background:var(--bg-glass)}.tracking-left{align-items:center;gap:8px;display:flex}.tracking-dot{border-radius:50%;width:8px;height:8px;transition:all .3s}.dot-active{background:var(--green);box-shadow:0 0 8px var(--green);animation:1.5s ease-in-out infinite pulse-dot}.dot-idle{background:var(--text-4)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.tracking-label{color:var(--text-2);font-size:.72rem;font-weight:500}.tracking-right{align-items:center;gap:10px;display:flex}.tracking-score{color:var(--green-light);font-size:.68rem;font-family:var(--font-code)}.tracking-count{color:var(--accent-light);font-size:.72rem;font-weight:600;font-family:var(--font-code);background:var(--accent-glow);border-radius:20px;align-items:center;gap:3px;padding:2px 8px;display:flex}.history-stats{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;display:flex}.hstat{color:var(--text-3);font-size:.68rem;font-family:var(--font-code);align-items:center;gap:4px;display:flex}.hstat-ok{color:var(--green)}.hstat-fail{color:var(--red)}.hstat-refresh{color:var(--text-4);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:2px;transition:all .2s;display:flex}.hstat-refresh:hover{color:var(--accent-light);background:var(--accent-glow)}.spin{animation:.8s linear infinite spin}.history-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:6px;padding-left:2px;font-size:.7rem;font-weight:600;display:flex}.history-clear-btn{color:var(--red);background:var(--red-bg);cursor:pointer;text-transform:none;letter-spacing:0;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.62rem;transition:all .2s;display:flex}.history-clear-btn:hover{border-color:var(--red);background:#ef444426}.hstat-clear{color:var(--text-4);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .2s;display:flex}.hstat-clear:hover{color:var(--red);background:var(--red-bg)}.history-list{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;gap:4px;max-height:260px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.history-empty{color:var(--text-4);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:.72rem;display:flex}.history-item{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;padding:8px 10px;transition:all .2s}.history-item:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover)}.hi-ok{border-left:2px solid var(--green)}.hi-fail{border-left:2px solid var(--red)}.hi-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.hi-badge{font-size:.68rem;font-weight:600;font-family:var(--font-code)}.badge-ok{color:var(--green-light)}.badge-fail{color:var(--red-light)}.hi-time{color:var(--text-4);font-size:.62rem;font-family:var(--font-code);align-items:center;gap:4px;display:flex}.hi-metrics{color:var(--text-3);font-size:.64rem;font-family:var(--font-code);gap:10px;display:flex}.hi-llm{align-items:center;margin-top:6px;display:flex}.llm-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:.6rem;font-weight:600;display:inline-flex}.llm-pending{color:var(--yellow-light);background:#eab3081a;border:1px solid #eab30833;animation:2s infinite pulse}.llm-ok{color:var(--green-light);background:#22c55e1a;border:1px solid #22c55e33}.llm-fail{color:var(--red-light);background:#ef444426;border:1px solid #ef44444d}.llm-skip{color:var(--text-4);background:#94a3b81a;border:1px solid #94a3b833}.llm-error{color:var(--accent-light);background:#8b5cf61a;border:1px solid #8b5cf633}.hi-llm-reason{border-left:2px solid var(--red);color:var(--text-2);background:#ef44440d;border-radius:0 4px 4px 0;margin-top:8px;padding:6px 8px;font-size:.65rem;line-height:1.4}.hi-image-wrap{border-radius:var(--radius-sm);margin-top:8px;animation:.2s slideDown;overflow:hidden}.hi-image{border-radius:var(--radius-sm);border:1px solid var(--border-glass);width:100%;height:auto;display:block}.verdict-banner{border-radius:var(--radius-md);text-align:center;letter-spacing:.02em;border:1px solid;margin-bottom:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .3s}.verdict-pass{color:var(--green-light);background:#22c55e1f;border-color:#22c55e4d;animation:1.5s ease-in-out pulse-verdict}.verdict-fail{color:var(--red-light);background:#ef44441f;border-color:#ef44444d;animation:.5s ease-in-out pulse-verdict-fail}.verdict-scanning{color:var(--yellow-light);background:#eab30814;border-color:#eab30840}.verdict-waiting{background:var(--bg-glass);border-color:var(--border-glass);color:var(--text-3)}@keyframes pulse-verdict{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes pulse-verdict-fail{0%,to{opacity:1}25%{opacity:.6}50%{opacity:1}75%{opacity:.6}}.mode-tab-capture.mode-tab-active{color:var(--blue-light)!important;background:#3b82f61f!important;border-color:#3b82f64d!important}.main-content-wide{flex:1}.capture-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);max-width:720px;margin:0 auto;padding:20px}.capture-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.capture-title{color:var(--text-1);align-items:center;gap:8px;margin:0;font-size:.9rem;font-weight:600;display:flex}.capture-count{color:var(--text-3);font-size:.72rem;font-family:var(--font-code);background:var(--bg-glass);border-radius:12px;align-items:center;gap:5px;padding:3px 10px;display:flex}.capture-desc{color:var(--text-3);margin:0 0 12px;font-size:.72rem;line-height:1.5}.capture-desc kbd{background:var(--bg-input);border:1px solid var(--border-glass);font-family:var(--font-code);border-radius:4px;padding:1px 6px;font-size:.65rem}.capture-viewport{aspect-ratio:16/9;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-glass);width:100%;margin-bottom:12px;position:relative;overflow:hidden}.capture-video{object-fit:cover;width:100%;height:100%}.capture-placeholder{height:100%;color:var(--text-4);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.75rem;display:flex}.capture-flash{opacity:.7;pointer-events:none;background:#fff;animation:.15s ease-out forwards flash-fade;position:absolute;inset:0}@keyframes flash-fade{0%{opacity:.7}to{opacity:0}}.capture-controls{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.capture-btn{border:1px solid var(--border-glass);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.capture-btn-start{color:var(--green-light);background:#22c55e1f;border-color:#22c55e40}.capture-btn-start:hover{background:#22c55e33}.capture-btn-photo{background:var(--accent-glow);color:var(--accent-light);border-color:var(--border-accent);padding:6px 20px}.capture-btn-photo:hover{background:#8b5cf640;transform:scale(1.05)}.shutter-ring{border:2px solid var(--accent-light);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.shutter-dot{background:var(--accent);border-radius:50%;width:12px;height:12px}.capture-btn-stop{background:var(--red-bg);color:var(--red-light);border-color:#ef444433}.capture-btn-stop:hover{background:#ef444426}.capture-btn-clear{color:var(--text-4);background:0 0;border:none;padding:8px}.capture-btn-clear:hover{color:var(--red)}.capture-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.capture-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--border-glass);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.capture-thumb:hover{border-color:var(--accent);transform:scale(1.03)}.capture-thumb img{object-fit:cover;width:100%;height:100%}.thumb-name{color:var(--text-2);font-size:.5rem;font-family:var(--font-code);white-space:nowrap;text-overflow:ellipsis;background:#000000a6;padding:2px 4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.capture-header-right{align-items:center;gap:8px;display:flex}.capture-btn-icon{color:var(--text-4);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s;display:flex}.capture-btn-icon:hover{color:var(--red);background:var(--red-bg)}.capture-grid-title{color:var(--text-3);margin-bottom:6px;font-size:.68rem;font-weight:500}.capture-placeholder{cursor:pointer}.capture-placeholder:hover{color:var(--text-3)}.capture-overlay{z-index:1000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.overlay-close:hover{background:#fff3}.overlay-img{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:85vh}