:root{color:#7a5c52;background:#fe6a3c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#fe6a3c}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{color:#fe6a3c;letter-spacing:-.055em}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1}h2{font-size:1.22rem}h3{margin-top:6px;font-size:1.5rem}.app-shell{width:min(1540px,calc(100% - 28px));min-height:calc(100vh - 28px);margin:14px auto;overflow:hidden;border:1px solid rgba(254,106,60,.42);border-radius:30px;background:#f5f7eb;box-shadow:0 20px 55px #7a5c5238}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(254,106,60,.32);padding:18px 24px;background:#f5f7eb}.brand-logo,.header-action{border:0;background:transparent}.brand-logo{padding:0;color:#fe6a3c;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:900;letter-spacing:-.09em}.header-action{border:1px solid rgba(254,106,60,.42);border-radius:999px;padding:10px 15px;color:#7a5c52;font-size:.75rem;font-weight:850;transition:.15s ease}.header-action:hover,.header-action-active{border-color:#fe6a3c;background:#fe6a3c;color:#f5f7eb}.app-content{padding:14px}.eyebrow,.track-label,.vertical-fader-caption,.mix-direction{color:#9a8b82;font-size:.6rem;font-weight:850;letter-spacing:.16em}.workspace{display:grid;grid-template-columns:minmax(350px,1fr) minmax(245px,.56fr) minmax(350px,1fr);gap:12px}.deck-panel,.mixer-section,.library-view{border:1px solid rgba(254,106,60,.34);border-radius:22px;background:#f5f7eb}.deck-panel{min-width:0;padding:17px}.deck-heading,.control span,.mix-readout{display:flex;align-items:center;justify-content:space-between;gap:12px}.status{border:1px solid rgba(254,106,60,.28);border-radius:999px;padding:6px 9px;color:#9a8b82;font-size:.62rem;font-weight:850;text-transform:uppercase}.status-playing{border-color:#fe6a3c;background:#fe6a3c;color:#f5f7eb}.deck-body{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:15px;margin-top:14px}.deck-body-b{grid-template-columns:104px minmax(0,1fr)}.deck-body-b .deck-main{grid-column:2;grid-row:1}.deck-body-b>.deck-channel-controls .vertical-fader{grid-column:1;grid-row:1;border-right:1px solid rgba(254,106,60,.23);border-left:0;padding-right:13px;padding-left:0}.deck-main{min-width:0}.track-info{position:relative;min-height:174px;border:1px solid rgba(254,106,60,.25);border-radius:14px;padding:11px 104px 98px 11px;background:#eeeadd}.track-info strong{display:block;overflow:hidden;margin-top:8px;color:#7a5c52;font-size:.81rem;text-overflow:ellipsis;white-space:nowrap}.duration{color:#9a8b82;font-size:.72rem;font-variant-numeric:tabular-nums}.rate-status{position:absolute;top:11px;right:11px;color:#9a8b82;font-size:.62rem;font-weight:750}.track-timeline{position:absolute;right:11px;bottom:9px;left:11px;width:calc(100% - 22px)}.realtime-waveform{position:relative;display:flex;width:100%;height:43px;align-items:end;gap:1px;overflow:hidden;border:1px solid rgba(254,106,60,.24);border-radius:9px;padding:4px;background:#f5f7eba8;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.realtime-waveform-disabled{cursor:not-allowed;opacity:.58}.realtime-waveform-window{border-color:#fe6a3c94;background:#3a241e}.realtime-waveform-bar{z-index:1;min-width:0;border-radius:2px 2px 0 0;background:#fe6a3c;flex:1 1 0;opacity:.82;transform-origin:bottom center;transition:transform .15s ease}.realtime-waveform-seeking .realtime-waveform-bar{transform:scaleY(1.14)}.realtime-waveform-playhead{position:absolute;z-index:2;top:10%;bottom:10%;left:var(--playhead-position);width:2px;border-radius:999px;background:#f5f7eb;box-shadow:0 0 3px #7a5c5247;pointer-events:none}.realtime-waveform-played{position:absolute;inset:0 auto 0 0;background:#fe6a3c1f;pointer-events:none}.realtime-waveform-current{position:absolute;z-index:3;top:5px;left:8px;color:#f5f7eb;font-size:.64rem;font-weight:850;letter-spacing:.08em;pointer-events:none;text-transform:uppercase}.track-timeline .playback-bar{width:100%;height:13px;margin:5px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:linear-gradient(90deg,#fe6a3c var(--playback-progress),rgba(254,106,60,.16) var(--playback-progress))}.track-timeline-metadata{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.bpm-control{position:relative;display:inline-flex;align-items:center;min-width:0;gap:6px;color:#7a5c52;font-size:.66rem;font-weight:750}.bpm-button{border:1px solid rgba(254,106,60,.46);border-radius:8px;padding:4px 6px;background:#f5f7eb;color:#fe6a3c;font-size:.58rem;font-weight:900;line-height:1}.bpm-button:disabled{cursor:not-allowed;opacity:.66}.bpm-current{color:#7a5c52;font-variant-numeric:tabular-nums}.bpm-adjustment{color:#9a8b82;font-size:.62rem;font-variant-numeric:tabular-nums}.bpm-adjust-modal{position:absolute;z-index:12;top:calc(100% + 12px);left:0;display:grid;width:min(260px,calc(100vw - 54px));gap:10px;border:1px solid rgba(254,106,60,.42);border-radius:14px;padding:11px;background:#f5f7eb;box-shadow:0 14px 28px #7a5c5238}.bpm-adjust-modal:before{content:"";position:absolute;top:-7px;left:16px;width:12px;height:12px;border-top:1px solid rgba(254,106,60,.42);border-left:1px solid rgba(254,106,60,.42);background:#f5f7eb;transform:rotate(45deg)}.bpm-adjust-slider{display:grid;gap:8px}.bpm-adjust-slider span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7a5c52;font-size:.66rem}.bpm-adjust-slider output{color:#fe6a3c;font-variant-numeric:tabular-nums;font-weight:850}.bpm-adjust-slider input{margin:0}.bpm-adjust-actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:7px}.bpm-adjust-actions button{border:1px solid rgba(254,106,60,.38);border-radius:10px;padding:7px 6px;background:#eeeadd;color:#7a5c52;font-size:.62rem;font-weight:850}.playback-bar::-webkit-slider-thumb{width:13px;height:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #f5f7eb;border-radius:50%;background:#fe6a3c;box-shadow:0 1px 3px #7a5c5238}.playback-bar::-moz-range-thumb{width:11px;height:11px;border:2px solid #f5f7eb;border-radius:50%;background:#fe6a3c;box-shadow:0 1px 3px #7a5c5238}.playback-bar:disabled{cursor:not-allowed;opacity:.52}.jog-wheel{display:grid;width:min(285px,92%);aspect-ratio:1;margin:16px auto 14px;place-items:center;border:2px solid rgba(254,106,60,.72);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(254,106,60,.32) 0deg 1deg,transparent 1deg 9deg),radial-gradient(circle,#f5f7eb 0,#f5f7eb 69%,#eeeadd 70%,#eeeadd 77%,#fe6a3c 78%,#fe6a3c 80%,#f5f7eb 81%);box-shadow:0 10px 24px #7a5c5229,inset 0 0 0 5px #fe6a3c1f;cursor:grab;touch-action:none;transition:border-color .15s ease,box-shadow .15s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.jog-wheel:hover,.jog-wheel-active{box-shadow:0 10px 24px #7a5c5229,0 0 0 4px #fe6a3c29,inset 0 0 0 5px #fe6a3c1f}.jog-wheel-disabled{opacity:.76}.jog-wheel-active{cursor:grabbing}.jog-wheel-platter{position:relative;display:grid;width:84%;aspect-ratio:1;place-items:center;border:1px solid rgba(254,106,60,.46);border-radius:50%;background:radial-gradient(circle at 40% 36%,rgba(254,106,60,.16),transparent 20%),radial-gradient(circle,#f5f7eb 0,#f5f7eb 32%,#eeeadd 33%,#eeeadd 35%,#f5f7eb 36%,#f5f7eb);box-shadow:inset 0 0 20px #7a5c521f;transition:transform 70ms linear;will-change:transform}.jog-wheel-grooves{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgba(254,106,60,.2);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 7px,rgba(254,106,60,.15) 8px,transparent 9px)}.jog-wheel-rotation-marker{position:absolute;top:7%;left:50%;width:14px;height:14px;border:2px solid #f5f7eb;border-radius:50%;background:#fe6a3c;box-shadow:0 2px 5px #7a5c5233,inset 0 0 0 2px #7a5c521f;transform:translate(-50%)}.jog-wheel-center{z-index:1;display:grid;width:43%;aspect-ratio:1;place-items:center;align-content:center;gap:5px;border:1px solid rgba(254,106,60,.52);border-radius:50%;background:#eeeadd;color:#fe6a3c;box-shadow:0 5px 11px #7a5c5224;transition:transform 70ms linear;will-change:transform}.jog-wheel-active .jog-wheel-platter,.jog-wheel-active .jog-wheel-center{transition:none}.jog-wheel-center strong{font-size:.9rem;letter-spacing:-.04em}.jog-wheel-center small{color:#9a8b82;font-size:.52rem;font-weight:850;letter-spacing:.15em}.deck-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button,.small-action{cursor:pointer;border:1px solid transparent;border-radius:13px;padding:10px 9px;text-align:center;font-size:.73rem;font-weight:850;transition:.15s ease}.button-primary,.small-action{border-color:#fe6a3c;background:#fe6a3c;color:#f5f7eb}.button-secondary{border-color:#fe6a3c70;background:transparent;color:#7a5c52}.button:hover:not(:disabled),.small-action:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.button:disabled,.small-action:disabled{cursor:not-allowed;opacity:.42}.track-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.mobile-file-hint,.privacy-note{color:#9a8b82;font-size:.62rem;line-height:1.4}.mobile-file-hint{margin-top:8px}.privacy-note{padding:11px 4px 0;text-align:right}.vertical-fader{display:flex;align-items:center;min-width:0;border-left:1px solid rgba(254,106,60,.23);flex-direction:column;padding-left:13px}.deck-channel-controls{min-width:0}.deck-cfx-control{position:relative;display:grid;gap:5px;margin-bottom:10px;color:#7a5c52;font-size:.56rem;font-weight:850;text-align:center}.deck-cfx-title{display:block}.deck-cfx-slider{display:grid;min-width:0;gap:2px}.deck-cfx-labels{display:flex;justify-content:space-between;color:#9a8b82;font-size:.48rem}.deck-cfx-slider input{width:100%;min-width:0;margin:0;accent-color:#fe6a3c}.deck-cfx-directions{display:flex;justify-content:space-between;padding:0 6px}.cfx-direction-button{width:8px;height:8px;border:1px solid rgba(254,106,60,.24);border-radius:50%;padding:0;background:transparent;opacity:.45}.cfx-direction-enabled{border-color:#fe6a3c;color:#fe6a3c;opacity:1}.cfx-direction-selected{background:#fe6a3c;color:#f5f7eb}.vertical-fader-label{color:#7a5c52;font-size:.62rem;font-weight:850;text-align:center}.vertical-fader-value{margin-top:5px;color:#9a8b82;font-size:.66rem;font-variant-numeric:tabular-nums}.vertical-fader-rail{display:grid;width:34px;height:242px;margin:13px 0 10px;place-items:center;border-radius:14px;background:linear-gradient(90deg,transparent 46%,rgba(254,106,60,.38) 47% 53%,transparent 54%),#eeeadd}.vertical-fader input{width:20px;height:214px;margin:0;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;cursor:pointer;accent-color:#fe6a3c;direction:rtl;writing-mode:vertical-lr}.mixer-section{display:flex;min-width:0;flex-direction:column;padding:17px 14px;text-align:center}.mixer-heading{border-bottom:1px solid rgba(254,106,60,.23);padding-bottom:15px}.mixer-heading h2{margin-top:5px}.control{display:block;color:#7a5c52;font-size:.72rem}.control output{color:#9a8b82;font-variant-numeric:tabular-nums}input[type=range]{width:100%;cursor:pointer;accent-color:#fe6a3c}.master-control{margin-top:18px;text-align:left}.master-control input{margin-top:11px}.transition-panel{position:relative;display:flex;margin-top:auto;border:1px solid rgba(254,106,60,.28);border-radius:17px;padding:15px 10px 13px;background:#eeeadd;flex-direction:column}.mobile-deck-volume{display:none}.transition-main{min-width:0}.helper{margin-top:8px;color:#9a8b82;font-size:.68rem;line-height:1.45}.assist-controls{margin-top:13px;border:1px solid rgba(254,106,60,.28);border-radius:13px;padding:9px;background:#f5f7eb94}.auto-assist-toggle{display:grid;width:100%;justify-items:center;border:0;padding:0;background:transparent;color:#7a5c52;font-size:.69rem;font-weight:850}.auto-assist-help-wrap{position:relative;display:grid;justify-items:center;gap:6px}.auto-assist-label-row{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#7a5c52;font-size:.69rem;font-weight:850}.auto-assist-help-button{display:grid;width:17px;height:17px;place-items:center;border:1px solid rgba(254,106,60,.48);border-radius:50%;padding:0;background:#f5f7eb;color:#fe6a3c;font-size:.66rem;font-weight:900;line-height:1}.context-tooltip{position:absolute;z-index:8;width:min(280px,calc(100vw - 48px));border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:11px 12px;background:#111;color:#fff;box-shadow:0 14px 28px #7a5c523d;font-weight:400;text-align:left}.auto-assist-local-tooltip{position:absolute;z-index:9;top:calc(100% + 8px);left:50%;width:min(250px,calc(100vw - 48px));border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 11px;background:#111;color:#fff;box-shadow:0 14px 28px #7a5c523d;font-weight:400;text-align:left;transform:translate(-50%)}.auto-assist-local-tooltip span{display:block;color:#fff;font-size:.7rem;font-weight:400;line-height:1.55}.auto-assist-local-tooltip:after{content:"";position:absolute;top:-12px;left:50%;border-width:6px;border-style:solid;border-color:transparent transparent #111 transparent;transform:translate(-50%)}.context-tooltip span{display:block;color:#fff;font-size:.7rem;font-weight:400;line-height:1.55}.context-tooltip span+span{margin-top:9px}.context-tooltip:after{content:"";position:absolute;border-width:6px;border-style:solid}.context-tooltip-intro{top:76px;left:50%;transform:translate(-50%)}.context-tooltip-intro:after{top:-12px;left:50%;transform:translate(-50%);border-color:transparent transparent #111 transparent}.deck-cfx-tooltip{top:calc(100% + 8px);left:50%;width:min(260px,calc(100vw - 48px));transform:translate(-50%)}.deck-cfx-tooltip:after{top:-12px;left:50%;border-color:transparent transparent #111 transparent;transform:translate(-50%)}.context-tooltip-volume{top:142px;right:-92px;width:min(250px,calc(100vw - 48px))}.context-tooltip-volume:after{top:50%;left:-12px;transform:translateY(-50%);border-color:transparent #111 transparent transparent}.auto-assist-toggle i{position:relative;display:block;width:42px;height:21px;border:1px solid rgba(254,106,60,.58);border-radius:999px;background:#f5f7eb;transition:.15s ease}.auto-assist-toggle i b{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fe6a3c;transition:transform .15s ease}.auto-assist-toggle-active i{border-color:#fe6a3c;background:#fe6a3c}.auto-assist-toggle-active i b{background:#f5f7eb;transform:translate(20px)}.sync-toggle{width:100%;margin-top:13px;border:1px solid #fe6a3c;border-radius:13px;padding:8px 10px;background:transparent;color:#9a8b82;font-size:.7rem;font-weight:850;transition:.15s ease}.auto-assist-toggle:hover,.sync-toggle:hover{transform:translateY(-1px)}.sync-toggle-active{background:#fe6a3c;color:#f5f7eb}.sync-message{min-height:28px;margin-top:8px;color:#9a8b82;font-size:.64rem;line-height:1.35}.mix-control{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;align-items:center;gap:4px;margin-top:21px}.mix-control input{min-width:0;margin:0}.deck-marker{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#fe6a3c;color:#f5f7eb;font-size:.67rem;font-weight:900}.mix-direction{margin-top:11px}.mix-readout{justify-content:center;margin-top:10px;border-top:0;padding-top:0;text-align:center}.mix-readout output{color:#fe6a3c;font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:-.09em}.error-message{margin-bottom:12px;border:1px solid rgba(254,106,60,.52);border-radius:14px;padding:11px 13px;background:#eeeadd;color:#fe6a3c;font-size:.78rem}.library-view{min-height:calc(100vh - 112px);padding:22px}.library-heading{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid rgba(254,106,60,.25);padding-bottom:18px;flex-direction:column}.library-heading h1{margin-top:5px}.library-back-button{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid #fe6a3c;border-radius:50%;background:transparent;color:#fe6a3c;font-size:1.2rem;font-weight:900;line-height:1;transition:.15s ease}.library-back-button span{display:block;transform:translateY(-1px)}.library-back-button:hover{background:#fe6a3c;color:#f5f7eb;transform:translateY(-1px)}.library-heading p:last-child,.library-toolbar p{margin-top:9px;color:#9a8b82;font-size:.74rem;line-height:1.5}.library-toolbar{display:flex;align-items:center;gap:13px;padding:18px 0;flex-wrap:wrap}.library-toolbar p{margin-top:0}.library-track-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.library-track{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid rgba(254,106,60,.3);border-radius:16px;padding:12px;background:#eeeadd}.library-track-selectable{grid-template-columns:auto minmax(0,1fr) auto;cursor:pointer}.library-track-selected{border-color:#fe6a3c;background:#fe6a3c14}.library-storage-info{display:grid;gap:7px;margin-bottom:14px;border:1px solid rgba(254,106,60,.24);border-radius:14px;padding:10px 12px;background:#eeeadd;color:#7a5c52;font-size:.72rem}.library-storage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-storage-heading span{color:#7a5c52;font-weight:850}.library-storage-heading output{color:#9a8b82;font-size:.68rem;font-variant-numeric:tabular-nums}.library-storage-bar{display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#fe6a3c24}.library-storage-bar span{display:block;width:var(--storage-progress, 0%);height:100%;border-radius:inherit;background:#fe6a3c;transition:width .18s ease}.library-storage-info small{color:#9a8b82;font-size:.66rem}.library-clear-row{display:flex;align-items:center;gap:18px;justify-content:flex-end;margin:-3px 0 14px}.playlist-text-action{border:0;padding:8px 0;background:transparent;color:#e5484d;font-size:.72rem;font-weight:850;text-align:right}.playlist-text-action:disabled{cursor:not-allowed;opacity:.42}.playlist-edit-action{color:#2563eb}.library-selection-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:-3px 0 14px;border:1px solid rgba(254,106,60,.24);border-radius:14px;padding:8px 10px;background:#eeeaddcc}.library-selection-bar button{border:0;padding:7px 0;background:transparent;color:#7a5c52;font-size:.72rem;font-weight:850}.library-selection-bar button:first-child{text-align:left}.library-selection-bar span{color:#9a8b82;font-size:.68rem;font-weight:850;white-space:nowrap}.library-selection-bar .library-delete-selected{color:#e5484d;text-align:right}.library-selection-bar .library-delete-selected:disabled{cursor:not-allowed;opacity:.38}.library-track-error{border-color:#e5484d}.library-track-copy{min-width:0}.library-track-copy strong,.library-track-copy span,.library-track-copy small{display:block}.library-track-copy strong{overflow:hidden;color:#7a5c52;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.library-track-copy span,.library-track-copy small{margin-top:5px;color:#9a8b82;font-size:.68rem;line-height:1.35}.library-track-copy small{color:#e5484d}.library-track-progress{display:block;width:100%;height:4px;overflow:hidden;margin-top:9px;border-radius:999px;background:#fe6a3c2e}.library-track-progress span{display:block;width:var(--track-progress, 0%);height:100%;border-radius:inherit;background:#fe6a3c;transition:width .18s ease}.library-track-state{display:grid;min-width:34px;place-items:center}.library-select-control{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(122,92,82,.28);border-radius:50%;padding:0;background:transparent}.library-select-control span{display:block;width:13px;height:13px;border-radius:50%;background:transparent}.library-select-control-selected{border-color:#fe6a3c}.library-select-control-selected span{background:#fe6a3c}.library-track-check{display:grid;width:25px;height:25px;place-items:center;color:#fe6a3c}.library-track-check svg{width:24px;height:24px;overflow:visible}.library-track-check circle,.library-track-check path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.library-track-error-label{border:1px solid rgba(229,72,77,.4);border-radius:999px;padding:5px 8px;color:#e5484d;font-size:.62rem;font-weight:850}.library-empty{display:grid;min-height:220px;place-items:center;align-content:center;gap:7px;border:1px dashed rgba(254,106,60,.42);border-radius:18px;background:#eeeadd;color:#7a5c52;text-align:center}.library-empty span{color:#9a8b82;font-size:.76rem}.playlist-modal-backdrop{position:fixed;z-index:20;display:grid;top:0;right:0;bottom:0;left:0;place-items:center;padding:16px;background:#7a5c5257}.playlist-modal{width:min(620px,100%);max-height:min(720px,calc(100vh - 32px));overflow:auto;border:1px solid rgba(254,106,60,.46);border-radius:22px;padding:16px;background:#f5f7eb;box-shadow:0 20px 55px #7a5c5247}.playlist-modal-heading,.playlist-select-button{display:flex;align-items:center;justify-content:space-between;gap:12px}.playlist-modal-heading{position:sticky;z-index:1;top:-16px;border-bottom:1px solid rgba(254,106,60,.25);margin:-16px -16px 0;padding:16px 16px 14px;background:#f5f7eb}.playlist-modal-heading h2{margin-top:5px}.modal-close{border:1px solid rgba(254,106,60,.4);border-radius:999px;padding:8px 11px;background:transparent;color:#7a5c52;font-size:.7rem;font-weight:850}.playlist-select-list{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}.playlist-select-row{overflow:hidden;border:1px solid rgba(254,106,60,.3);border-radius:14px;background:#eeeadd}.playlist-select-button{width:100%;border:0;padding:12px;background:transparent;color:#7a5c52;text-align:left}.playlist-select-button span{display:grid;min-width:0;gap:5px}.playlist-select-button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-select-button small{color:#9a8b82}.playlist-select-button b{flex:0 0 auto;color:#fe6a3c;font-size:.72rem}.playlist-select-button:disabled{cursor:not-allowed;opacity:.54}.playlist-modal-empty{display:grid;min-height:190px;place-items:center;align-content:center;gap:9px;color:#7a5c52;text-align:center}.playlist-modal-empty span{color:#9a8b82;font-size:.76rem}.clear-modal-backdrop{position:fixed;z-index:24;display:grid;top:0;right:0;bottom:0;left:0;place-items:center;padding:16px;background:#7a5c5257}.clear-modal{display:grid;width:min(360px,100%);gap:16px;border:1px solid rgba(229,72,77,.42);border-radius:20px;padding:18px;background:#f5f7eb;box-shadow:0 20px 55px #7a5c5247}.clear-modal h2{color:#e5484d;font-size:1.05rem;letter-spacing:-.04em;line-height:1.35;text-align:center}.clear-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.clear-modal-cancel{border-color:#fe6a3c5c;background:transparent;color:#7a5c52}.clear-modal-confirm{border-color:#e5484d;background:#f5f7eb;color:#e5484d}@media(max-width:1120px){.workspace{grid-template-columns:minmax(300px,1fr) minmax(215px,.58fr) minmax(300px,1fr)}.deck-panel{padding:14px}.deck-body{grid-template-columns:minmax(0,1fr) 96px;gap:10px}.deck-body-b{grid-template-columns:96px minmax(0,1fr)}.jog-wheel{width:min(235px,94%)}.vertical-fader{padding-left:9px}.deck-body-b>.vertical-fader{padding-right:9px;padding-left:0}.vertical-fader-rail{height:205px}.vertical-fader input{height:180px}}@media(max-width:880px){.app-shell{width:min(100% - 16px,620px);min-height:calc(100vh - 16px);margin:8px auto;border-radius:24px}.app-header{padding:15px 16px}.header-action{padding:9px 12px;font-size:.68rem}.app-content{padding:9px}.workspace{grid-template-columns:1fr}.mixer-section{min-height:360px;grid-row:2}.deck-body{display:block}.deck-panel .deck-channel-controls{display:none}.mobile-deck-volume{display:block;min-width:0}.transition-panel{display:grid;grid-template-columns:66px minmax(0,1fr) 66px;align-items:center;gap:14px;padding-right:8px;padding-left:8px}.transition-main .assist-controls{width:min(100%,180px);margin-right:auto;margin-left:auto;padding:7px}.transition-main .sync-toggle{width:min(100%,142px);margin-right:auto;margin-left:auto}.transition-main .mix-control{width:min(100%,190px);margin-right:auto;margin-left:auto}.transition-panel .context-tooltip{width:min(280px,calc(100vw - 34px))}.transition-panel .context-tooltip-intro{top:108px}.transition-panel .context-tooltip-volume{top:96px;right:auto;left:76px;width:min(214px,calc(100vw - 34px))}.transition-panel .context-tooltip-volume:after{left:-12px}.mobile-deck-volume .vertical-fader{border:0;padding:0}.mobile-deck-volume .deck-cfx-control{margin-bottom:8px}.mobile-deck-volume .deck-cfx-tooltip{top:calc(100% + 8px);left:0;width:min(214px,calc(100vw - 34px));transform:none}.mobile-deck-volume .deck-cfx-tooltip:after{left:18px;transform:none}.mobile-deck-volume .vertical-fader-label{font-size:.56rem}.mobile-deck-volume .vertical-fader-rail{height:170px;margin:10px auto 8px}.mobile-deck-volume .vertical-fader input{height:145px}.jog-wheel{width:min(290px,90%)}.privacy-note{text-align:center}.library-view{min-height:calc(100vh - 91px);padding:14px}.library-heading{align-items:flex-start}.library-toolbar{align-items:stretch;flex-direction:column}.library-clear-row{justify-content:flex-end}.playlist-text-action{min-height:40px}.library-selection-bar{grid-template-columns:auto 1fr auto;gap:8px}.library-track{grid-template-columns:minmax(0,1fr) auto}.library-track-selectable{grid-template-columns:auto minmax(0,1fr) auto}}