*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,sans-serif}canvas{display:block;width:100%;height:100%}#ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#model-label{position:absolute;top:16px;left:16px;background:#0000008c;color:#cde;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;letter-spacing:.3px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none}#controls-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 22px;border-radius:12px;pointer-events:auto;flex-wrap:wrap;justify-content:center;max-width:92vw}#pause-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#eef;padding:7px 18px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .15s;white-space:nowrap}#pause-btn:hover{background:#ffffff40}.slider-group{display:flex;flex-direction:column;gap:3px}.slider-group label{color:#cde;font-size:12px;font-weight:500}.slider-val{margin-left:6px;opacity:.7;font-variant-numeric:tabular-nums}.slider-group input[type=range]{width:120px;accent-color:#4af;cursor:pointer}@media(max-width:600px){#controls-panel{bottom:12px;padding:8px 14px;gap:12px}.slider-group input[type=range]{width:90px}#model-label{font-size:11px;top:12px;left:12px;padding:5px 10px}}