*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:system-ui,sans-serif;overflow:hidden;background:#1a3a5c}#app{position:relative}canvas{display:block}#model-label{position:fixed;top:16px;right:16px;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:6px 14px;border-radius:8px;color:#ffffffbf;font-size:12px;font-weight:500;letter-spacing:.02em;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none}#ui-panel{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:center;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 24px;border-radius:14px;border:1px solid rgba(255,255,255,.1);z-index:10;color:#fff}#pause-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;padding:8px 18px;border-radius:8px;font-size:14px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}#pause-btn:hover{background:#ffffff26;border-color:#fff6}.control-group{display:flex;align-items:center;gap:10px}.control-group label{font-size:13px;white-space:nowrap;opacity:.8}.control-group input[type=range]{width:120px;accent-color:#4db8c7;cursor:pointer}@media(max-width:600px){#ui-panel{flex-direction:column;gap:12px;bottom:12px;left:12px;right:12px;transform:none;padding:14px 18px}#pause-btn{width:100%;text-align:center;padding:10px}.control-group{width:100%;justify-content:space-between}.control-group input[type=range]{width:100px}#model-label{top:10px;right:10px;font-size:11px;padding:4px 10px}}