:root{
  --ui-bg: rgba(0,0,0,0.5);
  --ui-fg: #ffffffd1;
  --accent: #925c0b;
}
html,body,#app{height:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#000}
#camera{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
#overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
#ui{position:fixed;left:12px;top:12px;background:var(--ui-bg);color:var(--ui-fg);padding:10px;border-radius:8px;max-width:320px}
.row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.row.small{font-size:12px;opacity:0.9}
button{background:var(--accent);border:none;color:#000;padding:8px 10px;border-radius:6px;cursor:pointer}
select,input[type=range]{width:100%}
label{display:flex;flex-direction:column;font-size:13px}
#status{font-weight:600}