*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:system-ui,-apple-system,sans-serif;overflow:hidden;background:#0a0e1a}#app{position:relative}canvas{display:block;width:100%;height:100%}#controls{position:absolute;bottom:20px;left:20px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:14px 18px;color:#e0ecff;display:flex;flex-direction:column;gap:10px;min-width:220px;max-width:280px;border:1px solid rgba(100,160,255,.2)}#controls label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.7;display:flex;flex-direction:column;gap:4px}#controls .control-row{display:flex;align-items:center;gap:10px}#controls input[type=range]{flex:1;accent-color:#4a90d9;height:4px}#controls .value-display{min-width:32px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}#pause-btn{background:#4a90d940;border:1px solid rgba(74,144,217,.4);color:#e0ecff;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .2s;letter-spacing:.04em}#pause-btn:hover{background:#4a90d973}#model-label{position:absolute;top:14px;right:14px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:6px 12px;color:#c8dcffb3;font-size:11px;letter-spacing:.04em;border:1px solid rgba(100,160,255,.15)}#fps-counter{position:absolute;top:14px;left:14px;color:#c8dcff73;font-size:11px;font-variant-numeric:tabular-nums}@media(max-width:600px){#controls{bottom:10px;left:10px;right:10px;max-width:none;min-width:0;padding:10px 14px;gap:8px}#model-label{top:10px;right:10px;font-size:10px}#fps-counter{top:10px;left:10px;font-size:10px}}