:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:transparent}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#stage{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;color:#eef2ef}body[data-bg=grid]{background:linear-gradient(90deg,rgba(29,255,105,.1) 1px,transparent 1px),linear-gradient(rgba(29,255,105,.08) 1px,transparent 1px),#090d0b;background-size:48px 48px}body[data-bg=green]{background:#0f0}body[data-bg=black]{background:#000}body[data-bg=transparent]{background:transparent}#stage{position:relative;min-height:100dvh}#scene,#camera-feed{position:absolute;inset:0;width:100%;height:100%}#scene{display:block;touch-action:none}#camera-feed{z-index:-1;display:none;object-fit:cover;transform:scaleX(-1)}.preview-on #camera-feed{display:block}#controls{position:absolute;left:clamp(12px,3vw,28px);bottom:clamp(12px,3vw,28px);display:grid;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);gap:10px;padding:14px;border:2px solid #dfeee4;background:#070908db;box-shadow:7px 7px #1dff69;overflow:auto}.brand,.row,label{display:flex;align-items:center;gap:10px}.brand{justify-content:space-between;font-size:13px;font-weight:800;text-transform:uppercase}#status{color:#1dff69}.tweak-section{display:grid;gap:8px;padding-top:8px;border-top:1px solid rgba(223,238,228,.45)}.subhead{color:#1dff69;font-size:12px;font-weight:900;text-transform:uppercase}.segmented{display:grid;grid-template-columns:1fr 1fr}button,select,input[type=range]{min-height:34px}button,select{border:2px solid #dfeee4;border-radius:0;background:#101613;color:#eef2ef;font:inherit;font-size:13px;font-weight:800;text-transform:uppercase}button{cursor:pointer}button.active{background:#1dff69;color:#061008}label{justify-content:space-between;font-size:12px;font-weight:800;text-transform:uppercase}label>span{flex:0 0 72px}input[type=range]{flex:1 1 auto;min-width:0;accent-color:#1dff69}select{flex:1 1 auto;padding:0 8px}.row{justify-content:space-between}.switches{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));align-items:center}.switch{flex:1 1 0;justify-content:flex-start;min-width:0;gap:6px;font-size:11px}.switch>span{flex:0 1 auto}.switch input{width:18px;height:18px;accent-color:#1dff69}@media(max-width:560px){#controls{right:12px;bottom:12px;width:auto;padding:12px;gap:8px;box-shadow:5px 5px #1dff69}label>span{flex-basis:58px}}