.auth-page,.auth-checking{font-family:Arial,Helvetica,sans-serif;background:#08080b;color:#fff;min-height:100dvh}.auth-page{--login-unit:min(clamp(1px,calc((100vw - 96px)/1100),1.2px),clamp(1px,calc((100dvh - 64px)/440),1.2px));display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;padding:32px 48px;background-image:linear-gradient(90deg,#0000001a,#0000000f),url(/qr-lab/assets/auth-background.webp);background-size:cover;background-position:center}.auth-layout{width:100%;max-width:calc(1100*var(--login-unit));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(480*var(--login-unit)));align-items:start;gap:calc(100*var(--login-unit))}.auth-branding{padding-top:0}.auth-logo{display:block;width:calc(320*var(--login-unit));max-width:100%;height:auto;object-fit:contain}.auth-brand-copy{margin-top:calc(32*var(--login-unit))}.auth-red-rule{display:block;width:calc(44*var(--login-unit));height:calc(3*var(--login-unit));background:#ff0928;margin-bottom:calc(18*var(--login-unit))}.auth-branding h1{font-size:calc(46*var(--login-unit));font-weight:700;letter-spacing:calc(-1.25*var(--login-unit));line-height:1.12;white-space:nowrap;margin:0}.auth-branding h1 span{display:block}.auth-branding h1 b{color:#ff0c2d}.auth-branding p{font-size:calc(18*var(--login-unit));line-height:1.35;color:#aeb2ba;margin:calc(16*var(--login-unit)) 0 0;letter-spacing:-.2px}.auth-card{width:100%;max-width:calc(480*var(--login-unit));padding:calc(32*var(--login-unit));background:linear-gradient(130deg,#1b1b1feb,#08080af0);border:1px solid #ed1737;border-radius:calc(16*var(--login-unit));box-shadow:0 24px 70px #0007,0 0 38px #ef002310;min-width:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card header{margin-bottom:calc(26*var(--login-unit))}.auth-card h2{font-size:calc(32*var(--login-unit));font-weight:700;letter-spacing:calc(-.8*var(--login-unit));line-height:1.14;margin:0;color:#fff}.auth-card header p{font-size:calc(16*var(--login-unit));line-height:1.35;margin:calc(8*var(--login-unit)) 0 0;color:#aeb2ba}.auth-card form{display:flex;flex-direction:column;gap:calc(20*var(--login-unit))}.auth-field{display:flex;flex-direction:column;gap:calc(7*var(--login-unit))}.auth-field>label{font-size:calc(14*var(--login-unit));font-weight:500;line-height:1.2;color:#f2f3f5}.auth-input{display:flex;align-items:center;gap:calc(12*var(--login-unit));border:1px solid #494e55;background:#1c1f22ab;border-radius:calc(9*var(--login-unit));min-height:calc(50*var(--login-unit));padding:0 calc(14*var(--login-unit));transition:border-color .15s,box-shadow .15s}.auth-input>svg{color:#afb7c0;flex-shrink:0;width:calc(20*var(--login-unit));height:calc(20*var(--login-unit))}.auth-input:focus-within{border-color:#ff324b;box-shadow:0 0 0 3px #ff123321}.auth-input input{font-family:inherit;display:block;background:transparent;border:0;outline:none!important;box-shadow:none!important;color:#fff;min-width:0;width:100%;height:calc(50*var(--login-unit) - 2px);min-height:0;padding:0;font-size:calc(16*var(--login-unit))}.auth-input input::placeholder{color:#989fa8;opacity:1}.auth-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #1c1f22 inset!important;-webkit-text-fill-color:#fff;caret-color:#fff}.auth-visibility{font-family:inherit;background:transparent!important;border:0!important;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:calc(32*var(--login-unit));width:calc(32*var(--login-unit));padding:4px;margin-right:-6px;color:#afb7c0;cursor:pointer}.auth-visibility svg{width:calc(20*var(--login-unit));height:calc(20*var(--login-unit))}.auth-visibility:hover:enabled{color:#fff}.auth-visibility:focus-visible{outline:2px solid #ff5064;outline-offset:2px;border-radius:5px}.auth-remember{position:relative;display:flex;align-items:center;align-self:flex-start;gap:calc(10*var(--login-unit));font-size:calc(14*var(--login-unit));cursor:pointer;min-height:calc(24*var(--login-unit));margin:0;color:#e9ebee}.auth-remember input{position:absolute;opacity:0;width:calc(22*var(--login-unit));height:calc(22*var(--login-unit));left:0;margin:0}.auth-checkbox{pointer-events:none;width:calc(22*var(--login-unit));height:calc(22*var(--login-unit));border-radius:5px;border:1px solid #737780;background:#181a1d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-checkbox svg{width:calc(17*var(--login-unit));height:calc(17*var(--login-unit));fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}.auth-remember input:checked+.auth-checkbox{background:#ff0c2d;border-color:#ff0c2d}.auth-remember input:checked+.auth-checkbox svg{opacity:1}.auth-remember input:focus-visible+.auth-checkbox{outline:2px solid #ff6275;outline-offset:4px}.auth-submit{font-family:inherit;display:flex;align-items:center;justify-content:center;gap:calc(12*var(--login-unit));min-height:calc(50*var(--login-unit));border:1px solid #ff1836;background:linear-gradient(105deg,#ff0829,#f11c35);color:#fff;border-radius:calc(9*var(--login-unit));font-size:calc(18*var(--login-unit));font-weight:600;padding:calc(11*var(--login-unit)) calc(16*var(--login-unit));box-shadow:0 6px 25px #ff00231a;cursor:pointer;transition:filter .15s,box-shadow .15s}.auth-submit:hover:enabled{background:linear-gradient(105deg,#ff1837,#ff2b43);border-color:#ff435a;box-shadow:0 8px 30px #ff002330}.auth-submit:focus-visible{outline:2px solid white;outline-offset:4px}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-submit>svg{width:calc(20*var(--login-unit));height:calc(20*var(--login-unit))}.auth-error{padding:12px 14px;border:1px solid #aa3041;background:#400c17a0;color:#ffbcc4;border-radius:8px;font-size:calc(15*var(--login-unit));line-height:1.4;margin:0}.auth-spinner{width:calc(19*var(--login-unit));height:calc(19*var(--login-unit));border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-checking{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.auth-checking img{width:240px;max-width:70vw}.auth-checking span{color:#aeb2ba;font-size:15px}.logout-message{position:fixed;bottom:36px;right:16px;z-index:90;color:#ffb7c0;background:#351019;border:1px solid #793443;border-radius:6px;padding:12px}.account-wrap{position:relative;flex:0 0 auto}.account-trigger{height:30px;min-height:30px;padding:4px 7px;gap:5px;color:#bacbda}.account-trigger.expanded{border-color:#8194a5;background:#17242e}.account-trigger:focus-visible{outline:2px solid #d64a60;outline-offset:3px}.account-menu{position:absolute;top:calc(100% + 9px);right:0;width:208px;z-index:80;padding:6px;background:linear-gradient(135deg,#142029,#0b131b);border:1px solid #34434d;border-radius:9px;box-shadow:0 12px 32px #0009;color:#f1f3f8}.account-identity{display:flex;flex-direction:column;gap:4px;padding:10px 10px 12px;border-bottom:1px solid #2b3b48;margin-bottom:5px}.account-identity>span{font-size:12px;color:#acc0d8}.account-identity strong{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-item{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:38px;padding:8px 10px;font-size:14px;border:1px solid transparent;background:transparent;color:#f1f3f8}.logout-item:hover:enabled{background:#2a1620;border-color:#59313d;color:#ff8898}.logout-item:focus-visible{outline:2px solid #d64a60;outline-offset:-2px;background:#2a1620}@media(max-width:1450px){.account-trigger{height:28px;min-height:28px}}@media(max-width:1100px){.auth-page{--login-unit:1px;padding:32px 40px}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:48px}.auth-branding h1{font-size:40px}.auth-logo{width:300px}}@media(max-width:1000px){.auth-page{padding:30px 24px;background-position:40% center;align-items:flex-start}.auth-layout{max-width:480px;grid-template-columns:1fr;gap:28px}.auth-logo{width:260px}.auth-brand-copy{margin-top:20px}.auth-branding h1{font-size:36px;line-height:1.08;letter-spacing:-1px}.auth-branding p{font-size:16px}.auth-red-rule{margin-bottom:12px}.auth-card{padding:30px}.auth-card h2{font-size:30px}}@media(max-width:420px){.auth-page{padding:26px 18px}.auth-logo{width:225px}.auth-branding h1{font-size:32px}.auth-card{padding:25px 21px}.auth-card h2{font-size:28px}.auth-card header p{font-size:15px}.auth-input{padding:0 12px}.hardware-badges .account-wrap{margin-left:auto}.account-menu{width:min(208px,calc(100vw - 28px))}}@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}.auth-page *{transition:none!important}}@font-face{font-family:Roboto Condensed;src:url(/qr-lab/assets/fonts/RobotoCondensed-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/qr-lab/assets/fonts/RobotoCondensed-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/qr-lab/assets/fonts/RobotoCondensed-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{font-family:Roboto Condensed,sans-serif;color:#f1f3f8;background:#080e13;font-synthesis:none;color-scheme:dark;--muted:#acc0d8;--red:#ff2439;--border:#34434d}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;background:linear-gradient(#141f29,#090f16);border:1px solid #364650;border-radius:6px;padding:9px 13px;min-height:36px}button:hover:enabled{background:#19262e;border-color:#8595a2}button:active:enabled{border-color:#ed1730;background:#080d12}button:disabled{cursor:default;color:#71839a;background:#101820;border-color:#27353f}button:focus{outline:none}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #d64a60;outline-offset:2px}button.primary{background:linear-gradient(#e2001d,#a80017);border-color:#ff2842;font-weight:600}button.primary:hover:enabled{background:#ef1030}button.primary:disabled{background:#510b17;border-color:#78313e;color:#a7808b}.icon{flex:0 0 auto}h1,h2,h3,p{margin:0}h2{font-size:18px;font-weight:600;line-height:1.12}h3{font-size:17px;font-weight:600}.section-heading{display:flex;align-items:center;gap:10px;min-width:0}.section-heading>div{min-width:0}.section-heading p{color:var(--muted);font-size:14px;line-height:1.2;margin-top:3px}.app-shell{height:100dvh;min-height:650px;display:flex;flex-direction:column;padding:0 18px}.app-header{display:flex;align-items:center;gap:20px;height:100px;flex-shrink:0;background:linear-gradient(110deg,#070c10,#0b1219);margin:0 -18px;padding:16px 20px}.brand{width:184px;height:auto;object-fit:contain}.header-divider{height:43px;width:1px;background:#34434d;flex-shrink:0}.product-heading h1{font-size:24px;font-weight:700;white-space:nowrap}.product-heading p{font-size:15px;color:var(--muted);margin-top:5px}.hardware-badges{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;min-height:30px;background:#101820;border:1px solid #30434a;border-radius:6px;font-size:13px;white-space:nowrap}.hardware{color:#22d3ee}.status{font-weight:600;color:#00ed89;min-width:0}.status i,.connection i{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.status.working{color:#facc15}.status.unhealthy{color:#ff2941}.workspace{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(350px,1fr);grid-template-rows:86px minmax(250px,1fr) 172px;grid-template-areas:"source results" "preview results" "controls performance";gap:10px;flex:1;min-height:0}.panel{background:linear-gradient(135deg,#0d151c,#080f14 50%,#0b1117);border:1px solid var(--border);border-radius:9px;min-width:0;min-height:0}.source-panel{grid-area:source;display:flex;align-items:center;padding:7px 10px;gap:20px}.source-panel>.section-heading{flex:0 0 245px;justify-content:center}.source-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex:1;min-width:0}.source-card{flex-direction:column;height:70px;gap:6px;padding:7px 4px;font-weight:600;font-size:15px}.source-card.selected{background:linear-gradient(#3a0913,#19060c);border-color:#f0002a;box-shadow:inset 0 0 6px #b9002580,0 0 8px #e0002340}.source-card small{font-size:10px;font-weight:400;line-height:1;opacity:.7}.source-card:disabled{background:transparent}.source-card.selected:disabled{background:linear-gradient(#3a0913,#19060c);border-color:#9b1830;color:#d8b3bb}.preview-panel{grid-area:preview;display:flex;flex-direction:column;padding:10px 12px;overflow:hidden}.preview-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-height:32px}.preview-tools{margin-left:auto;display:flex;align-items:center;gap:6px}.icon-button{width:33px;height:33px;min-height:33px;padding:6px}.feature-toggle{height:31px;min-height:31px;font-size:12px;padding:5px 7px;color:#9babbc}.feature-toggle.checked{border-color:#694428;color:#ffad66;background:#211811}.feature-toggle.gold.checked{color:#e5b74b;border-color:#665029;background:#211d10}.select-wrap{position:relative;display:block;min-width:0;flex:1}.select-wrap select{appearance:none;display:block;width:100%;min-height:35px;background:linear-gradient(#0f1921,#080f15);color:#f1f3f8;border:1px solid #354650;border-radius:6px;padding:8px 32px 8px 11px;outline:none;text-overflow:ellipsis;cursor:pointer}.select-wrap>.icon{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none}.select-wrap.compact{flex:0 0 auto;width:82px}.select-wrap.compact select{min-height:33px;height:33px;font-size:14px;text-align:center;padding:0 26px 0 6px}.select-wrap.compact>.icon{right:7px}.select-wrap select:disabled{color:#71839a;cursor:default}.select-wrap select option{background:#111d27;color:#f1f3f8}.viewport{position:relative;background:#070e12;border-radius:7px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.canvas-surface{min-width:100%;min-height:100%;position:relative}.canvas-surface canvas{display:block;position:sticky;top:0;left:0}.empty-preview{height:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#a6bad2}.empty-preview>.icon{color:#3b4f5b}.empty-preview p{font-size:17px}.local-preview{width:100%;height:100%;object-fit:contain;display:block}.video-position{display:flex;align-items:center;gap:10px;padding-top:7px;font-size:12px;color:var(--muted)}progress{accent-color:#ed1730;flex:1;height:5px}.preview-panel:fullscreen{background:#080e13;border:0;border-radius:0;padding:14px;height:100vh}.results-panel{grid-area:results;display:flex;flex-direction:column;padding:14px 13px 10px;gap:10px}.results-heading{display:flex;align-items:center;gap:8px;min-height:36px}.results-heading .section-heading{flex:1;gap:8px}.detected-count{color:var(--red);font-size:13px;font-weight:600;white-space:nowrap}.export-wrap{position:relative}.export-button{height:34px;min-height:34px;font-size:14px;padding:0 10px;gap:5px}.export-menu{position:absolute;right:0;top:calc(100% + 7px);width:220px;background:#101a24;border:1px solid #3c4d5b;border-radius:7px;z-index:20;padding:5px;box-shadow:0 10px 25px #0008}.export-menu button{border:none;background:transparent;width:100%;justify-content:flex-start;font-size:14px}.export-menu button:hover{background:#5c1322}.results-scroll{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.no-results{display:grid;place-items:center;height:100%;min-height:110px;color:var(--muted);font-size:14px}.result-card{border:1px solid #2b3d48;border-left:5px solid var(--accent);background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 17%,#0e171d),#101b22 34%);border-radius:8px;display:flex;align-items:center;gap:15px;padding:11px 12px;min-height:88px;flex-shrink:0}.result-card>.icon{color:var(--accent)}.result-body{flex:1;min-width:0}.result-title{display:flex;align-items:center;gap:7px;margin-bottom:8px;flex-wrap:wrap}.score{border:1px solid var(--accent);color:var(--accent);padding:3px 7px;font-size:12px;border-radius:4px;line-height:1.2}.ticket-chip{background:#443049;color:#d9b5e8;font-size:11px;border-radius:4px;padding:3px 5px}.duration{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px;margin-left:auto}.result-value{display:flex;align-items:center;border:1px solid #233540;background:#081119;border-radius:6px;padding:5px 6px 5px 9px;gap:5px;min-height:35px}.result-value>span{flex:1;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:15px;-webkit-user-select:text;user-select:text}.copy-button{border:0;background:transparent;padding:2px;min-height:27px;color:#b5c3d2}.details{background:#0b151c;border:1px solid #2b3d48;border-radius:8px;padding:10px 12px}.details-toggle{border:0;background:transparent;padding:0;min-height:24px;justify-content:flex-start;gap:8px;font-size:16px;font-weight:600}.details-toggle:hover:enabled{background:transparent;border:0}.rotated{transform:rotate(-90deg)}dl{margin:8px 0 0;font-size:13px}dl>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #1a2730;padding:3px 0}dt{color:var(--muted);white-space:nowrap}dd{margin:0 0 0 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-note{font-size:12px;color:var(--muted)}.fallback-note{font-size:12px;color:#facc15}.controls-panel{grid-area:controls;padding:12px 14px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px}.control-fields{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.control-fields label{min-width:0;display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:13px}.control-actions{display:flex;align-items:center;gap:9px}.control-actions button{height:36px;min-height:36px;min-width:90px}.control-actions .load-button{min-width:138px}.file-name{margin-left:3px;color:#899eb3;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.performance-panel{grid-area:performance;padding:12px 13px;display:flex;flex-direction:column;gap:10px}.performance-heading{display:flex;align-items:center;gap:8px}.monitor-toggle{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);cursor:pointer}.monitor-toggle input{position:absolute;opacity:0;width:36px;height:20px}.monitor-toggle i{position:relative;width:36px;height:20px;border:1px solid #596677;border-radius:15px;background:#101820}.monitor-toggle i:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#8b9aaa;top:2px;left:3px;transition:transform .15s}.monitor-toggle input:checked+i{border-color:#ff2439;background:#330612}.monitor-toggle input:checked+i:after{background:#ff2439;transform:translate(14px)}.monitor-toggle input:focus-visible+i{outline:2px solid #d64a60;outline-offset:2px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex:1}.metric{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:9px 6px;background:linear-gradient(135deg,#142029,#0d171e);border:1px solid #2b3e49;border-radius:8px;height:65px}.metric>div{display:flex;flex-direction:column;gap:3px;min-width:0}.metric span{font-size:13px;color:var(--muted);white-space:nowrap}.metric strong{font-size:23px;line-height:1.1;color:var(--red);font-weight:700;white-space:nowrap}.message{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #443d36;border-radius:6px;margin-top:8px;background:#151d24;font-size:14px;flex-shrink:0}.message.error{color:#ffb7c0;border-color:#632c38}.message.success{color:#80dcae;border-color:#28513e}.message span{flex:1;overflow-wrap:anywhere}.message button{background:transparent;border:0;min-height:20px;padding:0;color:inherit}footer{display:flex;align-items:center;gap:10px;min-height:30px;color:#a3b8ce;font-size:12px}footer>div{margin-left:auto;display:flex;align-items:center;gap:15px}.web-version{color:#667d90;font-size:11px;letter-spacing:.6px}.connection{display:flex;align-items:center;gap:5px;color:#c77784}.connection.online{color:#8fa7bb}.connection.online i{color:#00ed89;width:6px;height:6px}.diagnostics-button{border:0;background:transparent;padding:0;min-height:20px;color:#a3b8ce;font-size:12px}.splash{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at center,#310712 0,#080e13 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:splash-out .25s ease-in 1.55s forwards;pointer-events:none}.splash img{width:260px;max-width:60vw}.splash-bar{width:250px;height:3px;background:#372129;border-radius:5px;overflow:hidden;margin-top:14px}.splash-bar span{display:block;width:45%;height:100%;background:#f00024;box-shadow:0 0 8px #f00024;animation:initializing 1s ease-in-out infinite}.splash p{font-size:13px;color:#a5a0ab;letter-spacing:1.5px;margin-top:-7px}@keyframes initializing{0%{transform:translate(-120%)}to{transform:translate(330%)}}@keyframes splash-out{to{opacity:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#354650;border-radius:3px}::-webkit-scrollbar-track{background:transparent}@media(min-width:1700px){.app-shell{padding:0 20px}.workspace{grid-template-columns:minmax(0,1.95fr) minmax(470px,1fr);grid-template-rows:92px minmax(300px,1fr) 172px}.app-header{height:105px}.brand{width:206px}.source-panel>.section-heading{flex-basis:310px}.source-card{height:76px;font-size:16px}.metric{height:69px}.metrics{gap:13px}h2{font-size:19px}.result-card{min-height:96px}.product-heading h1{font-size:26px}}@media(max-width:1450px){.app-shell{padding:0 12px}.app-header{gap:15px;padding:13px 16px;height:91px;margin:0 -12px}.brand{width:153px}.product-heading h1{font-size:22px}.product-heading p{font-size:14px}.hardware-badges{max-width:500px;gap:6px}.badge{font-size:12px;min-height:26px;padding:4px 7px}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(355px,1fr);grid-template-rows:80px minmax(230px,1fr) 172px;gap:9px}.source-panel>.section-heading{flex-basis:220px}.source-panel{gap:10px}.source-options{gap:7px}.source-card{height:64px;font-size:14px}.source-card .icon{width:21px;height:21px}h2{font-size:17px}.section-heading p{font-size:13px}.preview-tools{gap:5px}.results-panel{padding:12px 11px 10px}.results-heading{gap:7px}.results-heading .icon{width:20px;height:20px}.detected-count{font-size:12px}.export-button{font-size:13px;padding:0 8px}.export-button .icon{width:15px;height:15px}.metric{gap:8px;padding:8px 5px}.metric>.icon{width:23px;height:23px}.metric span{font-size:12px}.metric strong{font-size:21px}.metrics{gap:8px}.performance-panel{padding:12px 11px}.control-actions button{min-width:85px}.control-actions .load-button{min-width:128px}}@media(max-width:1100px){.app-shell{height:auto;min-height:100dvh}.app-header{height:auto;min-height:100px;flex-wrap:wrap}.hardware-badges{max-width:none;width:100%;justify-content:flex-end}.product-heading h1{font-size:22px}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);grid-template-rows:82px 450px auto auto;grid-template-areas:"source source" "preview results" "controls controls" "performance performance"}.source-panel>.section-heading{flex-basis:220px}.performance-panel{min-height:150px}.controls-panel{min-height:170px}.preview-heading{flex-wrap:wrap}.preview-tools{margin-left:0}.metrics{gap:12px}.metric{justify-content:flex-start;padding:10px 15px}}@media(max-width:720px){.app-header{gap:12px}.brand{width:120px}.header-divider{height:35px}.product-heading h1{font-size:18px;white-space:normal;max-width:240px}.product-heading p{font-size:12px}.hardware-badges{justify-content:flex-start}.hardware-badges .hardware:first-child{max-width:220px;overflow:hidden;text-overflow:ellipsis}.workspace{display:flex;flex-direction:column}.source-panel{flex-direction:column;align-items:stretch;min-height:122px}.source-panel>.section-heading{flex:0 0 auto;justify-content:flex-start}.source-card{height:62px}.preview-panel{height:400px;flex-shrink:0}.preview-heading{gap:9px}.preview-tools{margin-left:auto}.results-panel{height:480px}.controls-panel{min-height:180px}.control-fields{grid-template-columns:1fr;gap:8px}.control-actions .file-name{display:none}.performance-panel{min-height:160px}.metrics{gap:6px}.metric{padding:9px 5px;gap:5px;justify-content:center}.metric>.icon{width:19px;height:19px}.metric strong{font-size:18px}.metric span,.connection{font-size:11px}.web-version{display:none}.preview-tools .feature-toggle{font-size:11px;padding:4px 5px}.app-shell{padding:0 9px}.app-header{margin:0 -9px;padding:13px}.source-card small{font-size:9px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.splash{display:none}.splash-bar span{animation:none}*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:720px){.product-heading{flex:1;min-width:0}.product-heading h1{max-width:none}}.controls-panel,.performance-panel{display:grid;grid-template-rows:40px 56px;padding:10px 12px;gap:10px}.controls-panel .section-heading h2,.performance-panel .section-heading h2{font-size:18px}.controls-panel .section-heading p,.performance-panel .section-heading p{font-size:13px}.controls-heading,.performance-heading{min-height:40px}.controls-heading{display:flex;align-items:center;gap:12px;min-width:0}.controls-heading .file-name{margin-left:auto;max-width:38%;min-width:0;text-align:right}.control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:0}.control-fields{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px}.control-fields .select-wrap select{height:36px;min-height:36px;font-size:13px}.control-actions{display:grid;grid-template-columns:repeat(3,112px);gap:8px}.control-actions button,.control-actions .load-button,.control-actions button:nth-of-type(2){width:100%;height:36px;min-height:36px;min-width:0;padding:7px 10px;font-size:14px}.metrics{flex:0 0 auto;gap:8px}.metric{height:56px;padding:7px 5px;gap:8px}.metric>.icon{width:23px;height:23px}.metric strong{font-size:21px}.metric span{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.video-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;color:#00ed89}.video-status>i{display:block;width:8px;height:8px;border-radius:50%;background:currentColor}.video-status.state-preparing{color:#fb923c}.video-status.state-paused{color:#facc15}.video-status.state-stopped{color:#8796a6}.video-status.state-error,.video-status.state-live{color:#ff2439}.video-status.state-live>i{animation:video-live-pulse 1.4s ease-in-out infinite}@keyframes video-live-pulse{0%,to{opacity:1;box-shadow:0 0 #ff243940}50%{opacity:.55;box-shadow:0 0 0 4px #ff243900}}@media(min-width:1101px){.workspace{grid-template-rows:86px minmax(250px,1fr) 128px}}@media(min-width:1700px){.workspace{grid-template-rows:92px minmax(300px,1fr) 128px}.metrics{gap:10px}.metric{height:56px}}@media(min-width:1101px)and (max-width:1250px){.workspace{grid-template-rows:80px minmax(230px,1fr) 173px}}@media(max-width:1250px){.controls-panel{grid-template-rows:40px auto}.control-row{grid-template-columns:1fr;gap:9px}.performance-panel{grid-template-rows:40px 56px;align-content:start}}@media(max-width:1100px){.controls-panel{min-height:0}.performance-panel{min-height:128px}}@media(max-width:720px){.controls-heading .file-name{display:none}.control-fields{grid-template-columns:1fr;gap:9px}.control-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{height:58px}.performance-panel{min-height:0;grid-template-rows:auto auto}.performance-heading .monitor-toggle{flex-shrink:0}.monitor-toggle span{white-space:nowrap}.metric strong{font-size:20px}}@media(max-width:420px){.control-actions button,.control-actions .load-button,.control-actions button:nth-of-type(2){font-size:13px;padding:6px 4px;gap:5px}.control-actions .icon{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.video-status.state-live>i{animation:none}}
