.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.mode-card{display:grid;grid-template-columns:26px 1fr;gap:4px 10px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:17px;color:var(--ink)}
.mode-card svg{grid-row:span 2;color:var(--green)}.mode-card strong{font-size:14px}.mode-card span{font-size:11px;color:var(--muted)}.mode-card:hover{background:var(--soft)}
.qr-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center;margin-bottom:20px}
.qr-panel h2{margin:0 0 10px}.qr-panel p{color:var(--muted);max-width:550px;margin:10px auto 18px;font-size:13px}.qr-panel img{display:block;width:280px;max-width:100%;height:auto;margin:16px auto;border:1px solid var(--line);border-radius:12px;background:white;padding:8px}
.qr-panel label{display:block;font-size:12px;margin-bottom:6px}.qr-panel input{width:min(100%,550px);padding:12px;border:1px solid var(--line);border-radius:8px;font-size:16px}.qr-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.qr-actions a{text-decoration:none}
.mobile-stage{position:relative;width:100%;background:#20271e}.mobile-stage video{display:block;width:100%;height:auto}.mobile-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mobile-controls{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.mobile-controls p{width:100%;font-size:12px;color:var(--muted);margin:4px 0}.mobile-mode .card-top,.mobile-mode .image-footer,.mobile-mode .intro,.mobile-mode .how-it-works,.mobile-mode #camera-top{display:none}.mobile-mode .mode-cards{margin-top:20px}.mobile-mode .drop-zone{min-height:240px;border:0}.mobile-mode .small-tip p{font-size:10px}
@media(max-width:700px){.mode-cards{grid-template-columns:1fr;gap:8px}.mode-card{padding:12px}.qr-panel{padding:18px}.mobile-mode .mode-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mobile-mode .mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:9px 3px}.mobile-mode .mode-card span{display:none}.mobile-mode .mode-card strong{font-size:10px}.mobile-controls .button{font-size:12px;padding:10px}.mobile-mode .drop-zone{margin:0}.mobile-mode .number-plate strong{font-size:28px}}