.hot-cues.hot-cue-grid{--pad-height:82px;--pad-icon-size:32px;--pad-font-size:12px;grid-template-columns:minmax(0,1fr);align-self:start;gap:10px;width:100%;min-width:0;display:grid}.hot-cues.hot-cue-grid[data-cue-size=compact]{--pad-height:52px;--pad-icon-size:20px;--pad-font-size:9px}.hot-cues.hot-cue-grid[data-cue-size=comfortable]{--pad-height:66px;--pad-icon-size:25px;--pad-font-size:10px}.hot-cue-grid .hot-cue-row{grid-template-columns:repeat(var(--cue-columns), minmax(0, 1fr));gap:6px;min-width:0;display:grid}.hot-cues.hot-cue-grid .hot-cue{width:100%;min-width:44px;min-height:44px}.hot-cues.hot-cue-grid .cue-letter{border-color:var(--d-buttonBorder);height:20px;font-size:10px}.hot-cues.hot-cue-grid .cue-pad{height:var(--pad-height);border-radius:var(--pad-radius);border-color:var(--cue);box-shadow:0 0 var(--pad-glow) color-mix(in srgb, var(--cue), transparent 55%), inset 0 2px 2px #ffffff18, inset 0 -3px 3px #000;background:radial-gradient(ellipse at bottom, color-mix(in srgb, var(--cue), transparent 75%), transparent 75%), var(--d-panel)}.hot-cues.hot-cue-grid .cue-pad>span{font:600 var(--pad-font-size)/1.15 "Barlow Condensed", sans-serif;color:var(--pad-label);white-space:normal;overflow-wrap:anywhere;max-height:calc(var(--pad-font-size) * 2.3);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 3px;display:-webkit-box;overflow:hidden}.hot-cues.hot-cue-grid .cue-pad svg{height:var(--pad-icon-size);width:var(--pad-icon-size);color:var(--pad-label)}.deck:not(.glow) .hot-cues.hot-cue-grid .cue-pad{box-shadow:inset 0 -2px 3px #000}.hot-cues.hot-cue-grid .hot-cue:hover .cue-pad{background:color-mix(in srgb, var(--cue), var(--d-panel) 75%)}.hot-cues.hot-cue-grid .hot-cue:active .cue-pad{box-shadow:inset 0 2px 6px #000}.cue-layout-controls{border-bottom:1px solid #352c40;gap:12px;margin-bottom:16px;padding-bottom:16px;display:grid}.cue-layout-controls .cue-row-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cue-layout-controls p{margin:0}.cue-layout-controls label:has(select:disabled){opacity:.55}.contrast-warning button{margin-top:10px}
.floating-music-player{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:80;background:#110e18;border:1px solid #70528b;border-radius:16px;width:min(400px,100vw - 32px);max-height:calc(100dvh - 32px);padding:12px;position:fixed;overflow-y:auto;box-shadow:0 12px 48px #000b}.floating-music-player>header{color:#d7c8e8;letter-spacing:1.3px;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.floating-music-player>header button{color:#fff;background:#21192b;border:1px solid #51435f;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.floating-music-player .official-player{margin:8px 0 0}@media (max-width:700px) and (min-height:501px){.floating-music-player{top:max(72px, env(safe-area-inset-top));bottom:auto}}
.deck-wrap .deck{box-shadow:0 0 0 3px var(--d-panel), 0 0 0 4px var(--d-border), 0 calc(var(--shadow) * 7px) calc(var(--shadow) * 11px) rgb(0 0 0/calc(var(--shadow) * .9)), 0 calc(var(--shadow) * 40px) calc(var(--shadow) * 64px) calc(var(--shadow) * -12px) rgb(0 0 0/var(--shadow)), 0 calc(var(--shadow) * 14px) calc(var(--shadow) * 26px) calc(var(--shadow) * -7px) color-mix(in srgb, var(--d-border) 35%, transparent), inset 0 1px calc(1px + var(--reflection) * 3px) rgb(255 255 255/calc(.08 + var(--reflection) * .55)), inset 0 calc(var(--shadow) * -6px) calc(var(--shadow) * 12px) rgb(0 0 0/calc(var(--shadow) * .65))}.deck-wrap .deck:before{opacity:var(--reflection);pointer-events:none;background:radial-gradient(at 8% 0,#ffffff80,#0000 40%),linear-gradient(119deg,#0000 12%,#ffffff03 20%,#ffffff48 28%,#ffffff13 36%,#0000 47% 68%,#ffffff14 84%,#0000 94%);border-top-color:#fff;border-bottom-color:#fff5}.deck-wrap .jog-wheel{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 1px var(--d-ringOuter), 0 0 0 3px #070709, 0 0 0 4px color-mix(in srgb, var(--d-ringOuter) 42%, #141218), 0 calc(var(--shadow) * 13px) calc(var(--shadow) * 19px) calc(var(--shadow) * 2px) rgb(0 0 0/calc(var(--shadow) * .9))}.deck-wrap .jog-wheel.scratching{cursor:grabbing}.deck-wrap .jog-wheel:focus-visible{outline:2px solid var(--d-led);outline-offset:8px}.deck-wrap .jog-wheel[aria-disabled=true]{cursor:default}.deck-wrap .jog-rotor{transform-origin:50%;will-change:transform;pointer-events:none;border-radius:50%;position:absolute;inset:0}.deck-wrap .jog-rotor,.deck-wrap .jog-metal,.deck-wrap .jog-light,.deck-wrap .jog-indicator,.deck-wrap .jog-inner,.deck-wrap .jog-label{transition:none;animation:none}.deck-wrap .jog-photo img{-webkit-user-drag:none;pointer-events:none}.deck-wrap .jog-metal{background:conic-gradient(from 15deg, var(--d-ringOuter), color-mix(in srgb, var(--d-ringInner) 80%, var(--d-ringOuter)) 28%, var(--d-ringOuter) 58%, color-mix(in srgb, var(--d-ringInner) 80%, var(--d-ringOuter)) 82%, var(--d-ringOuter));border-color:color-mix(in srgb, var(--d-ringOuter) 65%, white);box-shadow:0 calc(var(--shadow) * 4px) calc(var(--shadow) * 10px) rgb(0 0 0/calc(var(--shadow) * .95)), inset 0 0 7px rgb(0 0 0/calc(.1 + var(--shadow) * .6));overflow:hidden}.deck-wrap .jog-metal:before{content:"";border-radius:inherit;pointer-events:none;opacity:var(--reflection);background:linear-gradient(135deg,#fff9,#0000 20% 40%,#fff7 49%,#ffffff24 57%,#0000 68%,#fff9),conic-gradient(from 32deg,#fff1,#0009 14%,#fff9 25%,#fff1 33%,#000a 47%,#fff9 60%,#fff1 70%,#0009 84%,#fff1);position:absolute;inset:0;box-shadow:inset 0 0 6px #fff8}.deck-wrap .jog-inner{box-shadow:0 0 0 3px color-mix(in srgb, var(--d-ringInner) 70%, black), 0 0 0 4px color-mix(in srgb, var(--d-ringOuter) 65%, black), 0 calc(var(--shadow) * 8px) calc(var(--shadow) * 17px) rgb(0 0 0/calc(var(--shadow) * .9)), inset 0 1px 2px rgb(255 255 255/calc(var(--reflection) * .35))}.deck-wrap .jog-indicator{background:conic-gradient(from 205deg, transparent 0deg, var(--d-led) 1deg, color-mix(in srgb, var(--d-led) 40%, white) 17deg, var(--d-led) 34deg, transparent 35deg, transparent 360deg);clip-path:none;box-shadow:none;opacity:var(--brightness);pointer-events:none;border:0;inset:9%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px) calc(100% - 1px),#0000 100%);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px) calc(100% - 1px),#0000 100%)}.deck-wrap .jog-indicator:after{content:none;display:none}.deck-wrap .waveform-placeholder{text-align:center;letter-spacing:.1px;color:var(--d-text);opacity:.8;pointer-events:none;place-items:center;padding-inline:8px;font-size:8px;line-height:1.35;display:grid;position:absolute;inset:0}.deck-wrap .waveform-placeholder:before{content:"";background:color-mix(in srgb, var(--d-displayAccent) 30%, transparent);height:1px;position:absolute;bottom:4px;left:0;right:0}.deck-wrap .waveform-placeholder span{background:var(--d-screen);padding:4px 7px;position:relative}.deck-wrap .waveform-cursor{background:var(--d-progress);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.deck-wrap .waveform:focus-within{outline:1px solid var(--d-displayAccent);outline-offset:2px;border-radius:2px}@media (min-width:1000px){.public-stage .waveform-placeholder{font-size:10px}}.deck-wrap .jog-wheel{padding:0;display:block}.deck-wrap .jog-photo:after{content:none}.deck-wrap .waveform>img{object-fit:fill;width:100%;height:100%}.deck-wrap .cue-status{color:var(--d-text);font:9px var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:8px;margin:9px 0 5px;display:flex}.deck-wrap .cue-status button{background:var(--d-panel);border:1px solid var(--d-border);color:var(--d-text);border-radius:5px;padding:5px 8px;font-size:10px}.deck-wrap .cue-status button:disabled{opacity:.45;cursor:default}