.seq-pattern.svelte-vpl1xc{border-radius:.5rem;width:300px}.seq-row.svelte-vpl1xc{display:flex}.seq-button.svelte-vpl1xc{border:none;cursor:pointer;height:85px;width:100%}.sound-selector.svelte-1px3591{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:4px}.sound-option.svelte-1px3591{padding:8px 16px;border:2px solid var(--color);background:transparent;color:var(--color);border-radius:4px;box-shadow:#fff 0 0 2px;cursor:pointer;width:120px}.sound-option.svelte-1px3591:hover{color:#fff}.sound-option.active.svelte-1px3591{background:var(--color);color:var(--black);font-weight:700}.sound-option.svelte-1px3591:active{transform:scale(.95)}@media(max-width:768px){.sound-option.svelte-1px3591{padding:6px 12px;font-size:12px}}.pattern-selector.svelte-1bb989k{display:flex;flex-direction:column;width:100%;align-items:flex-end;gap:8px;position:relative}.pattern-button.svelte-1bb989k{box-shadow:#fff 0 0 2px;padding:6px 12px;border:2px solid;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;min-width:80px}.pattern-button.svelte-1bb989k:hover{background:#ffffff1a}.pattern-button.svelte-1bb989k:active{transform:scale(.95)}@media(max-width:768px){.pattern-button.svelte-1bb989k{font-size:11px;padding:4px 8px;width:60px}}.slider-container.svelte-1saq7w4{margin:0 auto}.slider-wrapper.svelte-1saq7w4{position:relative;padding-top:1.5rem}.value-tooltip.svelte-1saq7w4{position:absolute;top:0;left:calc(10px + (100% - 20px) * var(--thumb-percent) / 100);transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:1rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:10;opacity:0;display:block}.fade-in.svelte-1saq7w4{animation:svelte-1saq7w4-fadeIn .5s ease forwards}.fade-out.svelte-1saq7w4{animation:svelte-1saq7w4-fadeOut .3s ease forwards}.value-tooltip.svelte-1saq7w4:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}@keyframes svelte-1saq7w4-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes svelte-1saq7w4-fadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}.slider.svelte-1saq7w4{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:#ddd;outline:none}.slider.svelte-1saq7w4::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color);cursor:pointer}.slider.svelte-1saq7w4::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider.svelte-1saq7w4::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color);cursor:pointer}.slider.svelte-1saq7w4::-moz-range-thumb:hover{transform:scale(1.1)}.slider.svelte-1saq7w4::-webkit-slider-track{background:linear-gradient(to right,var(--color) 0%,var(--color) var(--progress, 50%),#ddd var(--progress, 50%),#ddd 100%);height:8px;border-radius:4px}.label-text.svelte-1saq7w4{font-size:14px;color:#666;text-align:center}@media(max-width:768px){.label-text.svelte-1saq7w4{font-size:12px}.value-tooltip.svelte-1saq7w4{font-size:20px;padding:3px 6px;top:-2rem}.slider-wrapper.svelte-1saq7w4{padding-top:1rem}}.slider-container.svelte-59vj2j{margin:0 auto}.slider-wrapper.svelte-59vj2j{position:relative;padding-top:1.5rem}.value-tooltip.svelte-59vj2j{position:absolute;top:0;left:calc(10px + (100% - 20px) * var(--thumb-percent) / 100);transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:1rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:10;opacity:0;display:block}.fade-in.svelte-59vj2j{animation:svelte-59vj2j-fadeIn .5s ease forwards}.fade-out.svelte-59vj2j{animation:svelte-59vj2j-fadeOut .3s ease forwards}.value-tooltip.svelte-59vj2j:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}@keyframes svelte-59vj2j-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes svelte-59vj2j-fadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}.slider-track.svelte-59vj2j{position:relative;width:100%;height:8px;background:#ddd;border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;padding:0;outline:none}.slider-range.svelte-59vj2j{position:absolute;height:100%;background:var(--color);border-radius:4px;pointer-events:none}.slider-thumb.svelte-59vj2j{position:absolute;width:20px;height:20px;background:var(--color);border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 2px 4px #0003;transition:transform .1s ease;z-index:2}.slider-thumb.svelte-59vj2j:after{content:"";position:absolute;left:50%;top:50%;width:var(--touch-size);height:var(--touch-size);border-radius:40%;background:transparent;pointer-events:auto;z-index:1}.min-thumb.svelte-59vj2j:after{transform:translate(calc(-40% - (var(--touch-size) - 20px) / 2),-50%)}.max-thumb.svelte-59vj2j:after{transform:translate(calc(-60% + (var(--touch-size) - 20px) / 2),-50%)}.slider-thumb.svelte-59vj2j:hover{transform:translate(-50%,-50%) scale(1.1)}.slider-thumb.dragging.svelte-59vj2j{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15)}.label-text.svelte-59vj2j{font-size:14px;color:#666;text-align:center;margin-top:8px}@media(max-width:768px){.label-text.svelte-59vj2j{font-size:12px}.value-tooltip.svelte-59vj2j{font-size:20px;padding:3px 6px;top:-2rem}.slider-wrapper.svelte-59vj2j{padding-top:1rem}.slider-thumb.svelte-59vj2j{width:18px;height:18px}}.transport-button.svelte-19p90os{width:5rem;height:5rem;border:2px solid;border-radius:50%;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:#fff 0 0 8px}.transport-button.svelte-19p90os:active{transform:scale(.95)}@media(max-width:768px){.transport-button.svelte-19p90os{width:50px;height:50px}}.waveform-container.svelte-rx98wh{width:100vw;height:100%;position:absolute;left:50%;transform:translate(-50%);pointer-events:none;z-index:-1}.overlay.svelte-1u66jd8{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:9998;animation:svelte-1u66jd8-fadeIn .3s ease-out}.spotlight.svelte-1u66jd8{position:fixed;border:3px solid var(--accent-color, #ffa500);border-radius:8px;box-shadow:0 0 0 9999px #000000bf,0 0 20px #ffa50080;z-index:9999;pointer-events:none;transition:all .3s ease-out;animation:svelte-1u66jd8-pulse 2s ease-in-out infinite}.tooltip.svelte-1u66jd8{position:fixed;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 8px 32px #0006;z-index:10000;max-width:400px;animation:svelte-1u66jd8-slideIn .3s ease-out;border:1px solid rgba(255,165,0,.3)}.tooltip-header.svelte-1u66jd8{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.tooltip-header.svelte-1u66jd8 h2:where(.svelte-1u66jd8){margin:0;font-size:1.25rem;font-weight:600;color:var(--accent-color, #ffa500)}.close-btn.svelte-1u66jd8{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn.svelte-1u66jd8:hover{background:#ffffff1a}.tooltip-description.svelte-1u66jd8{margin:0 0 1.5rem;line-height:1.6;color:#ffffffe6}.tooltip-footer.svelte-1u66jd8{display:flex;justify-content:space-between;align-items:center;gap:1rem}.step-indicator.svelte-1u66jd8{font-size:.875rem;color:#fff9;font-weight:500}.button-group.svelte-1u66jd8{display:flex;gap:.5rem}.btn.svelte-1u66jd8{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;font-size:.875rem}.btn-primary.svelte-1u66jd8{background:var(--accent-color, #ffa500);color:#1a1a2e}.btn-primary.svelte-1u66jd8:hover{background:#ff8c00;transform:translateY(-1px);box-shadow:0 4px 12px #ffa5004d}.btn-secondary.svelte-1u66jd8{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary.svelte-1u66jd8:hover{background:#ffffff26}.skip-btn.svelte-1u66jd8{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.75rem;margin-top:1rem;padding:0;text-decoration:underline;width:100%;text-align:center}.skip-btn.svelte-1u66jd8:hover{color:#fffc}@keyframes svelte-1u66jd8-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1u66jd8-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1u66jd8-pulse{0%,to{box-shadow:0 0 0 9999px #000000bf,0 0 20px #ffa50080}50%{box-shadow:0 0 0 9999px #000000bf,0 0 30px #ffa500cc}}@media(max-width:600px){.tooltip.svelte-1u66jd8{max-width:calc(100vw - 2rem);padding:1rem}.tooltip-header.svelte-1u66jd8 h2:where(.svelte-1u66jd8){font-size:1.1rem}.tooltip-description.svelte-1u66jd8{font-size:.9rem}}.container.svelte-130t59r{display:flex;flex-direction:column;width:100%;height:100%;flex:1;box-sizing:border-box;z-index:0;overflow:hidden;max-width:var(--max-width-desktop);margin:0 auto;padding:1rem var(--space-4) 1rem}.waveform-background.svelte-130t59r{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.pattern-center.svelte-130t59r{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.control-container.svelte-130t59r{flex:1;display:flex;height:100%;flex-direction:column;min-height:0}.top-controls.svelte-130t59r{display:flex;flex:1}.bottom-controls.svelte-130t59r{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.control-group.svelte-130t59r{display:flex;flex-direction:column;align-items:center;flex:1}@keyframes svelte-130t59r-pulse{0%,to{opacity:1}50%{opacity:.5}}.sliders.svelte-130t59r{max-width:450px;margin:0 auto;width:100%}.initialize-audio.svelte-130t59r{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;padding:1rem 2rem;font-size:1.2rem;background-color:#000c;color:#fff;border-radius:.5rem;cursor:pointer;box-shadow:0 0 10px #00000080}@media(max-width:600px){.bottom-controls.svelte-130t59r{padding:0 1rem}}