:root{--selection-ink:#8871ae;--selection-fill:#b7a6d43b;--edit-surface:#fcf9f3;--edit-border:#e7dfd3;--edit-soft:#ece6f1;--edit-text:#74697d}:root[data-theme=dark]{--selection-ink:#dfc4ff;--selection-fill:#bfa0eb42;--edit-surface:#302b36;--edit-border:#4b4255;--edit-soft:#43384f;--edit-text:#e3d2eb}.canvas-bar .selection-options{width:34px}.paper[data-selecting=true] canvas{cursor:crosshair}.paper[data-selecting=true] .cursor,.paper[data-selecting=true] .pitch-hint{display:none}.canvas-bar [aria-pressed=true],#dj-button[data-enabled=true]{background:var(--edit-soft)}.tonality-control{position:relative;z-index:16}.editor-panel,.selection-menu,.selection-bar,.dj-panel{color:var(--edit-text);background:var(--edit-surface);border:1px solid var(--edit-border);box-shadow:0 12px 36px rgba(var(--shadow),.13);border-radius:22px}.editor-panel{position:absolute;top:calc(100% + 8px);left:0;width:270px;padding:18px;display:grid;gap:14px}.editor-panel label{display:grid;gap:6px;font-size:12px}.editor-panel select,.selection-bar select,.selection-operation{appearance:auto;background:var(--paper);color:var(--edit-text);border:1px solid var(--edit-border);border-radius:12px;padding:9px 11px;font:inherit;min-height:36px;max-width:100%}.editor-panel select{font-size:14px}.editor-panel small{opacity:.65;font-size:11px}.selection-menu{position:fixed;z-index:50;width:205px;padding:7px;border-radius:18px}.selection-menu button{width:100%;display:flex;gap:10px;align-items:center;padding:11px;border-radius:12px;background:transparent;color:inherit;text-align:left;font-size:13px}.selection-menu button:hover,.selection-menu button[aria-checked=true]{background:var(--edit-soft)}.selection-menu .icon{width:18px;height:18px}.selection-operation{width:calc(100% - 8px);margin:5px 4px 3px;padding:6px 8px;font-size:11px;background:var(--dock)}.selection-operation:focus-visible,select:focus-visible{outline:2px solid var(--selection-ink);outline-offset:2px}.workspace{position:relative}.selection-bar{position:absolute;z-index:12;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 12px;margin:0;max-width:calc(100% - 24px);width:max-content;flex-wrap:wrap;flex-shrink:0}.selection-bar .icon-button{width:34px;height:34px;border-radius:11px;color:var(--edit-text)}.selection-bar select{font-size:12px;padding:6px 8px;min-height:32px;max-width:135px}.selection-summary{display:flex;align-items:center;gap:6px;min-width:48px;font-size:11px;color:var(--edit-text)}.selection-summary strong{font-size:13px}.selection-bar .edit-group{display:flex;gap:1px}.selection-bar .icon-button:hover{background:var(--edit-soft)}.dj-panel{position:fixed;right:24px;top:92px;z-index:25;padding:18px;width:350px;max-height:calc(100dvh - 120px);overflow:auto}.dj-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600}.dj-header .icon-button:first-of-type{margin-left:auto}.dj-header .icon-button{width:30px;height:30px;color:inherit}.dj-body{display:grid;grid-template-columns:122px 1fr;gap:18px;align-items:center}.dj-jog{width:122px;height:122px;border-radius:50%;background:repeating-radial-gradient(circle,var(--edit-surface) 0 3px,var(--edit-border) 4px 5px);border:2px solid var(--edit-border);box-shadow:inset 0 0 0 10px var(--edit-surface),0 5px 16px rgba(var(--shadow),.15);touch-action:none;cursor:grab;display:grid;place-items:center}.dj-jog:active{transform:none}.dj-jog[data-dragging=true]{cursor:grabbing;border-color:var(--selection-ink)}.disc-label{position:absolute;inset:33px;border-radius:50%;background:var(--edit-soft);border:1px solid var(--edit-border);transform:rotate(var(--disc-angle,0deg))}.disc-label:before{content:"";position:absolute;top:8px;left:50%;height:11px;width:4px;border-radius:4px;background:var(--selection-ink);transform:translate(-50%)}.disc-label:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:var(--edit-surface);border:1px solid var(--edit-border)}.fx-controls{display:grid;gap:11px}.fx-controls label{display:grid;gap:3px;font-size:11px}.fx-controls input{width:100%;height:15px;accent-color:var(--selection-ink);cursor:ew-resize}.dj-pads{display:flex;gap:7px;margin-top:18px}.dj-pads button{flex:1;border-radius:13px;min-height:42px;background:var(--edit-soft);color:inherit;font-size:12px;touch-action:none}.dj-pads button[aria-pressed=true]{background:var(--selection-ink);color:var(--edit-surface);box-shadow:0 0 0 3px var(--selection-fill)}.dj-pads button:disabled,.dj-jog:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}@media (max-width:760px){.dj-panel{right:12px;top:80px;width:325px}.selection-bar{gap:4px;padding:6px 8px}.selection-bar .icon-button{width:30px;height:32px}.selection-bar select{max-width:110px}}@media (max-width:540px){.canvas-bar{height:auto;min-height:42px;flex-wrap:wrap;gap:4px;padding-bottom:5px}.canvas-bar .icon-button{min-width:34px;width:34px;min-height:36px;height:36px}.tonality-control .editor-panel{left:-90px}.dj-panel{inset:auto 8px 110px;width:auto;max-height:calc(100dvh - 180px);padding:14px}.dj-body{grid-template-columns:108px 1fr}.dj-jog{width:108px;height:108px}.disc-label{inset:28px}.selection-bar{bottom:8px;border-radius:16px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;min-height:46px}.selection-bar>*{flex-shrink:0}.selection-summary{min-width:30px}.selection-notes{display:none}}@media (max-height:540px){.dj-panel{top:65px;bottom:auto;max-height:calc(100dvh - 78px)}.dj-body{grid-template-columns:100px 1fr}.dj-jog{width:100px;height:100px}.disc-label{inset:26px}.fx-controls{gap:6px}.dj-header{margin-bottom:5px}.dj-pads{margin-top:9px}}@media (prefers-reduced-motion:reduce){.disc-label{transform:none}.dj-jog[data-dragging=true] .disc-label{transform:rotate(var(--disc-angle,0deg))}}