*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#ececec;color:#111;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}#root{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.app-container{display:grid;place-items:center;width:100%;height:100%}.sequencer-container{width:clamp(340px,92vw,760px);height:clamp(340px,92vw,760px);max-height:92vh}.board-shell{width:100%;height:100%;position:relative}.fader-tray{position:absolute;inset:0}.fader-overlay{position:absolute;transform-origin:center}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.sequencer-container{width:min(82vh,760px);height:min(82vh,760px)}}