:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;--background:#f3f6f4;--surface:#fff;--surface-subtle:#eef2f0;--surface-strong:#e3e9e6;--foreground:#14201c;--foreground-muted:#586761;--foreground-faint:#738079;--border:#d4ddd8;--border-strong:#aebdb6;--primary:#0d6b53;--primary-hover:#095642;--primary-soft:#dcefe8;--accent:#b95416;--accent-soft:#fff0e4;--success:#087054;--success-soft:#dff3eb;--warning:#855400;--warning-soft:#fff1cc;--danger:#b42318;--danger-soft:#ffebe8;--camera-surface:#07110e;--camera-border:#263630;--camera-text:#dbe9e3;--focus-ring:#c05b1d;--shadow-panel:0 1px 2px #0c241b0f, 0 8px 28px #0c241b0d;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--background);letter-spacing:0;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--foreground);background:var(--background);overscroll-behavior-y:contain;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}button,select,input{font:inherit;letter-spacing:0}button,select{touch-action:manipulation}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--focus-ring) 72%, transparent);outline-offset:2px}h1,h2,p,dl,dd,dt,pre{margin:0}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;width:min(100% - 32px,1180px);margin:0 auto;padding:20px 0 16px;display:flex}.brand-block{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:var(--primary);border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.eyebrow,.section-kicker{color:var(--foreground-muted);font-size:12px;font-weight:650;line-height:1.25}.app-header h1{margin-top:2px;font-size:21px;font-weight:720;line-height:1.2}.workspace{flex:1;gap:16px;width:min(100% - 32px,1180px);margin:0 auto;padding:16px 0 24px;display:grid}.camera-panel,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-panel);border-radius:8px}.camera-panel{align-self:start;padding:16px}.panel{padding:16px}.panel-heading,.camera-heading-row,.result-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading,.camera-heading-row{margin-bottom:14px}.panel h2,.camera-panel h2{margin-top:2px;font-size:18px;font-weight:700;line-height:1.3}.status-pill{border:1px solid var(--border);min-height:32px;color:var(--foreground-muted);background:var(--surface-subtle);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:5px 10px;font-size:13px;font-weight:650;display:inline-flex}.status-scanning{border-color:color-mix(in srgb, var(--success) 32%, var(--border));color:var(--success);background:var(--success-soft)}.status-requesting{border-color:color-mix(in srgb, var(--warning) 26%, var(--border));color:var(--warning);background:var(--warning-soft)}.status-error{border-color:color-mix(in srgb, var(--danger) 28%, var(--border));color:var(--danger);background:var(--danger-soft)}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.camera-stage{aspect-ratio:4/5;border:1px solid var(--camera-border);width:100%;color:var(--camera-text);background:var(--camera-surface);isolation:isolate;border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.camera-stage video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s ease-out;display:block;position:absolute;inset:0}.camera-stage.is-live video{opacity:1}.camera-stage:after{z-index:1;content:"";pointer-events:none;border:38px solid #00000042;position:absolute;inset:0}.camera-placeholder{z-index:2;color:#b9cbc3;text-align:center;justify-items:center;gap:12px;display:grid;position:relative}.camera-placeholder strong{font-size:15px;font-weight:650}.frame-guide{z-index:3;aspect-ratio:1;pointer-events:none;width:min(68%,360px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-guide span{filter:drop-shadow(0 1px 2px #00000085);border-style:solid;border-color:#e7f8f0;width:32px;height:32px;position:absolute}.frame-guide span:first-child{border-width:3px 0 0 3px;top:0;left:0}.frame-guide span:nth-child(2){border-width:3px 3px 0 0;top:0;right:0}.frame-guide span:nth-child(3){border-width:0 3px 3px 0;bottom:0;right:0}.frame-guide span:nth-child(4){border-width:0 0 3px 3px;bottom:0;left:0}.camera-stage.is-live .frame-guide:after{content:"";background:#54d6ac;height:2px;animation:2.4s ease-in-out infinite scan-position;position:absolute;top:50%;left:12px;right:12px;box-shadow:0 0 10px #54d6acb8}.camera-toolbar{z-index:4;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.icon-button,.mini-icon-button{border:1px solid #0000;place-items:center;transition:color .18s ease-out,background-color .18s ease-out,border-color .18s ease-out,opacity .18s ease-out;display:inline-grid}.icon-button{color:#fff;background:#050e0bc7;border-color:#ffffff47;border-radius:50%;width:48px;height:48px}.icon-button:hover:not(:disabled),.icon-button.is-active{color:#06140f;background:#f2c14f}.icon-button:disabled{opacity:.42}.camera-controls{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:48px;padding:10px 14px;font-weight:680;transition:color .18s ease-out,background-color .18s ease-out,border-color .18s ease-out,opacity .18s ease-out;display:inline-flex}.button:active:not(:disabled){opacity:.82}.button:disabled{opacity:.48}.button-primary{color:#fff;background:var(--primary)}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-secondary{border-color:var(--border-strong);color:var(--foreground);background:var(--surface)}.button-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.button-stop{border-color:color-mix(in srgb, var(--danger) 42%, var(--border));color:var(--danger);background:var(--danger-soft)}.button-stop:hover{border-color:var(--danger)}.inline-message{border:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;font-size:14px;display:flex}.inline-message svg{flex:none;margin-top:1px}.error-message{border-color:color-mix(in srgb, var(--danger) 30%, var(--border));color:var(--danger);background:var(--danger-soft)}.success-message{border-color:color-mix(in srgb, var(--success) 30%, var(--border));color:var(--success);background:var(--success-soft)}.camera-select-row{color:var(--foreground-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;font-size:14px;font-weight:620;display:grid}.camera-select-row select{border:1px solid var(--border-strong);min-width:0;min-height:44px;color:var(--foreground);background:var(--surface);border-radius:6px;padding:8px 34px 8px 12px}.inspector{align-content:start;gap:16px;display:grid}.result-heading-row{margin-bottom:14px}.version-label{min-width:42px;min-height:30px;color:var(--accent);background:var(--accent-soft);font-variant-numeric:tabular-nums;border-radius:5px;justify-content:center;align-items:center;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:700;display:inline-flex}.payload-box{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px}.payload-toolbar{border-bottom:1px solid var(--border);min-height:44px;color:var(--foreground-muted);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:13px;font-weight:650;display:flex}.payload-actions{gap:8px;display:flex}.mini-icon-button{width:40px;height:40px;color:var(--foreground-muted);background:0 0;border-radius:5px}.mini-icon-button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft)}.mini-icon-button:disabled{opacity:.32}.payload-box pre{min-height:112px;max-height:220px;color:var(--foreground);overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto}.payload-box pre.is-concealed{color:var(--foreground-faint);word-break:break-all}.result-meta,.upload-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.result-meta div,.upload-meta div{min-width:0}.result-meta dt,.upload-meta dt,.metrics-grid dt{color:var(--foreground-muted);font-size:12px;font-weight:600}.result-meta dd,.upload-meta dd{font-variant-numeric:tabular-nums;margin-top:3px;font-size:14px;font-weight:650}.upload-title-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.panel-icon{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:6px;place-items:center;display:grid}.upload-title-row h2{margin:0;font-size:16px}.upload-title-row p{color:var(--foreground-muted);margin-top:1px;font-size:12px}.upload-state{min-width:54px;color:var(--foreground-muted);background:var(--surface-subtle);text-align:center;white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:700}.upload-pending{color:var(--warning);background:var(--warning-soft)}.upload-complete{color:var(--success);background:var(--success-soft)}.upload-queued,.upload-uploading,.upload-retrying{color:var(--warning);background:var(--warning-soft)}.upload-synced{color:var(--success);background:var(--success-soft)}.upload-error{color:var(--danger);background:var(--danger-soft)}.session-heading-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.session-heading-row h2{margin:0;font-size:16px}.session-state{color:var(--foreground-muted);background:var(--surface-subtle);text-align:center;white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:700}.presentation-picker{border:0;min-width:0;margin:16px 0 0;padding:0}.presentation-picker legend{color:var(--foreground-muted);margin-bottom:8px;padding:0;font-size:12px;font-weight:650}.presentation-options{gap:8px;display:grid}.presentation-option{cursor:pointer;min-width:0;position:relative}.presentation-option>input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.presentation-option-content{border:1px solid var(--border);min-height:72px;color:var(--foreground-muted);background:var(--surface-subtle);border-radius:6px;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px;transition:color .18s ease-out,background-color .18s ease-out,border-color .18s ease-out,opacity .18s ease-out;display:grid}.presentation-option-icon{width:36px;height:36px;color:var(--foreground-muted);background:var(--surface);border-radius:5px;place-items:center;display:grid}.presentation-option-copy,.presentation-option-copy strong,.presentation-option-copy span{min-width:0;display:block}.presentation-option-copy strong{color:var(--foreground);font-size:14px;font-weight:700;line-height:1.3}.presentation-option-copy span{margin-top:2px;font-size:11px;line-height:1.35}.presentation-option-check{border:1px solid var(--border-strong);color:#0000;background:var(--surface);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.presentation-option:hover .presentation-option-content{border-color:var(--border-strong)}.presentation-option>input:focus-visible+.presentation-option-content{outline:3px solid color-mix(in srgb, var(--focus-ring) 72%, transparent);outline-offset:2px}.presentation-option>input:checked+.presentation-option-content{border-color:color-mix(in srgb, var(--primary) 62%, var(--border));color:var(--primary);background:var(--primary-soft)}.presentation-option>input:checked+.presentation-option-content .presentation-option-icon{color:var(--primary)}.presentation-option>input:checked+.presentation-option-content .presentation-option-check{border-color:var(--primary);color:var(--surface);background:var(--primary)}.presentation-option>input:disabled+.presentation-option-content{opacity:.64;cursor:not-allowed}.session-active{color:var(--success);background:var(--success-soft)}.session-creating,.session-ending{color:var(--warning);background:var(--warning-soft)}.session-expired,.session-error{color:var(--danger);background:var(--danger-soft)}.pairing-code-row{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px;justify-content:space-between;align-items:end;gap:12px;min-width:0;margin-top:16px;padding:12px 8px 12px 14px;display:flex}.field-label{color:var(--foreground-muted);font-size:12px;font-weight:600;display:block}.pairing-code{color:var(--foreground);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:24px;font-weight:760;line-height:1.25;display:block}.session-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.session-meta dt{color:var(--foreground-muted);font-size:12px;font-weight:600}.session-meta dd{font-variant-numeric:tabular-nums;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:650}.session-create-button,.session-end-button{width:100%;margin-top:16px}.result-summary{border:1px solid var(--border);min-height:82px;color:var(--foreground-muted);background:var(--surface-subtle);border-radius:6px;align-items:center;gap:12px;padding:14px;display:flex}.result-summary>svg{flex:none}.result-summary strong,.result-summary span{display:block}.result-summary strong{color:var(--foreground);font-size:14px;font-weight:700}.result-summary span{margin-top:2px;font-size:12px}.result-summary.has-result{border-color:color-mix(in srgb, var(--success) 30%, var(--border));color:var(--success);background:var(--success-soft)}.network-state{align-items:center;gap:4px;display:flex}.metrics-grid{border:1px solid var(--border);background:var(--border);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.metrics-grid div{background:var(--surface-subtle);min-width:0;padding:12px}.metrics-grid dd{font-variant-numeric:tabular-nums;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;font-weight:720}.capability-row{color:var(--foreground-muted);flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:12px;font-weight:600;display:flex}.capability-row span{align-items:center;gap:5px;display:inline-flex}.app-footer{width:min(100% - 32px,1180px);padding:16px 0 calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--foreground-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0 auto;font-size:12px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan-position{0%,to{transform:translateY(-92px)}50%{transform:translateY(92px)}}@media (width>=760px){.app-header,.workspace,.app-footer{width:min(100% - 48px,1180px)}.app-header{padding-top:24px}.workspace{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px;padding-top:20px}.camera-panel,.panel{padding:20px}.camera-stage{aspect-ratio:4/3;max-height:670px}}@media (width>=1080px){.workspace{grid-template-columns:minmax(0,1.42fr) minmax(340px,.72fr);gap:24px}}@media (width<=420px){.app-header,.workspace,.app-footer{width:min(100% - 24px,1180px)}.camera-panel,.panel{padding:14px}.camera-controls{grid-template-columns:1fr}.upload-title-row,.session-heading-row{grid-template-columns:40px minmax(0,1fr)}.upload-state,.session-state{grid-column:2;justify-self:start}}@media (prefers-color-scheme:dark){:root{--background:#101613;--surface:#17201c;--surface-subtle:#1e2925;--surface-strong:#27342f;--foreground:#eef6f2;--foreground-muted:#b2c0ba;--foreground-faint:#8d9b95;--border:#33423c;--border-strong:#50635b;--primary:#35b88d;--primary-hover:#48c99e;--primary-soft:#173a30;--accent:#f39756;--accent-soft:#432716;--success:#66d2aa;--success-soft:#15382e;--warning:#f0c36a;--warning-soft:#3d3118;--danger:#ff8b82;--danger-soft:#48221f;--camera-surface:#030806;--camera-border:#3b4b45;--camera-text:#e7f1ed;--focus-ring:#f39756;--shadow-panel:0 1px 2px #0003, 0 10px 30px #00000024}.brand-mark,.button-primary{color:#07130f}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}