html,body,#root{height:100%;margin:0;background:#0a0a0a;color:#ddd;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.controls{position:absolute;top:12px;left:12px;background:#141414e6;padding:12px;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;gap:8px;min-width:320px;z-index:1000;border:1px solid rgba(255,255,255,.1)}.controls label{font-size:12px;opacity:.9}.controls input[type=number],.controls input[type=datetime-local]{width:100%;padding:6px 8px;border-radius:6px;border:1px solid #333;background:#121212;color:#ddd}.controls input[type=range]{width:100%;height:8px;background:#333;border-radius:4px;outline:none;-webkit-appearance:none}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#ddd;border-radius:50%;cursor:pointer}.controls input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#ddd;border-radius:50%;cursor:pointer;border:none}.readout{font-size:12px;opacity:.85}.footer{position:absolute;bottom:10px;left:12px;opacity:.7;font-size:12px;z-index:1000}