.page.svelte-u5yfkh{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#0f1418,#1f252c);color:#f0f0f0}.container.svelte-u5yfkh{max-width:1200px;margin:0 auto}.back-link.svelte-u5yfkh{display:inline-block;color:#5fc4b8;text-decoration:none;margin-bottom:2rem;font-size:.95rem}.back-link.svelte-u5yfkh:hover{text-decoration:underline}h1.svelte-u5yfkh{font-size:2.5rem;margin:0 0 1rem;background:linear-gradient(135deg,#5fc4b8,#4db8ac,#3aa89c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro.svelte-u5yfkh{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;line-height:1.7}.intro.svelte-u5yfkh strong:where(.svelte-u5yfkh){color:#7dd3c9}.instrument-selector.svelte-u5yfkh{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;margin-bottom:2rem}.instrument-selector.svelte-u5yfkh h2:where(.svelte-u5yfkh){margin:0 0 1.5rem;font-size:1.5rem;color:#7dd3c9}.instrument-grid.svelte-u5yfkh{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.instrument-btn.svelte-u5yfkh{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:.75rem;color:#d0d0d0;cursor:pointer;transition:all .2s ease;font-size:1rem}.instrument-btn.svelte-u5yfkh:hover:not(:disabled):not(.active){background:#5fc4b81a;border-color:#5fc4b84d;transform:translateY(-2px)}.instrument-btn.active.svelte-u5yfkh{background:#5fc4b833;border-color:#5fc4b8;color:#7dd3c9}.instrument-btn.svelte-u5yfkh:disabled{opacity:.5;cursor:not-allowed}.instrument-icon.svelte-u5yfkh{font-size:2.5rem}.instrument-label.svelte-u5yfkh{font-weight:600;font-size:1.1rem}.instrument-description.svelte-u5yfkh{margin-top:1.5rem;padding:1rem 1.5rem;background:#5fc4b80d;border-left:3px solid #5fc4b8;border-radius:.5rem;color:#d0d0d0;line-height:1.6}.player-section.svelte-u5yfkh{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;min-height:400px;position:relative}.preload-overlay.svelte-u5yfkh{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f1418e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem}.preload-card.svelte-u5yfkh{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;width:min(360px,90%);text-align:center}.preload-percentage.svelte-u5yfkh{margin:1rem 0;font-size:2rem;font-weight:700;color:#7dd3c9}.preload-progress.svelte-u5yfkh{width:100%;height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.preload-progress.svelte-u5yfkh .fill:where(.svelte-u5yfkh){height:100%;background:linear-gradient(90deg,#5fc4b8,#7dd3c9);transition:width .3s ease}.current-producer-header.svelte-u5yfkh{margin-bottom:1.5rem}.current-producer-header.svelte-u5yfkh h3:where(.svelte-u5yfkh){margin:0 0 .5rem;font-size:1.8rem;color:#7dd3c9}.producer-meta.svelte-u5yfkh{margin:0;color:#b0b0b0;font-size:.9rem}.player-controls.svelte-u5yfkh{margin-bottom:2rem}.main-controls.svelte-u5yfkh{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}button.svelte-u5yfkh{background:#5fc4b833;border:1px solid rgba(95,196,184,.4);border-radius:.5rem;padding:.75rem;cursor:pointer;color:#5fc4b8;transition:all .2s ease;display:flex;align-items:center;justify-content:center}button.svelte-u5yfkh:hover:not(:disabled){background:#5fc4b84d;border-color:#5fc4b8;transform:translateY(-1px)}button.svelte-u5yfkh:disabled{opacity:.4;cursor:not-allowed}.play-btn.svelte-u5yfkh{width:54px;height:54px}.stop-btn.svelte-u5yfkh{width:44px;height:44px}.time-display.svelte-u5yfkh{margin-left:auto;font-family:Courier New,monospace;font-size:1.1rem;color:#b0b0b0}.separator.svelte-u5yfkh{margin:0 .5rem;color:#606060}.current.svelte-u5yfkh{color:#7dd3c9}.progress-container.svelte-u5yfkh{width:100%;padding:.5rem 0;cursor:pointer}.progress-track.svelte-u5yfkh{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative}.progress-fill.svelte-u5yfkh{height:100%;background:linear-gradient(90deg,#5fc4b8,#7dd3c9);transition:width .1s linear}.stems-grid.svelte-u5yfkh{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.stem-card.svelte-u5yfkh{width:100%;padding:1.5rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:.75rem;text-align:center;flex-direction:column;gap:.75rem;color:#d0d0d0;transition:all .2s ease;min-height:100px}.stem-card.svelte-u5yfkh:hover:not(.active){background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.stem-card.active.svelte-u5yfkh{background:#5fc4b826;border-color:#5fc4b8;color:#7dd3c9}.producer-name.svelte-u5yfkh{font-weight:600;font-size:1rem}.playing-indicator.svelte-u5yfkh{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:#7dd3c9;margin-top:.5rem}.pulse.svelte-u5yfkh{width:8px;height:8px;border-radius:50%;background:#5fc4b8;animation:svelte-u5yfkh-pulse 1.5s ease-in-out infinite}@keyframes svelte-u5yfkh-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media(max-width:768px){.instrument-grid.svelte-u5yfkh,.stems-grid.svelte-u5yfkh{grid-template-columns:repeat(2,1fr)}}