.audio-custom-element,.audio-player-container,.audio-track-reset{margin:0;padding:0;box-sizing:border-box}[data-slot=tabs-trigger][data-state=active]{background-color:var(--color-interactive-primary)!important;color:white!important;border-color:var(--color-interactive-primary)!important}.fixed.inset-0,.fixed.inset-0 .modal-content,.fixed.inset-0>div{margin:revert!important;padding:revert!important}.fixed.inset-0 .p-6{padding:1.5rem!important}.fixed.inset-0 .p-4{padding:1rem!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-slot=dialog-content]{max-height:85vh;max-height:85svh}h3.track-title{color:var(--color-foreground);font-weight:500;transition:all .3s ease}h3.track-title.loading{color:var(--color-audio-warning);animation:pulse 1s infinite;cursor:not-allowed;opacity:.6}h3.track-title.loading:hover{transform:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}h3.track-title.ready{animation:readyFlash .5s ease}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes readyFlash{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tracks-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;padding:1rem;background-color:var(--color-app-bg);flex:1;width:100%;overflow:visible}.tracks-container.mix-mode{grid-template-rows:none;grid-auto-rows:auto;align-content:start;overflow-y:auto;min-height:0}.track{isolation:isolate;overflow:visible}.track,.track-title{position:relative;z-index:1}.track-title{cursor:pointer;user-select:none;transition:all .2s ease;margin:0;text-align:center;padding:1rem;border-radius:12px;width:100%;height:100%;background-color:var(--color-track-background);border:1px solid var(--color-border-hairline);font-weight:600;flex-direction:column;gap:.5rem;font-size:1rem;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:40px}.track-title:hover{background-color:var(--color-track-hover);border-color:var(--color-border-hairline-strong)}.track-title.touching,.track-title:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.2)}.track-title.touching{background-color:var(--color-track-hover);border-color:var(--color-border-hairline-strong);animation:touchPulse .3s ease}@keyframes touchPulse{0%{transform:scale(.95)}50%{transform:scale(.98)}to{transform:scale(1)}}.track-title:focus,.track-title:focus-visible{outline:2px solid var(--color-interactive-primary);outline-offset:2px}.track-title.armed{background-color:var(--color-track-hover);border-color:var(--color-track-border-hover)}.track-title.armed:hover{background-color:var(--color-track-hover);border-color:var(--color-border-hairline-strong)}.track-title.stopped{background-color:var(--color-surface);border-color:var(--color-border-hairline);color:var(--color-muted-foreground);opacity:.8}.track-title.stopped:hover{background-color:var(--color-track-background);border-color:var(--color-border-hairline-strong);color:var(--color-foreground)}.track-title.stopped:focus,.track-title.stopped:focus-visible{outline-color:var(--color-muted-foreground)}.track-title.playing:focus,.track-title.playing:focus-visible{outline-color:var(--color-interactive-primary)}.track-title.empty-slot{background-color:transparent;border:1px dashed var(--color-border-muted);color:var(--color-muted-foreground);opacity:.6;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem;cursor:pointer}.track-title.empty-slot:hover{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary);opacity:1;background-color:var(--color-interactive-primary-subtle);transform:translateY(-1px);box-shadow:0 4px 8px var(--color-interactive-primary-subtle)}.track-title.empty-slot:disabled{cursor:not-allowed;opacity:.3}.track-title.empty-slot:disabled:hover{border-color:var(--color-border-muted);color:var(--color-muted-foreground);background-color:transparent;transform:none;box-shadow:none}.track-title.empty-slot.loading-stem{background-color:var(--color-track-background);border:1px solid var(--color-audio-success);opacity:1;cursor:wait;animation:pulse-border-green 1.5s ease-in-out infinite}.loading-dots{display:flex;gap:.3rem;justify-content:center;align-items:center;height:100%}.loading-dots .dot{width:10px;height:10px;background-color:var(--color-audio-success);border-radius:50%;animation:dot-pulse-green 1.4s ease-in-out infinite}.loading-dots .dot:first-child{animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse-green{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}@keyframes pulse-border-green{0%,to{border-color:var(--color-audio-success);box-shadow:0 0 0 0 rgba(68,255,68,0)}50%{border-color:var(--color-audio-success);box-shadow:0 0 15px 1px rgba(68,255,68,.2)}}.add-icon{font-size:2rem;font-weight:300;line-height:1}.add-text{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.track-title .track-title-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.track-title:not(.controls-visible) .stem-name{font-size:1.375rem;font-weight:600;letter-spacing:-.01em}@media (max-width:600px){.track-title:not(.controls-visible) .stem-name{font-size:1.1875rem}}.track-title.controls-visible{background-color:var(--color-track-background);border-color:var(--color-border-hairline);display:block;text-align:left;height:100%;min-height:0;padding:.7rem .75rem .75rem}.track-title.controls-visible.playing{border-color:oklch(from var(--color-interactive-primary) l c h/.45)}.track-title .song-title{color:var(--color-muted-foreground);font-size:.85em;font-weight:400;opacity:.8}.track-title .stem-name{color:var(--color-foreground);font-size:1em;font-weight:500}.track-title .track-name{flex:1;display:flex;align-items:center;justify-content:center}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:var(--color-border-muted);outline:none;opacity:.7;transition:opacity .2s;border-radius:3px}input[type=range]:hover{opacity:1}input[type=range]:focus,input[type=range]:focus-visible{outline:2px solid var(--color-interactive-primary);outline-offset:2px;opacity:1}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--color-interactive-primary);border-radius:50%}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--color-interactive-primary);border-radius:50%;border:none}@media (max-width:768px) and (orientation:landscape){.tracks-container{gap:.3rem;padding:.3rem;grid-template-rows:1fr 1fr;min-height:0}.track{min-height:0}.track-title{padding:.5rem;font-size:.75rem;min-height:35px}}@media (max-width:600px){.tracks-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);width:100%}.track-title{padding:1.5rem 1rem;font-size:.9rem}}input[type=range]{-webkit-user-select:auto;user-select:auto;cursor:pointer}input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;width:20px;height:20px}input[type=range]::-moz-range-thumb{cursor:pointer}