*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:clip;background:#ebece8;font-family:Arial,sans-serif;color:#485050}button{font:inherit;cursor:pointer}#room,#scene,#hardware-controls{position:absolute;inset:0}#scene canvas{display:block;touch-action:none}#hardware-controls{pointer-events:none}.model-control{position:absolute;pointer-events:auto;background:transparent;border:0;border-radius:3px;padding:0;touch-action:none;outline:none;transform:translate(-50%,-50%);z-index:2}.model-control:focus-visible{outline:2px solid #33565f;outline-offset:4px;background:#ffffff20}.record-control{border-radius:50%;z-index:1}.model-control.round{border-radius:50%}.pitch-control{writing-mode:vertical-lr;direction:ltr;opacity:0}.pitch-control:focus-visible{opacity:.15}.transport{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1px;padding:6px;border:1px solid #ffffffa0;border-radius:40px;background:#ffffff36;backdrop-filter:blur(16px);box-shadow:0 7px 25px #272b2d05}.transport button{width:45px;height:42px;display:grid;place-items:center;border:0;background:none;border-radius:50%;font-size:11px;color:#848d8b;transition:background .2s}.transport button.active,.transport button:hover{background:#ffffff75;color:#424e4b}.transport button:focus-visible{outline:2px solid #55756c}.transport svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}.nav-divider{width:1px;height:20px;background:#66737019;margin:0 3px}.track-card{position:fixed;bottom:104px;left:50%;transform:translateX(-50%);width:min(320px,calc(100vw - 64px));display:grid;grid-template-columns:24px 1fr;gap:5px 10px;font-size:11px;color:#6d7772}.track-card .artist{grid-column:2;font-size:9px;color:#949d98}.track-card input{grid-column:2;margin:3px 0 0;width:100%;height:3px;appearance:none;background:#858d8750;border-radius:3px;accent-color:#829787;cursor:ew-resize}.track-card input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#839586;border-radius:50%}#time{grid-column:2;text-align:right;font-size:8px;color:#959b97}.volume-popover{position:absolute;right:25px;bottom:62px;background:#f1f3efef;padding:15px;border:1px solid white;border-radius:20px;box-shadow:0 10px 25px #33423915}.volume-popover input{width:110px;accent-color:#859588}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.transport{bottom:24px}.track-card{bottom:98px}.transport button{width:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#highpass{cursor:ns-resize;min-width:44px;min-height:44px}#filter-readout{position:absolute;pointer-events:none;transform:translate(-50%,0);font:10px Arial,sans-serif;letter-spacing:1px;color:#46514b;background:#f5f6f1e8;padding:7px 10px;border-radius:6px;white-space:nowrap;z-index:4}