*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{font-family:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{background:none;border:none;cursor:pointer;color:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{overflow-x:hidden}:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-muted: #888888;--color-accent: #00d9ff;--color-accent-dim: #0088aa;--color-faster: #00ff88;--color-slower: #ff8800;--color-pitch-positive: #00ff88;--color-pitch-negative: #ff8800;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--font-size-5xl: 6rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--touch-target-min: 44px;--touch-target-comfortable: 56px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--max-width-mobile: 100%;--max-width-tablet: 768px;--max-width-desktop: 1024px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5)}[data-mode=studio]{--color-bg-primary: #0f0f1a;--color-bg-secondary: #1a1a2e}:root{--gradient-slower: #1a4d5c;--gradient-pivot: #2d7a8f;--gradient-faster: #4aa5bf}html{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100%;overscroll-behavior:none}#app{height:100%;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.no-scroll{overflow:hidden}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff1a;border-radius:inherit;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;transition:transform var(--transition-fast),opacity var(--transition-fast)}.touch-feedback:active:after{transform:translate(-50%,-50%) scale(1);opacity:1}.transition-colors{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.ratio-step.svelte-sweeqj{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.ratio-step.svelte-sweeqj:hover{color:var(--color-text-secondary);background:#ffffff0d}.ratio-step.svelte-sweeqj:active{transform:scale(.95)}.ratio-step.active.svelte-sweeqj{color:var(--color-accent);background:#00d9ff1a;border-color:var(--color-accent)}html[data-theme=gradient] .ratio-step.svelte-sweeqj{color:#2a2a2a}html[data-theme=gradient] .ratio-step.svelte-sweeqj:hover{color:#1a1a1a}html[data-theme=gradient] .ratio-step.active.svelte-sweeqj{border-width:3px;border-style:solid;border-image:var(--ratio-accent, var(--color-accent)) 1;background:#fff3;color:#1a1a1a}html[data-theme=nicolas] .ratio-step.svelte-sweeqj{background-color:#5b2dff;color:#e5e7eb;border-color:transparent}html[data-theme=nicolas] .ratio-step.svelte-sweeqj:hover{background-color:#6d48ff;color:#f9fafb}html[data-theme=nicolas] .ratio-step.active.svelte-sweeqj{background-color:#130743;border-color:#e5e7eb;color:#f9fafb}.ratio-text.svelte-sweeqj{letter-spacing:.05em}.ratio-slider.svelte-sunxl7{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.slider-track.svelte-sunxl7{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.slider-info.svelte-sunxl7{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);padding:0}.nav-arrow.svelte-sunxl7{color:var(--color-text-muted);opacity:.5}.info-label.svelte-sunxl7{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;opacity:.5}html[data-theme=gradient] .info-label.svelte-sunxl7{color:#2a2a2a;opacity:.8}html[data-theme=gradient] .nav-arrow.svelte-sunxl7{color:#2a2a2a;opacity:.6}.control-panel.svelte-qz0ong{padding:var(--space-sm) var(--space-md);background:transparent;border-top:none}.bpm-label.svelte-17yudw1{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.label-text.svelte-17yudw1{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.bpm-value.svelte-17yudw1{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:baseline;gap:2px;font-weight:700;line-height:1;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.bpm-integer.svelte-17yudw1{text-align:right;min-width:3ch}.bpm-decimal-point.svelte-17yudw1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.bpm-decimal.svelte-17yudw1{text-align:left;min-width:2ch;color:var(--color-text-secondary)}.bpm-unit.svelte-17yudw1{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase}[data-size=small].svelte-17yudw1 .bpm-integer:where(.svelte-17yudw1),[data-size=small].svelte-17yudw1 .bpm-decimal-point:where(.svelte-17yudw1){font-size:var(--font-size-lg)}[data-size=small].svelte-17yudw1 .bpm-decimal:where(.svelte-17yudw1){font-size:var(--font-size-base)}[data-size=medium].svelte-17yudw1 .bpm-integer:where(.svelte-17yudw1),[data-size=medium].svelte-17yudw1 .bpm-decimal-point:where(.svelte-17yudw1){font-size:var(--font-size-2xl)}[data-size=medium].svelte-17yudw1 .bpm-decimal:where(.svelte-17yudw1){font-size:var(--font-size-xl)}[data-size=large].svelte-17yudw1 .bpm-integer:where(.svelte-17yudw1),[data-size=large].svelte-17yudw1 .bpm-decimal-point:where(.svelte-17yudw1){font-size:var(--font-size-4xl)}[data-size=large].svelte-17yudw1 .bpm-decimal:where(.svelte-17yudw1){font-size:var(--font-size-3xl)}[data-size=xlarge].svelte-17yudw1 .bpm-integer:where(.svelte-17yudw1),[data-size=xlarge].svelte-17yudw1 .bpm-decimal-point:where(.svelte-17yudw1){font-size:var(--font-size-5xl)}[data-size=xlarge].svelte-17yudw1 .bpm-decimal:where(.svelte-17yudw1){font-size:var(--font-size-4xl)}@media(max-width:500px){[data-size=medium].svelte-17yudw1 .bpm-integer:where(.svelte-17yudw1),[data-size=medium].svelte-17yudw1 .bpm-decimal-point:where(.svelte-17yudw1){font-size:var(--font-size-xl)}[data-size=medium].svelte-17yudw1 .bpm-decimal:where(.svelte-17yudw1){font-size:var(--font-size-lg)}[data-size=large].svelte-17yudw1 .bpm-integer:where(.svelte-17yudw1),[data-size=large].svelte-17yudw1 .bpm-decimal-point:where(.svelte-17yudw1){font-size:var(--font-size-2xl)}[data-size=large].svelte-17yudw1 .bpm-decimal:where(.svelte-17yudw1){font-size:var(--font-size-xl)}.bpm-unit.svelte-17yudw1{font-size:.65rem}}@media(max-height:780px)and (min-width:501px){[data-size=large].svelte-17yudw1 .bpm-integer:where(.svelte-17yudw1),[data-size=large].svelte-17yudw1 .bpm-decimal-point:where(.svelte-17yudw1){font-size:var(--font-size-3xl)}[data-size=large].svelte-17yudw1 .bpm-decimal:where(.svelte-17yudw1){font-size:var(--font-size-2xl)}.bpm-unit.svelte-17yudw1{font-size:var(--font-size-2xs)}}.pulse.svelte-17yudw1 .bpm-value:where(.svelte-17yudw1){animation:svelte-17yudw1-pulse 1s ease-in-out infinite}@keyframes svelte-17yudw1-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.bpm-display.svelte-1v812m0{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:3px solid var(--color-accent-dim);cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;transition:all var(--transition-fast)}.bpm-display.svelte-1v812m0:hover{border-color:var(--color-accent);background:#00d9ff0d}.display-label.svelte-1v812m0{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.display-value.svelte-1v812m0{display:grid;grid-template-columns:auto auto auto auto;justify-content:center;align-items:baseline;gap:2px}.bpm-integer.svelte-1v812m0,.bpm-decimal.svelte-1v812m0{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--font-size-5xl);font-weight:700;line-height:1;color:var(--color-text-primary);cursor:ns-resize;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);touch-action:none;font-variant-numeric:tabular-nums}.bpm-integer.svelte-1v812m0{min-width:3ch;text-align:right}.bpm-integer.svelte-1v812m0:hover,.bpm-decimal.svelte-1v812m0:hover{background:#00d9ff1a}.bpm-integer.dragging.svelte-1v812m0,.bpm-decimal.dragging.svelte-1v812m0{background:#00d9ff33;transform:scale(1.05)}.bpm-decimal.svelte-1v812m0{font-size:var(--font-size-4xl);color:var(--color-text-secondary);min-width:2ch;text-align:left}.bpm-decimal-point.svelte-1v812m0{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-5xl);font-weight:700;line-height:1;color:var(--color-text-primary)}.bpm-unit.svelte-1v812m0{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.2em;margin-left:var(--space-sm)}.drag-hint.svelte-1v812m0{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.7}.drag-hint.svelte-1v812m0 svg:where(.svelte-1v812m0){width:16px;height:16px;opacity:.5}@media(max-width:500px){.bpm-display.svelte-1v812m0{padding:var(--space-md);gap:var(--space-xs)}.bpm-integer.svelte-1v812m0,.bpm-decimal-point.svelte-1v812m0{font-size:var(--font-size-3xl)}.bpm-decimal.svelte-1v812m0{font-size:var(--font-size-2xl)}.bpm-integer.svelte-1v812m0,.bpm-decimal.svelte-1v812m0{padding:var(--space-xs)}.bpm-unit.svelte-1v812m0{font-size:.7rem;margin-left:var(--space-xs)}.display-label.svelte-1v812m0{font-size:.7rem}.drag-hint.svelte-1v812m0{font-size:.65rem}.drag-hint.svelte-1v812m0 svg:where(.svelte-1v812m0){width:12px;height:12px}}.pitch-indicator.svelte-1lho90b{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pitch-percentage.svelte-1lho90b{display:flex;align-items:baseline;gap:2px}.pitch-sign.svelte-1lho90b{font-size:var(--font-size-sm);font-weight:600}.pitch-value.svelte-1lho90b{font-size:var(--font-size-lg);font-weight:700;line-height:1;min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}.pitch-unit.svelte-1lho90b{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pitch-semitones.svelte-1lho90b{display:flex;align-items:baseline;gap:2px;font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-direction=up].svelte-1lho90b{color:var(--color-pitch-positive)}[data-direction=down].svelte-1lho90b{color:var(--color-pitch-negative)}html[data-theme=gradient] .pitch-indicator.svelte-1lho90b{color:#1a1a1a}html[data-theme=gradient] .pitch-semitones.svelte-1lho90b{color:#4a4a4a}@media(max-width:500px){.pitch-value.svelte-1lho90b{font-size:var(--font-size-base)}.pitch-sign.svelte-1lho90b,.pitch-unit.svelte-1lho90b{font-size:.7rem}.pitch-semitones.svelte-1lho90b{font-size:.65rem}}.modal-overlay.svelte-19wd3k0{position:fixed;inset:0;background:#000000b3;z-index:1001;animation:svelte-19wd3k0-fadeIn .2s ease-out}.modal-panel.svelte-19wd3k0{position:fixed;inset:0;background:var(--color-bg-secondary);z-index:1002;display:flex;flex-direction:column;animation:svelte-19wd3k0-slideIn .2s ease-out;overflow:hidden}@keyframes svelte-19wd3k0-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-19wd3k0-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-header.svelte-19wd3k0{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.modal-header.svelte-19wd3k0 h2:where(.svelte-19wd3k0){margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.close-button.svelte-19wd3k0{background:transparent;border:none;color:var(--color-text-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.close-button.svelte-19wd3k0:hover{color:var(--color-text-primary)}.modal-content.svelte-19wd3k0{flex:1;overflow-y:auto;padding:var(--space-lg);line-height:1.6}.modal-content.svelte-19wd3k0 h3:where(.svelte-19wd3k0){margin:var(--space-lg) 0 var(--space-sm) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.modal-content.svelte-19wd3k0 h3:where(.svelte-19wd3k0):first-child{margin-top:0}.modal-content.svelte-19wd3k0 p:where(.svelte-19wd3k0){margin:var(--space-sm) 0;color:var(--color-text-secondary)}.modal-content.svelte-19wd3k0 ul:where(.svelte-19wd3k0),.modal-content.svelte-19wd3k0 ol:where(.svelte-19wd3k0){margin:var(--space-sm) 0;padding-left:var(--space-lg);color:var(--color-text-secondary)}.modal-content.svelte-19wd3k0 li:where(.svelte-19wd3k0){margin:var(--space-xs) 0}.modal-content.svelte-19wd3k0 strong:where(.svelte-19wd3k0){color:var(--color-text-primary);font-weight:600}.modal-overlay.svelte-n635m3{position:fixed;inset:0;background:#000000b3;z-index:1001;animation:svelte-n635m3-fadeIn .2s ease-out}.modal-panel.svelte-n635m3{position:fixed;inset:0;background:var(--color-bg-secondary);z-index:1002;display:flex;flex-direction:column;animation:svelte-n635m3-slideIn .2s ease-out;overflow:hidden}@keyframes svelte-n635m3-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-n635m3-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-header.svelte-n635m3{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.modal-header.svelte-n635m3 h2:where(.svelte-n635m3){margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.close-button.svelte-n635m3{background:transparent;border:none;color:var(--color-text-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.close-button.svelte-n635m3:hover{color:var(--color-text-primary)}.modal-content.svelte-n635m3{flex:1;overflow-y:auto;padding:var(--space-lg);line-height:1.6}.modal-content.svelte-n635m3 h3:where(.svelte-n635m3){margin:var(--space-lg) 0 var(--space-sm) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.modal-content.svelte-n635m3 h3:where(.svelte-n635m3):first-child{margin-top:0}.modal-content.svelte-n635m3 p:where(.svelte-n635m3){margin:var(--space-sm) 0;color:var(--color-text-secondary)}.modal-content.svelte-n635m3 strong:where(.svelte-n635m3){color:var(--color-text-primary);font-weight:600}.modal-content.svelte-n635m3 a:where(.svelte-n635m3){color:var(--color-accent);text-decoration:none;transition:opacity var(--transition-fast)}.modal-content.svelte-n635m3 a:where(.svelte-n635m3):hover{opacity:.8}.theme-menu.svelte-15pu54j{position:relative}.burger-button.svelte-15pu54j{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.burger-button.svelte-15pu54j:hover{color:var(--color-text-primary)}.menu-overlay.svelte-15pu54j{position:fixed;inset:0;background:#00000080;z-index:999}.menu-panel.svelte-15pu54j{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--color-bg-secondary);border-left:1px solid rgba(255,255,255,.1);z-index:1000;display:flex;flex-direction:column;animation:svelte-15pu54j-slideIn .2s ease-out}@keyframes svelte-15pu54j-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-header.svelte-15pu54j{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.menu-header.svelte-15pu54j h3:where(.svelte-15pu54j){margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.close-button.svelte-15pu54j{background:transparent;border:none;color:var(--color-text-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.close-button.svelte-15pu54j:hover{color:var(--color-text-primary)}.theme-options.svelte-15pu54j{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.theme-option.svelte-15pu54j{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary)}.theme-option.svelte-15pu54j:hover{background:#ffffff0d;border-color:#fff3}.theme-option.active.svelte-15pu54j{background:#ffffff14;border-color:var(--color-accent)}.theme-name.svelte-15pu54j{font-weight:500}.menu-divider.svelte-15pu54j{height:1px;background:#ffffff1a;margin:var(--space-md) 0}.about-section.svelte-15pu54j{padding:0 var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.about-button.svelte-15pu54j{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.about-button.svelte-15pu54j:hover{background:#ffffff0d;border-color:#fff3;color:var(--color-text-primary)}.loop-connector.svelte-1rvwjdy{display:flex;gap:var(--space-md);justify-content:center;align-items:center;padding:var(--space-xs) 0}.loop-pair.svelte-1rvwjdy{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);opacity:.8}.loop-dest.svelte-1rvwjdy,.loop-pivot.svelte-1rvwjdy{font-weight:600}.arrow-down.svelte-1rvwjdy,.arrow-up.svelte-1rvwjdy{opacity:.8;color:var(--color-text-secondary)}html[data-theme=studio] .loop-connector-slower.svelte-1rvwjdy .loop-dest:where(.svelte-1rvwjdy){color:var(--color-slower, #ff8800)}html[data-theme=studio] .loop-connector-slower.svelte-1rvwjdy .loop-pivot:where(.svelte-1rvwjdy){color:var(--color-pivot, #00d9ff)}html[data-theme=studio] .loop-connector-faster.svelte-1rvwjdy .loop-pivot:where(.svelte-1rvwjdy){color:var(--color-pivot, #00d9ff)}html[data-theme=studio] .loop-connector-faster.svelte-1rvwjdy .loop-dest:where(.svelte-1rvwjdy){color:var(--color-faster, #00ff88)}html[data-theme=gradient] .loop-connector-slower.svelte-1rvwjdy .loop-dest:where(.svelte-1rvwjdy){color:var(--color-slower, #ff8800)}html[data-theme=gradient] .loop-connector-slower.svelte-1rvwjdy .loop-pivot:where(.svelte-1rvwjdy){color:var(--color-pivot, #00d9ff)}html[data-theme=gradient] .loop-connector-faster.svelte-1rvwjdy .loop-pivot:where(.svelte-1rvwjdy){color:var(--color-pivot, #00d9ff)}html[data-theme=gradient] .loop-connector-faster.svelte-1rvwjdy .loop-dest:where(.svelte-1rvwjdy){color:var(--color-faster, #00ff88)}.booth-layout.svelte-qm6umo{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-primary);overflow:hidden;transition:background .6s ease-in-out;position:relative}html[data-theme=gradient] .booth-layout.svelte-qm6umo{background:var(--current-gradient, linear-gradient(135deg, #7bc4d4 0%, #a8d47b 30%, #ffc47b 70%, #ff9b7b 100%));background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E"),var(--current-gradient, linear-gradient(135deg, #7bc4d4 0%, #a8d47b 30%, #ffc47b 70%, #ff9b7b 100%))}.app-header.svelte-qm6umo{flex:0 0 auto;padding:var(--space-sm) var(--space-md);padding-top:calc(var(--space-sm) + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.app-title.svelte-qm6umo{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;margin:0;flex:1;text-align:center}.header-spacer.svelte-qm6umo{width:40px}.app-main.svelte-qm6umo{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.test-layout.svelte-qm6umo{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl)}.test-bpm.svelte-qm6umo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-md)}.test-layout.svelte-qm6umo .bpm-unit{display:none}.minimal-bpm-display.svelte-qm6umo .bpm-display{background:transparent;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.minimal-bpm-display.svelte-qm6umo .display-label,.minimal-bpm-display.svelte-qm6umo .drag-hint{display:none}.minimal-bpm-display.svelte-qm6umo .display-value{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:baseline;gap:2px}.minimal-bpm-display.svelte-qm6umo .display-value .bpm-unit{display:none!important;grid-column:unset;position:absolute;visibility:hidden}.minimal-bpm-display.svelte-qm6umo .bpm-integer{text-align:right;min-width:3ch;font-size:var(--font-size-5xl)}.minimal-bpm-display.svelte-qm6umo .bpm-decimal-point{font-size:var(--font-size-5xl)}.minimal-bpm-display.svelte-qm6umo .bpm-decimal{text-align:left;min-width:2ch;font-size:var(--font-size-4xl)}@media(max-height:780px)and (min-width:501px){.test-layout.svelte-qm6umo{gap:var(--space-xs);padding:var(--space-lg) var(--space-md)}.test-bpm.svelte-qm6umo{gap:var(--space-sm)}.minimal-bpm-display.svelte-qm6umo .bpm-integer,.minimal-bpm-display.svelte-qm6umo .bpm-decimal-point{font-size:var(--font-size-4xl)}.minimal-bpm-display.svelte-qm6umo .bpm-decimal{font-size:var(--font-size-3xl)}}.app-footer.svelte-qm6umo{flex:0 0 auto;z-index:var(--z-sticky)}@media(max-width:500px){.app-header.svelte-qm6umo{padding:var(--space-xs) var(--space-sm)}.app-title.svelte-qm6umo{font-size:.75rem}}@media(min-width:768px){.app-main.svelte-qm6umo{max-width:var(--max-width-tablet);margin:0 auto;width:100%}.app-title.svelte-qm6umo{font-size:var(--font-size-lg)}.app-header.svelte-qm6umo{padding:var(--space-md)}}