:root { font-size: 18px; }
.vp-scanner-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px;}
.vp-panel{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--card);}
.vp-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;}
.vp-canvas{margin-top:12px;width:100%;max-width:720px;border:1px solid var(--border);border-radius:12px;background:var(--bg);}
.vp-status{margin:10px 0;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);}
.vp-pre{white-space:pre-wrap;padding:10px;border:1px solid var(--border);border-radius:10px;max-height:260px;overflow:auto;background:var(--bg);}
.vp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.vp-list{margin:0;padding-left:18px;}
.vp-matches{display:grid;gap:10px;}
.vp-match{border:1px solid var(--border);border-radius:12px;padding:10px;display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;background:var(--bg);}
.vp-match img{width:96px;height:auto;border-radius:10px;border:1px solid var(--border);background:var(--card);}
.vp-small{opacity:.88;font-size:.95rem;margin-top:8px;}
.vp-row{margin-top:10px;}
.vp-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.vp-btns a{display:inline-block;padding:8px 10px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;background:var(--card);}
body.high-contrast .vp-match,
body.high-contrast .vp-panel,
body.high-contrast .vp-status,
body.high-contrast .vp-pre,
body.high-contrast .vp-canvas{border-color:#fff;background:#000;}
@media (max-width: 900px){ .vp-grid-2{grid-template-columns:1fr;} .vp-match{grid-template-columns:80px 1fr;} .vp-match img{width:80px;} }