.ar-controls { display:flex; gap:12px; margin:12px 0; flex-wrap:wrap; align-items:center; }
.ar-controls select, .ar-controls button { background:#1a1d2c; color:#eee; border:1px solid #2a2d3c; border-radius:6px; padding:8px 12px; }
.ar-controls .btn.primary { background:#3b4070; border-color:#5a6090; color:#fff; }

.ar-stage { position:relative; background:#06070e; border-radius:8px; overflow:hidden; margin:12px 0; aspect-ratio: 3/2; }
#ar-overlay { position:absolute; left:0; top:0; width:100%; height:100%; }
#ar-video   { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }

.ar-readout { position:absolute; top:8px; left:8px; background:rgba(0,0,0,0.6); padding:6px 10px; border-radius:6px; font-size:12px; color:#fff; }
.ar-readout .row { display:flex; gap:8px; }
.ar-readout .k { color:#888; }

.ar-info { background:#14172a; border:1px solid #232539; border-radius:8px; padding:14px; margin:12px 0; }
.ar-info h3 { margin-top:0; font-size:14px; color:#bbb; }
#ar-list .target { padding:6px 0; border-bottom:1px solid #1a1d2c; font-size:13px; }
#ar-list .target.close { color:#f6c34a; font-weight:700; }

.ar-info label { display:flex; align-items:center; gap:8px; margin:6px 0; font-size:13px; }
.ar-info input[type=range] { flex:1; }
.ar-info span { min-width:40px; text-align:right; color:#888; }