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