.vanpr{position:relative;width:100%;--vfm-ease: var(--vp-ease, cubic-bezier(.22, 1, .36, 1));--bg-0: var(--vp-surface-soft, #f8fafc);--bg-1: var(--vp-surface-gray, #f3f4f6);--surface: var(--vp-surface, #ffffff);--surface-2: var(--vp-surface-soft, #f8fafc);--surface-3: #e2e8f0;--border: var(--vp-border, #e2e8f0);--border-strong: rgba(15, 23, 42, .18);--indigo: #2563eb;--cyan: #2563eb;--violet: #2563eb;--emerald: #16a34a;--amber: #d97706;--rose: #dc2626;--text: var(--vp-heading, #0f172a);--text-2: var(--vp-body-secondary, #475569);--text-3: var(--vp-body-muted, #64748b);--grad: linear-gradient(135deg, #3b82f6, #2563eb);--accent: #2563eb;--font-sans: Inter, system-ui, -apple-system, sans-serif;--font-head: Inter, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 18px;--radius-sm: 12px;--shadow: var(--vp-shadow-card, 0 4px 24px rgba(15, 23, 42, .06));--plate-bg: #ffffff;--plate-text: #0f172a;--grid-line: rgba(15, 23, 42, .04);animation:vanpr-rise .55s var(--vfm-ease) both}.vanpr .shell{width:100%;max-width:1120px;display:flex;flex-direction:column;gap:1.5rem}.vanpr .topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.vanpr .brand{display:flex;align-items:center;gap:.9rem}.vanpr .brand-mark{width:48px;height:48px;border-radius:14px;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px #2563eb52;flex-shrink:0}.vanpr .brand-mark i{width:26px;height:26px}.vanpr .brand-eyebrow{margin:.3rem 0 0;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vp-primary, #2563eb)}.vanpr .brand-text .brand-eyebrow{color:var(--vp-primary, #2563eb)}.vanpr .brand-text h1{font-family:var(--font-head);font-size:clamp(1.25rem,2.5vw,1.45rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--text);margin:0}.vanpr .brand-text h1 span{color:inherit;background:none;-webkit-text-fill-color:currentColor}.vanpr .brand-text p{margin:.3rem 0 0;max-width:28rem;font-size:.9rem;line-height:1.45;color:var(--text-3);letter-spacing:0}.vanpr .topbar-tags{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.vanpr .tag{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:600;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);backdrop-filter:blur(12px)}.vanpr .tag i{width:14px;height:14px}.vanpr .tag-model{color:var(--accent);border-color:#2563eb33;background:#2563eb0f}.vanpr .tag-status{color:var(--amber);border-color:#d9770638;background:#f59e0b14}.vanpr .tag-status.ready{color:var(--emerald);border-color:#16a34a38;background:#16a34a14}.vanpr .tag-status.fallback{color:var(--amber);border-color:#d9770638;background:#f59e0b14}.vanpr .tag-status.error{color:var(--rose);border-color:#dc262638;background:#dc262614}.vanpr .tag-status .dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #2563eb59}70%{box-shadow:0 0 0 6px #2563eb00}to{box-shadow:0 0 #2563eb00}}@keyframes vanpr-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.vanpr .stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:clamp(1.25rem,3vw,2rem);animation:vanpr-rise .55s var(--vfm-ease) .08s both}.vanpr .view{animation:fade .4s var(--vfm-ease)}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vanpr .view-head{text-align:center;margin-bottom:1.5rem}.vanpr .view-eyebrow{display:inline-block;margin:0 0 .55rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.vanpr .view-head h2{font-family:var(--font-head);font-size:clamp(1.2rem,2.4vw,1.4rem);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text)}.vanpr .view-head p{color:var(--text-3);font-size:.9rem;line-height:1.5;margin:.45rem auto 0;max-width:32rem}.vanpr .dropzone{position:relative;border:1.5px dashed var(--border);border-radius:var(--radius);background:radial-gradient(ellipse 70% 55% at 50% 35%,rgba(37,99,235,.05),transparent 70%),var(--surface-2);padding:clamp(2.5rem,7vw,4.5rem) 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.75rem;cursor:pointer;transition:border-color .25s var(--vfm-ease),background .25s var(--vfm-ease),box-shadow .25s var(--vfm-ease)}.vanpr .dropzone:hover,.vanpr .dropzone:focus-visible,.vanpr .dropzone.drag{border-color:#2563eb8c;background:radial-gradient(ellipse 70% 55% at 50% 35%,rgba(37,99,235,.09),transparent 70%),#2563eb08;box-shadow:inset 0 0 0 1px #2563eb14;outline:none}.vanpr .dropzone-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}.vanpr .drop-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid var(--border);color:var(--accent);margin-bottom:.9rem;box-shadow:0 4px 14px #0f172a0f;transition:transform .25s var(--vfm-ease),border-color .25s var(--vfm-ease),box-shadow .25s var(--vfm-ease)}.vanpr .dropzone:hover .drop-icon,.vanpr .dropzone.drag .drop-icon{transform:translateY(-3px);border-color:#2563eb4d;box-shadow:0 8px 20px #2563eb26}.vanpr .drop-icon i{width:34px;height:34px}.vanpr .drop-title{font-size:1.05rem;font-weight:600;color:var(--text)}.vanpr .drop-title span{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.vanpr .drop-sub{font-size:.8rem;color:var(--text-3)}.vanpr .samples{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.vanpr .samples-label{font-size:.78rem;color:var(--text-2);font-weight:500}.vanpr .sample-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .85rem .4rem .4rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.vanpr .sample-chip:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-1px)}.vanpr .sample-chip img{width:34px;height:34px;object-fit:cover;border-radius:999px;border:1px solid var(--border)}.vanpr .btn,.vanpr .ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-weight:600;font-size:.85rem;padding:.7rem 1.15rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.vanpr .btn i,.vanpr .ghost-btn i{width:16px;height:16px}.vanpr .btn-primary{background:#0f172a;color:#fff;border-radius:999px;box-shadow:0 8px 22px #0f172a33}.vanpr .btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f172a3d}.vanpr .btn-ghost,.vanpr .ghost-btn{background:var(--surface-2);color:var(--text);border-color:var(--border);width:100%;border-radius:999px}.vanpr .btn-ghost:hover,.vanpr .ghost-btn:hover{background:#2563eb0a;border-color:#2563eb4d;color:var(--accent)}.vanpr .link-btn{background:none;border:none;color:var(--text-2);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:color .2s ease}.vanpr .link-btn:hover{color:var(--rose)}.vanpr .icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background .2s ease,color .2s ease}.vanpr .icon-btn:hover{background:var(--surface-3);color:var(--text)}.vanpr .icon-btn i{width:18px;height:18px}.vanpr .result-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:1.25rem}@media(max-width:820px){.vanpr .result-grid{grid-template-columns:1fr}}.vanpr .media-panel,.vanpr .readout-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow)}.vanpr .panel-tab{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.vanpr .panel-tab i{width:14px;height:14px;color:var(--cyan)}.vanpr .canvas-wrap{position:relative;border-radius:var(--radius-sm);overflow:hidden;background:#020617;border:1px solid var(--border);min-height:240px;display:grid;place-items:center}.vanpr .canvas-wrap canvas{max-width:100%;height:auto;display:block}.vanpr .scan-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0206178c;backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.vanpr .scan-overlay.active{opacity:1;visibility:visible}.vanpr .scan-beam{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 16px var(--cyan);animation:scan 1.8s ease-in-out infinite}@keyframes scan{0%{top:4%}50%{top:96%}to{top:4%}}.vanpr .scan-text{display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;color:#d5faff;background:#02061799;padding:.5rem .9rem;border-radius:999px;border:1px solid rgba(34,211,238,.3);z-index:1}.vanpr .mini-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(34,211,238,.25);border-top-color:var(--cyan);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vanpr .panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:auto}.vanpr .plate-card{position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.vanpr .plate-region{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.vanpr .plate-value{display:flex;justify-content:center}.vanpr .plate-value span{font-family:var(--font-mono);font-size:clamp(1.6rem,5vw,2.3rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--plate-text);background:var(--plate-bg);border:4px solid var(--plate-text);border-radius:10px;padding:.45rem 1rem;box-shadow:inset 0 0 0 2px var(--amber),0 10px 24px -10px #0009;width:100%}.vanpr .plate-value span.empty{font-size:1rem;letter-spacing:.04em;color:var(--rose);background:#fb718514;border-color:#fb718566;box-shadow:none}.vanpr .copy-btn{position:absolute;top:1rem;right:1rem;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.vanpr .copy-btn:hover{background:var(--surface-3);color:var(--cyan);border-color:#22d3ee66}.vanpr .copy-btn.ok{color:var(--emerald);border-color:#34d39980;background:#34d3991f}.vanpr .copy-btn i{width:18px;height:18px}.vanpr .conf-block{display:flex;flex-direction:column;gap:.5rem}.vanpr .conf-head{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-2)}.vanpr .conf-head span:last-child{font-family:var(--font-mono);font-weight:700;color:var(--text)}.vanpr .conf-bar{height:8px;border-radius:999px;background:#0f172a14;overflow:hidden}.vanpr .conf-fill{height:100%;width:0;border-radius:999px;background:var(--grad);transition:width .5s ease}.vanpr .conf-fill.high{background:linear-gradient(90deg,#16a34a,#2563eb)}.vanpr .conf-fill.mid{background:linear-gradient(90deg,#d97706,#2563eb)}.vanpr .conf-fill.low{background:linear-gradient(90deg,#dc2626,#d97706)}.vanpr .stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.vanpr .stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;display:flex;flex-direction:column;gap:.3rem}.vanpr .stat-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.vanpr .stat-value{font-family:var(--font-mono);font-size:.92rem;font-weight:700;color:var(--text)}.vanpr .alt-list{display:flex;flex-direction:column;gap:.5rem}.vanpr .alt-title{font-size:.72rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.vanpr .alt-items{display:flex;flex-wrap:wrap;gap:.5rem}.vanpr .alt-chip{font-family:var(--font-mono);font-size:.82rem;font-weight:700;letter-spacing:.06em;padding:.45rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s ease,background .2s ease}.vanpr .alt-chip:hover{border-color:#22d3ee66;background:var(--surface-2)}.vanpr .alt-chip small{color:var(--text-3);font-weight:600;margin-left:.25rem}.vanpr .history{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;backdrop-filter:blur(12px)}.vanpr .history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.vanpr .history-head span{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-2)}.vanpr .history-head i{width:16px;height:16px}.vanpr .history-track{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.35rem}.vanpr .history-item{flex:0 0 auto;width:130px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000040;overflow:hidden}.vanpr .history-item img{width:100%;height:80px;object-fit:cover;display:block}.vanpr .history-meta{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem}.vanpr .history-plate{font-family:var(--font-mono);font-size:.82rem;font-weight:700;letter-spacing:.05em}.vanpr .history-conf{font-size:.7rem;color:var(--text-3)}.vanpr .footnote{display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-size:.78rem;color:var(--text-3);animation:vanpr-rise .55s var(--vfm-ease) .14s both}.vanpr .footnote i{width:15px;height:15px;color:var(--emerald)}.vanpr .modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1.5rem;background:#020617b3;backdrop-filter:blur(6px);animation:fade .2s var(--vfm-ease)}.vanpr .modal[hidden]{display:none}.vanpr .modal-card{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 60px #0f172a47;overflow:hidden}.vanpr .modal-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.vanpr .modal-head span{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.vanpr .modal-head i{width:18px;height:18px}.vanpr .modal-card video{width:100%;display:block;background:#000;max-height:60vh}.vanpr .modal-actions{padding:1rem 1.25rem;display:flex;justify-content:flex-end}.vanpr [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.vanpr,.vanpr .stage,.vanpr .view,.vanpr .footnote,.vanpr .modal,.vanpr .tag-status .dot{animation:none!important}.vanpr .dropzone,.vanpr .drop-icon,.vanpr .btn,.vanpr .ghost-btn{transition:none!important}}