.genre-btn-active{background:#ffffff38;color:#fff;font-weight:600;border-bottom:2px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #00000059}#aurora-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.glass{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out forwards}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.btn-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}.card-border{background:#4f46e514;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:inset 0 0 30px #4f46e51a,inset 0 0 60px #3b82f60d,0 0 50px #8b5cf633}.gradient-border{position:relative;background:linear-gradient(135deg,#4f46e51a,#3b82f61a,#8b5cf61a)}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:linear-gradient(135deg,#4f46e5,#3b82f6,#8b5cf6,#f59e0b);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:transparent;border-radius:9999px;cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:6px;background:#ffffff1a;border-radius:9999px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:14px;border-radius:9999px;background:#8b5cf6;cursor:pointer;border:none;margin-top:-4px}input[type=range]::-moz-range-thumb{height:14px;width:14px;border-radius:9999px;background:#8b5cf6;cursor:pointer;border:none}.loading-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:disabled{opacity:.4!important;pointer-events:none!important}button[aria-disabled=true]{opacity:.4!important;pointer-events:none!important}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;margin-bottom:4px}.tooltip:hover:after{opacity:1}.is-syncing{animation:pulse-sync 1s ease-in-out infinite}@keyframes pulse-sync{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf6b3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #8b5cf600}}.status-line{font-size:12px;color:#fff6;margin-top:8px}button:disabled i,button[aria-disabled=true] i{opacity:.3!important;cursor:default!important}.arrange-btn-glow{box-shadow:0 0 12px #10b98140,0 0 4px #06b6d426;transition:all .2s ease}.arrange-btn-glow:hover{box-shadow:0 0 20px #10b98159,0 0 8px #06b6d440}#mobileVolumePopover{z-index:60}@media (max-width: 640px){.mix-cutoff-row{display:none!important}}[data-action=prev-take]:focus,[data-action=next-take]:focus{outline:2px solid rgba(139,92,246,.6);outline-offset:-2px}[data-action=prev-take]:focus-visible,[data-action=next-take]:focus-visible{outline:2px solid rgba(139,92,246,.8);outline-offset:-2px}[data-stem-indicator]{left:calc(var(--indicator-phase, 0) * 100%)!important;will-change:left}#toast-container{position:fixed!important;top:1rem!important;right:1rem!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;visibility:visible!important;opacity:1!important;z-index:9999!important}.toast-notification{pointer-events:auto;-webkit-user-select:none;user-select:none;min-width:280px;max-width:400px}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.animate-in{animation:toast-in .3s ease-out forwards}.animate-out{animation:toast-out .3s ease-in forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-bg{background-color:#ffffff0d}.skeleton-text{background-color:#ffffff1a;border-radius:.25rem}#arrangement-page button,#arrangement-page a,#arrangement-page input,#arrangement-page select,#arrangement-page textarea,#arrangement-page [role=button],#arrangement-page [data-arr-stem],#arrangement-page [data-arr-variant],#arrangement-page [data-duration],#arrTransport button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.loop-fix-stem-card{user-select:none;-webkit-user-select:none;touch-action:manipulation}.loop-fix-stem-card:active:not([data-has-audio=false]){transform:scale(.98)}.loop-fix-result-card{transition:all .2s ease}.loop-fix-result-card:hover{background:#ffffff14}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}#loopFixUndoBtn{display:none!important}#arrTimelineVisual{-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.05)}#arrTimelineVisual::-webkit-scrollbar{height:14px}#arrTimelineVisual::-webkit-scrollbar-track{background:#ffffff0d;border-radius:7px}#arrTimelineVisual::-webkit-scrollbar-thumb{background:#fff3;border-radius:7px;border:3px solid transparent;background-clip:padding-box}#arrTimelineVisual::-webkit-scrollbar-thumb:hover{background:#ffffff59;border:3px solid transparent;background-clip:padding-box}.timeline-drag-handle{background:transparent}.timeline-drag-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:#ffffff0a;transition:background .15s}.timeline-drag-handle:hover:after{background:#10b98180}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.is-generating .waveform-canvas{opacity:.3;transition:opacity .3s ease}.waveform-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:.375rem}.automix-affected{position:relative}.automix-affected:after{content:"";position:absolute;top:-1px;right:-1px;width:8px;height:8px;border-radius:9999px;background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 0 6px #10b98180;z-index:10}@media (max-width: 640px){input[type=range]{height:44px;padding:16px 0;cursor:pointer}input[type=range]::-webkit-slider-thumb{height:22px;width:22px}input[type=range]::-moz-range-thumb{height:22px;width:22px;border-radius:9999px;border:none;cursor:pointer}}.slider-value-input{width:48px;height:24px;background:#000000e6;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:12px;text-align:center;outline:none;padding:0 4px}.slider-value-input:focus{border-color:#10b98199;box-shadow:0 0 0 2px #10b98126}.param-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:9999px;background:#ffffff14;font-size:9px;color:#fff6;cursor:help;flex-shrink:0;transition:background .15s,color .15s}.param-tooltip:hover{background:#ffffff26;color:#ffffffb3}.param-tooltip .param-tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000eb;color:#ffffffd9;padding:6px 10px;border-radius:8px;font-size:11px;line-height:1.4;white-space:normal;width:max-content;max-width:200px;text-align:center;pointer-events:none;transition:opacity .2s,visibility .2s;z-index:50;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1)}.param-tooltip:hover .param-tooltip-text{visibility:visible;opacity:1}.mobile-session-header{position:sticky;top:0;z-index:30;background:#0a0a14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);padding:8px 16px;display:none}@media (max-width: 640px){.mobile-session-header{display:flex;align-items:center;justify-content:center;gap:12px}}.mobile-session-header .session-info-pill{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#ffffff0f;border-radius:6px;font-size:11px;color:#fff9}.mobile-session-header .session-info-pill span{color:#ffffffe6;font-weight:500}