:root{--bg:#0b0a09;--panel:#151311;--line:#2a2622;--text:#ece6dc;--dim:#8d857a;--gold:#e8a33a;--gold-hi:#ffd27a;--teal:#4fb3bf;--teal-hi:#9be3ea;--sel:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.4 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif}body{flex-direction:column;display:flex}.bar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex}footer.bar{border-top:1px solid var(--line);border-bottom:0;justify-content:space-between}.title b{color:var(--gold);font-size:16px}.title span{color:var(--dim);margin-left:6px}.controls{flex-wrap:wrap;align-items:center;gap:14px;margin-left:auto;display:flex}.group{align-items:center;gap:4px;display:inline-flex}button,select,input.num{color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;background:#201d1a;border-radius:6px;padding:4px 10px}button:hover{border-color:var(--gold)}button.on{background:var(--gold);color:#000;border-color:var(--gold)}input.num{cursor:text;width:70px}input[type=range]{accent-color:var(--gold);vertical-align:middle}label{color:var(--dim);align-items:center;gap:6px;display:inline-flex}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}.dim{color:var(--dim)}main{flex-direction:column;flex:1;min-height:0;display:flex}.video-wrap{background:#000;flex:none;justify-content:center;display:flex}video{max-width:100%;max-height:36vh;display:block}.roll-wrap{flex:1;min-height:200px;position:relative}canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}#sel b{color:var(--gold-hi)}#sel .q{color:#ff8fa3}