:root{--bg-app:#fff;--bg-card:#fff;--bg-subtle:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--border-light:#e2e8f0;--brand-primary:#2563eb;--brand-success:#16a34a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-mono:"Space Mono", "Consolas", monospace;font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-app);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;box-shadow:none!important}body{background-color:var(--bg-app);color:var(--text-main);margin:0;padding:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-main);margin:0;font-weight:600}.mono-label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.btn-primary{background-color:var(--text-main);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .15s;display:inline-flex}.btn-primary:hover{background-color:#334155}.btn-secondary{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);border:1px solid var(--border-light);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover,.btn-secondary.active{background-color:var(--bg-subtle);border-color:var(--text-main)}input[type=text],input[type=number],textarea,select{background-color:var(--bg-app);width:100%;color:var(--text-main);border:1px solid var(--border-light);font-family:var(--font-sans);border-radius:6px;min-height:40px;padding:10px 14px;font-size:14px}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand-primary);outline-offset:1px}.navbar.svelte-11lpkcp{color:var(--text-main);border-bottom:1px solid var(--border-light);z-index:100;background-color:#fff;padding:12px 20px;position:sticky;top:0}.nav-container.svelte-11lpkcp{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;display:flex}.brand-title.svelte-11lpkcp{font-family:var(--font-display);color:var(--text-main);font-size:16px;font-weight:700}.nav-menu.svelte-11lpkcp{gap:8px;display:flex}.nav-btn.svelte-11lpkcp{border:1px solid var(--border-light);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;min-height:38px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.nav-btn.svelte-11lpkcp:hover{color:var(--text-main);border-color:var(--text-main)}.nav-btn.active.svelte-11lpkcp{background-color:var(--text-main);color:#fff;border-color:var(--text-main)}@media (width<=640px){.nav-container.svelte-11lpkcp{flex-direction:column;align-items:stretch}.nav-menu.svelte-11lpkcp{justify-content:space-between;width:100%}.nav-menu.svelte-11lpkcp .nav-btn:where(.svelte-11lpkcp){text-align:center;flex:1;padding:8px 4px;font-size:12px}}.encoder-grid.svelte-1sffsrk{grid-template-columns:1.1fr 1fr;align-items:start;gap:20px;display:grid}.card-panel.svelte-1sffsrk{border:1px solid var(--border-light);background-color:#fff;border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex}.panel-head.svelte-1sffsrk,.stage-top.svelte-1sffsrk{justify-content:space-between;align-items:center;display:flex}.form-group.svelte-1sffsrk{flex-direction:column;gap:6px;display:flex}.file-box.svelte-1sffsrk{border:1px dashed var(--border-light);text-align:center;background-color:var(--bg-subtle);border-radius:6px;padding:12px}#encoder-file-input.svelte-1sffsrk{display:none}.file-label.svelte-1sffsrk{cursor:pointer;color:var(--text-muted);font-size:13px}.info-grid.svelte-1sffsrk{background-color:var(--bg-subtle);border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.info-item.svelte-1sffsrk{flex-direction:column;gap:2px;display:flex}.info-val.svelte-1sffsrk{color:var(--text-main);font-size:14px;font-weight:600}.hash-row.svelte-1sffsrk{background-color:var(--bg-subtle);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.hash-code.svelte-1sffsrk{word-break:break-all;color:var(--text-main);font-size:11px}.btn-group.svelte-1sffsrk{gap:8px;margin-top:6px;display:flex}.btn-group.svelte-1sffsrk .btn-secondary:where(.svelte-1sffsrk){flex:1}.fps-slider.svelte-1sffsrk{flex-direction:column;gap:4px;margin-top:12px;display:flex}.stage-card.svelte-1sffsrk{text-align:center;align-items:center}.stage-top.svelte-1sffsrk{text-align:left;width:100%}.qr-display-box.svelte-1sffsrk{border:1px solid var(--border-light);aspect-ratio:1;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:380px;padding:12px;display:flex}.qr-canvas-element.svelte-1sffsrk{object-fit:contain;width:100%;height:100%}.mono.svelte-1sffsrk{font-family:var(--font-mono)}@media (width<=900px){.encoder-grid.svelte-1sffsrk{grid-template-columns:1fr}.qr-display-box.svelte-1sffsrk{max-width:100%}}.decoder-grid.svelte-1bya9c8{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.card-panel.svelte-1bya9c8{border:1px solid var(--border-light);background-color:#fff;border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex}.panel-head.svelte-1bya9c8{justify-content:space-between;align-items:center;display:flex}.error-alert.svelte-1bya9c8{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 14px;font-size:13px}.viewfinder-stage.svelte-1bya9c8{aspect-ratio:4/3;border:1px solid var(--border-light);background-color:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.video-preview.svelte-1bya9c8{object-fit:cover;width:100%;height:100%}.hidden-canvas.svelte-1bya9c8{display:none}.loopback-status.svelte-1bya9c8{color:var(--text-main);text-align:center}.hud-bar.svelte-1bya9c8{border:1px solid var(--border-light);color:var(--text-main);font-family:var(--font-mono);background:#ffffffe6;border-radius:4px;gap:8px;padding:2px 8px;font-size:11px;display:flex;position:absolute;bottom:8px;right:8px}.camera-controls.svelte-1bya9c8{flex-direction:column;gap:6px;display:flex}.control-row.svelte-1bya9c8{gap:8px;display:flex}.control-row.svelte-1bya9c8 select:where(.svelte-1bya9c8){flex:1}.progress-container.svelte-1bya9c8{background-color:var(--bg-subtle);border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.progress-track.svelte-1bya9c8{background-color:var(--border-light);border-radius:4px;height:8px;overflow:hidden}.progress-fill.svelte-1bya9c8{background-color:var(--brand-primary);height:100%;transition:width .2s}.progress-stats.svelte-1bya9c8{color:var(--text-muted);justify-content:space-between;font-size:13px;display:flex}.matrix-box.svelte-1bya9c8{flex-direction:column;gap:6px;display:flex}.matrix-grid.svelte-1bya9c8{background-color:var(--bg-subtle);border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:6px;max-height:140px;padding:10px;display:grid;overflow-y:auto}.grid-cell.svelte-1bya9c8{border:1px solid var(--border-light);height:32px;font-family:var(--font-mono);color:var(--text-muted);background-color:#fff;border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex}.grid-cell.svelte-1bya9c8.active{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);font-weight:700}.result-box.svelte-1bya9c8{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.result-title.svelte-1bya9c8{align-items:center;gap:10px;display:flex}.result-title.svelte-1bya9c8 h4:where(.svelte-1bya9c8){color:#166534;margin:0;font-size:14px}.success-icon.svelte-1bya9c8{color:#fff;background-color:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.result-info.svelte-1bya9c8{flex-direction:column;gap:4px;font-size:13px;display:flex}.hash-text.svelte-1bya9c8{word-break:break-all;font-size:11px}.text-preview.svelte-1bya9c8{flex-direction:column;gap:4px;display:flex}.download-btn.svelte-1bya9c8{width:100%}.waiting-box.svelte-1bya9c8{background-color:var(--bg-subtle);color:var(--text-muted);border-radius:6px;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex}.mono.svelte-1bya9c8{font-family:var(--font-mono)}@media (width<=900px){.decoder-grid.svelte-1bya9c8{grid-template-columns:1fr}}.app-shell.svelte-1n46o8q{background-color:var(--bg-app);flex-direction:column;min-height:100vh;display:flex}.main-container.svelte-1n46o8q{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px 16px}.loopback-wrapper.svelte-1n46o8q{flex-direction:column;gap:16px;display:flex}.loopback-banner.svelte-1n46o8q{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:14px 18px}.loopback-banner.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0;font-size:18px}.loopback-grid.svelte-1n46o8q{flex-direction:column;gap:20px;display:flex}@media (width<=640px){.main-container.svelte-1n46o8q{padding:12px 8px}}