*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;overflow:hidden;background:#000}#app{width:100%;height:100%}#app canvas{display:block}#ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;pointer-events:auto;border:1px solid rgba(255,255,255,.1)}.ctrl-btn{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;font-family:inherit;transition:background .2s;white-space:nowrap}.ctrl-btn:hover{background:#ffffff38}.ctrl-btn.paused{background:#ffc83240;border-color:#ffc83266}.slider-group{display:flex;align-items:center;gap:8px}.slider-group label{color:#ffffffb3;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.slider-group input[type=range]{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer}.slider-group input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer}.slider-group input[type=range]:focus{box-shadow:0 0 0 2px #ffffff4d}.slider-value{color:#fff;font-size:12px;min-width:24px;text-align:center;font-variant-numeric:tabular-nums}#model-label{position:absolute;bottom:24px;right:24px;padding:6px 14px;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:20px;color:#fff9;font-size:12px;font-weight:500;pointer-events:auto;border:1px solid rgba(255,255,255,.08);letter-spacing:.3px}@media(max-width:640px){#controls{bottom:16px;left:12px;right:12px;transform:none;justify-content:center;gap:10px;padding:10px 14px;flex-wrap:wrap}.slider-group input[type=range]{width:60px}.ctrl-btn{font-size:12px;padding:6px 12px}#model-label{bottom:80px;right:12px;font-size:10px;padding:4px 10px}}