.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.knob-container.svelte-1wmwmfc{display:flex;flex-direction:column;align-items:center;gap:.25rem;-webkit-user-select:none;user-select:none}.knob.svelte-1wmwmfc{cursor:pointer;position:relative;transition:transform .1s}.knob.svelte-1wmwmfc:hover{transform:scale(1.05)}.knob.dragging.svelte-1wmwmfc{cursor:ns-resize;transform:scale(1.08)}.knob-bg.svelte-1wmwmfc{transition:stroke .2s}.knob.svelte-1wmwmfc:hover .knob-bg:where(.svelte-1wmwmfc){stroke:#2a2a2a}.knob-arc.svelte-1wmwmfc{transition:stroke-dasharray .05s linear}.knob-center.svelte-1wmwmfc{transition:fill .2s}.knob.svelte-1wmwmfc:hover .knob-center:where(.svelte-1wmwmfc){fill:#222}.knob.dragging.svelte-1wmwmfc .knob-center:where(.svelte-1wmwmfc){fill:#2a2a2a}.knob-indicator.svelte-1wmwmfc{transition:none;filter:drop-shadow(0 0 2px rgba(255,107,107,.5))}.knob-label.svelte-1wmwmfc{font-size:.625rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:center}.knob-value.svelte-1wmwmfc{font-size:.625rem;color:#ff6b6b;font-weight:700;text-align:center;min-width:35px}.knob.svelte-1wmwmfc:focus{outline:2px solid #ff6b6b;outline-offset:2px;border-radius:50%}.drum-track.svelte-1exlhur{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#0f0f0f;border-radius:8px;transition:background .2s}.drum-track.svelte-1exlhur:hover{background:#151515}.track-info.svelte-1exlhur{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.track-name.svelte-1exlhur{font-size:.875rem;font-weight:600;color:#e0e0e0;text-transform:uppercase;letter-spacing:1px}.track-controls.svelte-1exlhur{display:flex;gap:.25rem}.btn-control.svelte-1exlhur{background:#222;border:1px solid #333;color:#888;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s}.btn-control.svelte-1exlhur:hover{background:#2a2a2a;border-color:#444}.btn-control.active.svelte-1exlhur{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.btn-test.svelte-1exlhur{font-size:.65rem}.btn-test.svelte-1exlhur:hover{background:#4caf50;border-color:#66bb6a}.track-params.svelte-1exlhur{display:flex;gap:.5rem;margin-top:.25rem}.steps-grid.svelte-1exlhur{display:grid;grid-template-columns:repeat(16,1fr);gap:.25rem;flex:1}.steps-grid.steps-32.svelte-1exlhur{grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(2,1fr)}.step.svelte-1exlhur{aspect-ratio:1;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:4px;cursor:pointer;transition:all .1s;position:relative;padding:0;display:flex;align-items:center;justify-content:center}.step.svelte-1exlhur:hover{background:#252525;border-color:#3a3a3a}.step.beat-marker.svelte-1exlhur{border-color:#3a3a3a}.step.active.svelte-1exlhur{background:#ff6b6b;border-color:#ff8080}.step.active.svelte-1exlhur:hover{background:#ff8080}.step.accented.svelte-1exlhur{background:orange;border-color:#ffb733}.step.accented.svelte-1exlhur:hover{background:#ffb733}.step.triplet.svelte-1exlhur{background:#9b59b6;border-color:#b777d6}.step.triplet.svelte-1exlhur:hover{background:#b777d6}.step.current.svelte-1exlhur{box-shadow:0 0 10px #4caf50cc;border-color:#4caf50;outline:3px solid #4caf50;outline-offset:-1px}.step.disabled.svelte-1exlhur{opacity:.35;cursor:context-menu;filter:grayscale(100%)}.step.disabled.svelte-1exlhur:hover{opacity:.45;background:#1a1a1a;border-color:#2a2a2a}.step-indicator.svelte-1exlhur{display:block;width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;transition:opacity .1s}.step-indicator.accent-dot.svelte-1exlhur{opacity:1;background:#1a1a1a;width:8px;height:8px}.triplet-indicator.svelte-1exlhur{font-size:1rem;font-weight:900;color:#fff;line-height:.6;letter-spacing:-2px}@media (max-width: 768px){.drum-track.svelte-1exlhur{flex-direction:column;align-items:stretch}.track-info.svelte-1exlhur{flex-direction:row;justify-content:space-between;align-items:center}.steps-grid.svelte-1exlhur{grid-template-columns:repeat(8,1fr)}}.sequencer.svelte-1w6u4kx{background:#1a1a1a;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000004d}.section-title.svelte-1w6u4kx{font-size:1.25rem;margin-bottom:1.5rem;color:#ff6b6b;text-transform:uppercase;letter-spacing:2px;font-weight:700}.tracks.svelte-1w6u4kx{display:flex;flex-direction:column;gap:.5rem}.empty-state.svelte-1w6u4kx{text-align:center;color:#666;padding:2rem}.controls.svelte-1y71c66{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:#1a1a1a;border-radius:12px;box-shadow:0 2px 10px #0000004d;flex-wrap:wrap}.transport.svelte-1y71c66{display:flex;align-items:center;gap:.5rem}.divider.svelte-1y71c66{width:2px;height:40px;background:#444;margin:0 .5rem}button.svelte-1y71c66{background:#2a2a2a;border:2px solid #333;color:#e0e0e0;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1.25rem;transition:all .2s;font-weight:600}button.svelte-1y71c66:hover{background:#333;border-color:#444}button.svelte-1y71c66:active{transform:scale(.95)}.btn-play.svelte-1y71c66,.btn-pause.svelte-1y71c66,.btn-stop.svelte-1y71c66,.btn-reverse.svelte-1y71c66,.btn-generate.svelte-1y71c66,.btn-clear.svelte-1y71c66{min-width:60px;font-size:1.5rem}.btn-play.active.svelte-1y71c66{background:#4caf50;border-color:#66bb6a}.btn-pause.svelte-1y71c66:disabled{opacity:.3;cursor:not-allowed}.btn-pause.svelte-1y71c66:not(:disabled):hover{background:#ffa726;border-color:#ffb74d}.btn-stop.svelte-1y71c66{background:#d32f2f;border-color:#f44336}.btn-stop.svelte-1y71c66:hover{background:#f44336}.btn-reverse.svelte-1y71c66{background:#673ab7;border-color:#7e57c2}.btn-reverse.svelte-1y71c66:hover{background:#7e57c2;border-color:#9575cd}.btn-reverse.active.svelte-1y71c66{background:#9575cd;border-color:#b39ddb}.btn-clear.svelte-1y71c66{background:#d32f2f;border-color:#f44336}.btn-clear.svelte-1y71c66:hover{background:#f44336;border-color:#ff6b6b}.generate-container.svelte-1y71c66{position:relative}.btn-generate.svelte-1y71c66{background:linear-gradient(135deg,#9c27b0,#ba68c8);border-color:#9c27b0}.btn-generate.svelte-1y71c66:hover{background:linear-gradient(135deg,#ba68c8,#ce93d8)}.style-menu.svelte-1y71c66{position:absolute;top:100%;left:0;margin-top:.5rem;background:#2a2a2a;border:2px solid #444;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:100;min-width:200px;box-shadow:0 4px 12px #00000080}.style-option.svelte-1y71c66{background:#333;border:1px solid #444;color:#e0e0e0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;text-align:left;transition:all .2s;white-space:nowrap}.style-option.svelte-1y71c66:hover{background:#9c27b0;border-color:#ba68c8;transform:translate(4px)}.control-group.svelte-1y71c66,label.svelte-1y71c66{display:flex;align-items:center;gap:1rem}.label-text.svelte-1y71c66{font-size:.875rem;color:#999;text-transform:uppercase;letter-spacing:1px;font-weight:600;min-width:50px}.slider.svelte-1y71c66{width:120px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none}.slider.svelte-1y71c66::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#ff6b6b;border-radius:50%;cursor:pointer}.slider.svelte-1y71c66::-moz-range-thumb{width:16px;height:16px;background:#ff6b6b;border-radius:50%;cursor:pointer;border:none}.value.svelte-1y71c66{font-size:1rem;font-weight:700;color:#ff6b6b;text-align:right}.btn-samples.svelte-1y71c66{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff6b6b;min-width:60px;font-size:1.5rem}.btn-samples.svelte-1y71c66:hover{background:linear-gradient(135deg,#ff8080,#ff6b80);border-color:#ff8080;transform:scale(1.05)}@media (max-width: 768px){.controls.svelte-1y71c66{flex-direction:column;align-items:stretch;gap:1rem}.transport.svelte-1y71c66{justify-content:center}.control-group.svelte-1y71c66{justify-content:space-between}}.modal-backdrop.svelte-1c9aatd{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.svelte-1c9aatd{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid #333}.modal-header.svelte-1c9aatd{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #333;background:#0f0f0f}.header-left.svelte-1c9aatd{display:flex;align-items:center;gap:1.5rem}.header-actions.svelte-1c9aatd{display:flex;gap:.75rem}.modal-header.svelte-1c9aatd h2:where(.svelte-1c9aatd){font-size:1.75rem;color:#ff6b6b;margin:0;font-weight:700}.btn-generate.svelte-1c9aatd{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s;white-space:nowrap;box-shadow:0 2px 8px #4caf504d}.btn-generate.svelte-1c9aatd:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5080}.btn-generate.svelte-1c9aatd:disabled{opacity:.6;cursor:not-allowed}.btn-generate.svelte-1c9aatd:active:not(:disabled){transform:translateY(0)}.btn-close.svelte-1c9aatd{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.btn-close.svelte-1c9aatd:hover{background:#333;color:#fff}.modal-body.svelte-1c9aatd{flex:1;overflow-y:auto;padding:2rem}.samples-grid.svelte-1c9aatd{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.sample-card.svelte-1c9aatd{background:#0f0f0f;border:2px solid #2a2a2a;border-radius:12px;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.sample-card.svelte-1c9aatd:hover{border-color:#3a3a3a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.sample-card.has-sample.svelte-1c9aatd{border-color:#4caf50;background:linear-gradient(135deg,#0f0f0f,#1a2a1a)}.sample-card.is-loading.svelte-1c9aatd{border-color:#ff6b6b}.sample-card.drag-over.svelte-1c9aatd{border-color:#ff6b6b;background:#1a1a1a;border-style:dashed;transform:scale(1.02)}.card-header.svelte-1c9aatd{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.drum-icon.svelte-1c9aatd{font-size:1.5rem}.drum-name.svelte-1c9aatd{font-size:1rem;font-weight:600;color:#e0e0e0;margin:0;text-transform:uppercase;letter-spacing:1px}.upload-area.svelte-1c9aatd{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:2px dashed #333;border-radius:8px;text-align:center;min-height:180px;justify-content:center}.upload-prompt.svelte-1c9aatd{color:#999;font-size:.875rem;margin:0}.upload-or.svelte-1c9aatd{color:#666;font-size:.75rem;margin:0}.btn-upload.svelte-1c9aatd{background:#ff6b6b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-block}.btn-upload.svelte-1c9aatd:hover{background:#ff8080;transform:translateY(-1px)}.url-input-group.svelte-1c9aatd{display:flex;gap:.5rem}.url-input.svelte-1c9aatd{flex:1;background:#1a1a1a;border:1px solid #333;color:#e0e0e0;padding:.5rem;border-radius:6px;font-size:.75rem}.url-input.svelte-1c9aatd::placeholder{color:#666}.url-input.svelte-1c9aatd:focus{outline:none;border-color:#ff6b6b}.btn-load-url.svelte-1c9aatd{background:#2a2a2a;color:#e0e0e0;border:1px solid #333;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;white-space:nowrap;transition:all .2s}.btn-load-url.svelte-1c9aatd:hover:not(:disabled){background:#3a3a3a;border-color:#444}.btn-load-url.svelte-1c9aatd:disabled{opacity:.5;cursor:not-allowed}.loading-state.svelte-1c9aatd{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.spinner.svelte-1c9aatd{width:40px;height:40px;border:4px solid #333;border-top-color:#ff6b6b;border-radius:50%;animation:svelte-1c9aatd-spin 1s linear infinite}@keyframes svelte-1c9aatd-spin{to{transform:rotate(360deg)}}.loading-state.svelte-1c9aatd p:where(.svelte-1c9aatd){color:#999;margin:0;font-size:.875rem}.loaded-state.svelte-1c9aatd{display:flex;flex-direction:column;gap:1rem}.sample-info.svelte-1c9aatd{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#1a1a1a;border-radius:8px}.sample-name.svelte-1c9aatd{color:#4caf50;font-weight:600;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-size.svelte-1c9aatd{color:#999;font-size:.75rem}.sample-source.svelte-1c9aatd{color:#666;font-size:.75rem}.btn-remove.svelte-1c9aatd{background:#d32f2f;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-remove.svelte-1c9aatd:hover{background:#f44336}.error-message.svelte-1c9aatd{background:#d32f2f;color:#fff;padding:.5rem;border-radius:6px;font-size:.75rem;margin-top:.5rem}.modal-footer.svelte-1c9aatd{padding:1.5rem 2rem;border-top:2px solid #333;background:#0f0f0f}.help-text.svelte-1c9aatd{color:#999;font-size:.875rem;margin:0;text-align:center}.btn-kit.svelte-1c9aatd{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s;white-space:nowrap;box-shadow:0 2px 8px #2196f34d}.btn-kit.svelte-1c9aatd:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f380}.kit-modal.svelte-1c9aatd{max-width:600px}.save-kit-modal.svelte-1c9aatd{max-width:500px}.kits-list.svelte-1c9aatd{display:flex;flex-direction:column;gap:1rem}.kit-card.svelte-1c9aatd{background:#0f0f0f;border:2px solid #2a2a2a;border-radius:12px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.kit-card.svelte-1c9aatd:hover{border-color:#3a3a3a;transform:translateY(-2px)}.kit-info.svelte-1c9aatd{flex:1}.kit-name.svelte-1c9aatd{font-size:1.125rem;font-weight:600;color:#e0e0e0;margin:0 0 .5rem}.kit-meta.svelte-1c9aatd{color:#999;font-size:.875rem;margin:0}.kit-description.svelte-1c9aatd{color:#666;font-size:.875rem;margin:.5rem 0 0}.kit-actions.svelte-1c9aatd{display:flex;gap:.5rem}.btn-load-kit.svelte-1c9aatd{background:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-load-kit.svelte-1c9aatd:hover:not(:disabled){background:#66bb6a}.btn-load-kit.svelte-1c9aatd:disabled{opacity:.5;cursor:not-allowed}.btn-delete-kit.svelte-1c9aatd{background:#d32f2f;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.btn-delete-kit.svelte-1c9aatd:hover{background:#f44336}.kit-name-input.svelte-1c9aatd{width:100%;background:#0f0f0f;border:2px solid #333;color:#e0e0e0;padding:.75rem;border-radius:8px;font-size:1rem;margin-bottom:1rem}.kit-name-input.svelte-1c9aatd:focus{outline:none;border-color:#4caf50}.help-text-small.svelte-1c9aatd{color:#666;font-size:.875rem;margin:0}.btn-secondary.svelte-1c9aatd{background:#2a2a2a;color:#e0e0e0;border:1px solid #333;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-secondary.svelte-1c9aatd:hover{background:#3a3a3a}.btn-primary.svelte-1c9aatd{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s}.btn-primary.svelte-1c9aatd:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5080}.btn-primary.svelte-1c9aatd:disabled{opacity:.6;cursor:not-allowed}.empty-message.svelte-1c9aatd{text-align:center;color:#666;padding:3rem 1rem;font-size:1rem}.modal-footer.svelte-1c9aatd{display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.samples-grid.svelte-1c9aatd{grid-template-columns:1fr}.modal.svelte-1c9aatd{max-height:95vh}.modal-header.svelte-1c9aatd,.modal-footer.svelte-1c9aatd,.modal-body.svelte-1c9aatd{padding:1rem}}.volume-mixer.svelte-1alhq8v{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000080}.mixer-header.svelte-1alhq8v{margin-bottom:1.5rem;text-align:center}.mixer-header.svelte-1alhq8v h3:where(.svelte-1alhq8v){font-size:1.25rem;color:#e0e0e0;margin-bottom:.25rem;font-weight:600}.mixer-subtitle.svelte-1alhq8v{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px}.mixer-tracks.svelte-1alhq8v{display:flex;gap:1rem;overflow-x:hidden;padding:.5rem}.mixer-track.svelte-1alhq8v{display:flex;flex-direction:column;align-items:center;min-width:80px;background:#0a0a0a;padding:1rem .75rem;border-radius:8px;border:1px solid #222}.track-header.svelte-1alhq8v{margin-bottom:1rem;display:flex;justify-content:center}.track-name.svelte-1alhq8v{font-size:.7rem;font-weight:700;color:#e0e0e0;letter-spacing:.5px;text-align:center}.fader-container.svelte-1alhq8v{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative}.slider-wrapper.svelte-1alhq8v{display:flex;align-items:center;justify-content:center;height:150px}.volume-label.svelte-1alhq8v{font-size:.7rem;color:#0f0;font-family:Courier New,monospace;font-weight:700;min-width:50px;text-align:center;background:#000;padding:.25rem .5rem;border-radius:4px;border:1px solid #0f0;margin-top:.25rem}.volume-fader.svelte-1alhq8v{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:150px;height:8px;background:linear-gradient(to right,#333,#666);border-radius:4px;cursor:pointer;outline:none;transform:rotate(-90deg);flex-shrink:0}.volume-fader.svelte-1alhq8v::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:12px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:3px;cursor:pointer;box-shadow:0 2px 6px #ff6b6b66;transition:all .2s}.volume-fader.svelte-1alhq8v::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#ff8080,#ff6b7f);box-shadow:0 4px 12px #ff6b6b99}.volume-fader.svelte-1alhq8v::-moz-range-thumb{width:24px;height:12px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:3px;cursor:pointer;box-shadow:0 2px 6px #ff6b6b66;transition:all .2s}.volume-fader.svelte-1alhq8v::-moz-range-thumb:hover{background:linear-gradient(135deg,#ff8080,#ff6b7f);box-shadow:0 4px 12px #ff6b6b99}.mixer-tracks.svelte-1alhq8v::-webkit-scrollbar{height:8px}.mixer-tracks.svelte-1alhq8v::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.mixer-tracks.svelte-1alhq8v::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.mixer-tracks.svelte-1alhq8v::-webkit-scrollbar-thumb:hover{background:#444}.empty-message.svelte-1alhq8v{text-align:center;padding:3rem 1rem;color:#666}.empty-message.svelte-1alhq8v p:where(.svelte-1alhq8v){font-size:1rem;margin:0}.master-track.svelte-1alhq8v{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #ff6b6b;min-width:80px}.master-label.svelte-1alhq8v{color:#ff6b6b;font-weight:700}.master-meter.svelte-1alhq8v{border-color:#ff6b6b;color:#ff6b6b}.master-fader.svelte-1alhq8v::-webkit-slider-thumb{background:linear-gradient(135deg,#ff6b6b,#ff8080);box-shadow:0 2px 8px #ff6b6b99}.master-fader.svelte-1alhq8v::-moz-range-thumb{background:linear-gradient(135deg,#ff6b6b,#ff8080);box-shadow:0 2px 8px #ff6b6b99}@media (max-width: 768px){.mixer-tracks.svelte-1alhq8v{gap:.5rem}.mixer-track.svelte-1alhq8v{min-width:60px;padding:.75rem .5rem}.volume-fader.svelte-1alhq8v{height:120px}}.pattern-manager.svelte-1pnqkkb{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000080}.manager-header.svelte-1pnqkkb{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.manager-header.svelte-1pnqkkb h3:where(.svelte-1pnqkkb){font-size:1.25rem;color:#e0e0e0;font-weight:600}.header-actions.svelte-1pnqkkb{display:flex;gap:.5rem}.btn-action.svelte-1pnqkkb{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-action.svelte-1pnqkkb:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.current-pattern-info.svelte-1pnqkkb{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#0a0a0a;border-radius:8px;margin-bottom:1.5rem;border:2px solid #ff6b6b}.label.svelte-1pnqkkb{font-size:.75rem;color:#888;text-transform:uppercase}.pattern-name.svelte-1pnqkkb{font-weight:600;color:#e0e0e0}.chain-badge.svelte-1pnqkkb{margin-left:auto;padding:.25rem .5rem;background:#ff6b6b;color:#fff;border-radius:4px;font-size:.75rem}.patterns-list.svelte-1pnqkkb,.chains-list.svelte-1pnqkkb{margin-bottom:1.5rem}.patterns-list.svelte-1pnqkkb h4:where(.svelte-1pnqkkb),.chains-list.svelte-1pnqkkb h4:where(.svelte-1pnqkkb){font-size:1rem;color:#e0e0e0;margin-bottom:.75rem}.patterns-grid.svelte-1pnqkkb,.chains-grid.svelte-1pnqkkb{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.pattern-card.svelte-1pnqkkb,.chain-card.svelte-1pnqkkb{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0a0a0a;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s}.pattern-card.svelte-1pnqkkb:hover,.chain-card.svelte-1pnqkkb:hover{background:#151515;border-color:#ff6b6b}.pattern-card.active.svelte-1pnqkkb,.chain-card.active.svelte-1pnqkkb{border-color:#ff6b6b;box-shadow:0 0 10px #ff6b6b4d}.pattern-info.svelte-1pnqkkb,.chain-info.svelte-1pnqkkb{display:flex;flex-direction:column;gap:.25rem;flex:1}.pattern-meta.svelte-1pnqkkb,.chain-meta.svelte-1pnqkkb{font-size:.75rem;color:#888}.pattern-actions.svelte-1pnqkkb,.chain-actions.svelte-1pnqkkb{display:flex;gap:.25rem}.btn-icon.svelte-1pnqkkb{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:.25rem;opacity:.7;transition:opacity .2s}.btn-icon.svelte-1pnqkkb:hover{opacity:1}.btn-icon.danger.svelte-1pnqkkb:hover{transform:scale(1.2)}.btn-icon.svelte-1pnqkkb:disabled{opacity:.3;cursor:not-allowed}.pattern-name-input.svelte-1pnqkkb{background:#0a0a0a;border:1px solid #ff6b6b;color:#e0e0e0;padding:.5rem;border-radius:4px;font-size:.875rem;width:100%}.modal-backdrop.svelte-1pnqkkb{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.svelte-1pnqkkb{background:#1a1a1a;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.modal-header.svelte-1pnqkkb{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #333}.modal-header.svelte-1pnqkkb h3:where(.svelte-1pnqkkb){font-size:1.25rem;color:#e0e0e0}.btn-close.svelte-1pnqkkb{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer;line-height:1}.btn-close.svelte-1pnqkkb:hover{color:#fff}.modal-body.svelte-1pnqkkb{padding:1.5rem}.modal-body.svelte-1pnqkkb label:where(.svelte-1pnqkkb){display:block;color:#e0e0e0;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.modal-body.svelte-1pnqkkb .mt-1:where(.svelte-1pnqkkb){margin-top:1rem}.modal-body.svelte-1pnqkkb input[type=text]:where(.svelte-1pnqkkb){width:100%;background:#0a0a0a;border:1px solid #333;color:#e0e0e0;padding:.75rem;border-radius:6px;font-size:1rem}.modal-body.svelte-1pnqkkb input:where(.svelte-1pnqkkb):focus{outline:none;border-color:#ff6b6b}.pattern-selector.svelte-1pnqkkb{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.pattern-select-btn.svelte-1pnqkkb{display:flex;align-items:center;gap:.75rem;background:#0a0a0a;border:1px solid #333;color:#e0e0e0;padding:.75rem;border-radius:6px;cursor:pointer;transition:all .2s}.pattern-select-btn.svelte-1pnqkkb:hover{background:#151515;border-color:#ff6b6b}.pattern-select-btn.selected.svelte-1pnqkkb{background:linear-gradient(135deg,#ff6b6b22,#ee5a6f22);border-color:#ff6b6b}.order-number.svelte-1pnqkkb{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#1a1a1a;border-radius:50%;font-weight:700;font-size:.875rem}.pattern-select-btn.selected.svelte-1pnqkkb .order-number:where(.svelte-1pnqkkb){background:#ff6b6b;color:#fff}.chain-preview.svelte-1pnqkkb{margin-top:1rem;padding:1rem;background:#0a0a0a;border-radius:6px}.chain-preview.svelte-1pnqkkb strong:where(.svelte-1pnqkkb){color:#e0e0e0;display:block;margin-bottom:.5rem}.chain-order-list.svelte-1pnqkkb{display:flex;flex-direction:column;gap:.25rem}.chain-item.svelte-1pnqkkb{color:#e0e0e0;font-size:.875rem}.empty-message.svelte-1pnqkkb{color:#666;font-size:.875rem}.modal-footer.svelte-1pnqkkb{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #333}.btn-primary.svelte-1pnqkkb,.btn-secondary.svelte-1pnqkkb{padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary.svelte-1pnqkkb{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.btn-primary.svelte-1pnqkkb:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.btn-primary.svelte-1pnqkkb:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-1pnqkkb{background:#333;color:#e0e0e0}.btn-secondary.svelte-1pnqkkb:hover{background:#444}.parametric-eq.svelte-59fua4{background:#1a1a1a;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000004d}.eq-header.svelte-59fua4{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.eq-title.svelte-59fua4{font-size:1.25rem;color:#ff6b6b;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin:0}.eq-controls.svelte-59fua4{display:flex;gap:.5rem}.btn-reset.svelte-59fua4{background:#222;border:2px solid #333;color:#888;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s}.btn-reset.svelte-59fua4:hover{background:#2a2a2a;border-color:#444}.btn-toggle.svelte-59fua4{background:#222;border:2px solid #333;color:#888;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s}.btn-toggle.svelte-59fua4:hover{background:#2a2a2a;border-color:#444}.btn-toggle.active.svelte-59fua4{background:#4caf50;border-color:#66bb6a;color:#fff}.canvas-container.svelte-59fua4{width:100%;border-radius:8px;overflow:hidden;background:#0f0f0f}canvas.svelte-59fua4{width:100%;height:200px;display:block;cursor:crosshair}.eq-values.svelte-59fua4{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.band.svelte-59fua4{background:#0f0f0f;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.band-label.svelte-59fua4{font-size:.875rem;color:#999;text-transform:uppercase;letter-spacing:1px}.band-value.svelte-59fua4{font-size:1.25rem;font-weight:700;color:#ff6b6b}.midi-settings.svelte-1c34j2o{background:#1a1a1a;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000004d}.midi-header.svelte-1c34j2o{display:flex;justify-content:space-between;align-items:center}.section-title.svelte-1c34j2o{font-size:1.25rem;color:#ff6b6b;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin:0}.btn-toggle-settings.svelte-1c34j2o{background:#222;border:2px solid #333;color:#888;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-toggle-settings.svelte-1c34j2o:hover{background:#2a2a2a;border-color:#444}.midi-warning.svelte-1c34j2o{margin-top:1rem;padding:1rem;background:#3a1a1a;border-radius:8px;color:#f99}.midi-content.svelte-1c34j2o{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.setting-group.svelte-1c34j2o{background:#0f0f0f;border-radius:8px;padding:1rem}.setting-group.svelte-1c34j2o h3:where(.svelte-1c34j2o){font-size:1rem;color:#e0e0e0;margin:0 0 .75rem;font-weight:600}.clock-modes.svelte-1c34j2o{display:flex;gap:.5rem;margin-bottom:.75rem}.btn-clock-mode.svelte-1c34j2o{flex:1;background:#222;border:2px solid #333;color:#888;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-clock-mode.svelte-1c34j2o:hover:not(:disabled){background:#2a2a2a;border-color:#444}.btn-clock-mode.active.svelte-1c34j2o{background:#4caf50;border-color:#66bb6a;color:#fff}.btn-clock-mode.svelte-1c34j2o:disabled{opacity:.3;cursor:not-allowed}.detected-bpm.svelte-1c34j2o{color:#4caf50;font-size:.875rem;font-weight:600;margin:.5rem 0}.hint.svelte-1c34j2o{font-size:.75rem;color:#666;margin:.5rem 0 0}.connected-device.svelte-1c34j2o{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#1a3a1a;border-radius:4px}.connected-device.svelte-1c34j2o span:where(.svelte-1c34j2o){color:#4caf50;font-weight:600}.device-selector.svelte-1c34j2o{display:flex;gap:.5rem}.device-selector.svelte-1c34j2o select:where(.svelte-1c34j2o){flex:1;background:#222;border:2px solid #333;color:#e0e0e0;padding:.5rem;border-radius:4px;font-size:.875rem}.device-selector.svelte-1c34j2o select:where(.svelte-1c34j2o):focus{outline:none;border-color:#ff6b6b}.btn-connect.svelte-1c34j2o,.btn-disconnect.svelte-1c34j2o{background:#ff6b6b;border:none;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-connect.svelte-1c34j2o:hover:not(:disabled),.btn-disconnect.svelte-1c34j2o:hover{background:#ff5252}.btn-connect.svelte-1c34j2o:disabled{opacity:.3;cursor:not-allowed}.btn-disconnect.svelte-1c34j2o{background:#666}.btn-disconnect.svelte-1c34j2o:hover{background:#777}.btn-refresh.svelte-1c34j2o{background:#333;border:2px solid #444;color:#e0e0e0;padding:.75rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-refresh.svelte-1c34j2o:hover{background:#444;border-color:#555}.connection-status.svelte-1c34j2o{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.connection-status.connected.svelte-1c34j2o{background:#1a3a1a;color:#4caf50}.connection-status.error.svelte-1c34j2o{background:#3a1a1a;color:#ff6b6b}.connection-status.connecting.svelte-1c34j2o{background:#2a2a1a;color:#ffb74d}.status-icon.svelte-1c34j2o{font-size:1.2rem}.status-message.svelte-1c34j2o{flex:1}.bluetooth-controls.svelte-1c34j2o{display:flex;flex-direction:column;gap:.75rem}.btn-bluetooth-pair.svelte-1c34j2o{background:#2196f3;border:none;color:#fff;padding:.75rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-bluetooth-pair.svelte-1c34j2o:hover{background:#1976d2}.auto-reconnect-toggle.svelte-1c34j2o{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#e0e0e0;font-size:.875rem}.auto-reconnect-toggle.svelte-1c34j2o input[type=checkbox]:where(.svelte-1c34j2o){cursor:pointer;width:1.25rem;height:1.25rem}.device-info.svelte-1c34j2o{display:flex;align-items:center;gap:.5rem}.device-icon.svelte-1c34j2o{font-size:1.2rem}.device-name.svelte-1c34j2o{flex:1}.device-badge.svelte-1c34j2o{background:#333;color:#999;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.connected-device.svelte-1c34j2o .device-badge:where(.svelte-1c34j2o){background:#2a4a2a;color:#81c784}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0a0a0a;color:#e0e0e0;overflow-x:hidden}.app.svelte-1n46o8q{min-height:100vh;display:flex;flex-direction:column;padding:1rem;max-width:1420px;margin:0 auto}.header.svelte-1n46o8q{padding:2rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #00000080}.header-content.svelte-1n46o8q{display:flex;justify-content:center;align-items:center}.title-group.svelte-1n46o8q{text-align:center}.title.svelte-1n46o8q{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle.svelte-1n46o8q{font-size:1rem;color:#888;text-transform:uppercase;letter-spacing:2px}.container.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;gap:1.5rem}.footer.svelte-1n46o8q{text-align:center;padding:2rem 0 1rem;color:#666;font-size:.875rem}.footer.svelte-1n46o8q kbd:where(.svelte-1n46o8q){background:#222;padding:.25rem .5rem;border-radius:4px;border:1px solid #333;font-family:monospace}.effects-placeholder.svelte-1n46o8q{min-height:200px;display:flex;align-items:center;justify-content:center;background:#0f0f0f;border-radius:12px;color:#666}