.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#141414f2;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:12px;width:90%;max-width:400px;padding:16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0006}.controls label{opacity:.9;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.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:5px;outline:none;width:100%;height:10px;margin:8px 0}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #0000004d}.controls input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #0000004d}.readout{opacity:.9;border-top:1px solid #ffffff1a;margin-top:8px;padding-top:12px;font-size:14px}.footer{opacity:.7;z-index:1000;font-size:12px;position:absolute;bottom:10px;left:12px}@media (max-width:640px){.controls{width:95%;padding:12px;bottom:10px}.controls label,.readout{font-size:13px}}