*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family:"IBM Plex Mono", "Courier New", monospace;--bg-primary:#1e1008;--bg-secondary:#161b22;--bg-tertiary:#21262d;--border:#30363d;--border-light:#484f58;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#6e7681;--accent:#d46827;--accent-dark:#b07a25;--accent-light:#ffa657;--success:#3fb950;--danger:#f85149;--info:#58a6ff;--muted:#3a506b;--warning:#d29922;--warning-light:#ffc947;--gap-sm:2px;--gap-md:4px;--gap-lg:8px;--border-thin:1px;--border-medium:2px;--border-radius:4px;--header-height:40px;--tabs-height:30px;--footer-height:24px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-user-select:none;user-select:none;height:100vh;overflow:hidden}#app{grid-template-areas:"header""tabs""main""footer";grid-template-rows:var(--header-height) var(--tabs-height) 1fr var(--footer-height);gap:var(--gap-md);height:100vh;padding:var(--gap-md);display:grid}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus{outline:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}.skip-link{background:var(--bg-secondary);color:var(--text-primary);z-index:100;border:var(--border-thin) solid var(--border);border-radius:0 0 var(--border-radius) var(--border-radius);padding:8px 16px;font-size:14px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{outline:2px solid var(--accent);outline-offset:2px;top:0}button:focus,a:focus,input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}a:visited{color:var(--text-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border:#fff}}.dropdown-container.svelte-kgylqb{display:inline-block;position:relative}.dropdown-trigger.svelte-kgylqb{cursor:pointer;display:inline-block}.dropdown-menu.svelte-kgylqb{z-index:1000;background:var(--bg-secondary);border:var(--border-thin) solid var(--border);min-width:160px;padding:4px 0;position:absolute;box-shadow:0 2px 8px #0000004d}.dropdown-bottom-right.svelte-kgylqb{top:100%;right:0}.dropdown-bottom-left.svelte-kgylqb{top:100%;left:0}.dropdown-top-right.svelte-kgylqb{bottom:100%;right:0}.dropdown-top-left.svelte-kgylqb{bottom:100%;left:0}#header.svelte-oiwvqb{background:var(--bg-secondary);border:var(--border-thin) solid var(--border);padding:0 var(--gap-md);grid-area:header;justify-content:space-between;align-items:center;display:flex}#left-controls.svelte-oiwvqb{align-items:center;gap:var(--gap-md);min-width:0;display:flex}@media (width<=768px){#header.svelte-oiwvqb{gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-md);flex-direction:column}#left-controls.svelte-oiwvqb{justify-content:center;gap:var(--gap-sm);flex-flow:wrap;width:100%}#title.svelte-oiwvqb{display:none}}#title.svelte-oiwvqb{align-items:center;gap:var(--gap-sm);color:var(--text-primary);letter-spacing:2px;margin-right:var(--gap-md);font-size:14px;font-weight:700;display:flex}.title-text.svelte-oiwvqb{display:inline}.logo-icon.svelte-oiwvqb{width:24px;height:24px}@media (width<=768px){.title-text.svelte-oiwvqb,.logo-icon.svelte-oiwvqb{display:none}}#bpm-control.svelte-oiwvqb{align-items:center;gap:var(--gap-sm);display:flex}#bpm-control.svelte-oiwvqb label:where(.svelte-oiwvqb){color:var(--text-secondary);font-size:10px}#bpm-control.svelte-oiwvqb input:where(.svelte-oiwvqb){background:var(--bg-primary);width:50px;color:var(--text-primary);border:var(--border-thin) solid var(--border);text-align:center;font-family:var(--font-family);padding:2px 4px;font-size:11px}.header-btn.svelte-oiwvqb{color:var(--text-secondary);background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);padding:2px 6px;font-size:10px}.header-btn.svelte-oiwvqb:hover:not(:disabled){background:var(--border)}.transport-btn.header-btn.svelte-oiwvqb{justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.header-btn.svelte-oiwvqb:active{background:var(--accent);color:var(--bg-primary)}.menu-section.svelte-oiwvqb{flex-direction:column;display:flex}.menu-item.svelte-oiwvqb{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:11px;text-decoration:none;display:block}.menu-item.svelte-oiwvqb:hover{background:var(--bg-tertiary);color:var(--text-primary)}.menu-link.svelte-oiwvqb{color:var(--text-secondary);align-items:center;justify-content:between;display:flex}.external-icon.svelte-oiwvqb{opacity:.6;margin-left:4px;font-size:9px}.menu-separator.svelte-oiwvqb{border:none;border-top:var(--border-thin) solid var(--border);margin:4px 8px}#play-indicator.svelte-oiwvqb{background:var(--success);width:8px;height:8px;box-shadow:0 0 4px var(--success);border-radius:50%;display:none}#play-indicator.active.svelte-oiwvqb{animation:.5s infinite alternate svelte-oiwvqb-pulse;display:block}@keyframes svelte-oiwvqb-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(1.2)}}#tabs.svelte-1ubhdxk{background:var(--bg-secondary);border:var(--border-thin) solid var(--border);grid-area:tabs;display:flex}.tab-btn.svelte-1ubhdxk{background:var(--bg-tertiary);border-right:var(--border-thin) solid var(--border);min-width:60px;color:var(--text-secondary);text-align:center;cursor:pointer;flex:1;padding:4px 8px;font-size:12px;font-weight:700}.tab-btn.svelte-1ubhdxk:last-child{border-right:none}.tab-btn.svelte-1ubhdxk:hover{background:var(--border)}.tab-btn.active.svelte-1ubhdxk{background:var(--bg-primary);color:var(--text-primary);border-bottom:2px solid var(--accent)}.slider.svelte-yhjxqj{appearance:none;background:var(--bg-tertiary);height:8px;width:var(--slider-width);border-radius:4px;outline:none}.slider-main.svelte-yhjxqj::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px}.slider-main.svelte-yhjxqj::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.slider-secondary.svelte-yhjxqj::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.slider-secondary.svelte-yhjxqj::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.slider-tertiary.svelte-yhjxqj::-webkit-slider-thumb{appearance:none;background:var(--info);cursor:pointer;border-radius:50%;width:8px;height:8px}.slider-tertiary.svelte-yhjxqj::-moz-range-thumb{background:var(--info);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px}.slider.slider-filled.svelte-yhjxqj{background:linear-gradient(to right, var(--slider-fill-color) 0%, var(--slider-fill-color) var(--fill-pct), var(--bg-tertiary) var(--fill-pct), var(--bg-tertiary) 100%)}.slider-main.svelte-yhjxqj,.slider-secondary.svelte-yhjxqj{--slider-fill-color:var(--accent)}.slider-tertiary.svelte-yhjxqj{--slider-fill-color:var(--info)}.slider.slider-symmetric.svelte-yhjxqj{background:linear-gradient(to right, var(--bg-tertiary) 0%, var(--bg-tertiary) var(--fill-start), var(--slider-fill-color) var(--fill-start), var(--slider-fill-color) var(--fill-end), var(--bg-tertiary) var(--fill-end), var(--bg-tertiary) 100%)}.effect-box.svelte-17qc8ou{background:var(--bg-secondary);border:var(--border-thin) solid var(--border);border-radius:var(--border-radius);padding:var(--gap-md);min-height:100px}.effect-header.svelte-17qc8ou{margin-bottom:var(--gap-sm);padding-bottom:var(--gap-xs);border-bottom:var(--border-thin) solid var(--border);justify-content:space-between;align-items:center;display:flex}.effect-title.svelte-17qc8ou{color:var(--text-secondary);font-size:clamp(11px,2.75vw,13px);font-weight:700}.effect-toggle-btn.svelte-17qc8ou{background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;min-height:24px;padding:4px 10px;font-size:clamp(11px,2.75vw,13px);font-weight:700}.effect-toggle-btn.svelte-17qc8ou:hover{background:var(--border);color:var(--text-primary)}.effect-toggle-btn.active.svelte-17qc8ou{background:var(--success);border-color:var(--success);color:var(--bg-primary)}.effect-params.svelte-17qc8ou{gap:var(--gap-xs);margin-top:var(--gap-xs);padding-top:var(--gap-xs);border-top:var(--border-thin) solid var(--border);flex-direction:column;display:flex}.param-control.svelte-1j6cbja{align-items:center;gap:var(--gap-sm);grid-template-columns:auto 1fr auto;display:grid}.param-label.svelte-1j6cbja{color:var(--text-secondary);text-align:right;min-width:55px;font-size:clamp(10px,2.5vw,12px);font-weight:700}.param-value.svelte-1j6cbja{color:var(--text-tertiary);text-align:right;min-width:40px;font-size:clamp(10px,2.5vw,12px)}.mixer-container.svelte-gq0xe5{padding:var(--gap-md);gap:var(--gap-lg);flex-direction:column;display:flex}.mixer-channel-wrapper.svelte-gq0xe5{border:var(--border-thin) solid var(--border);border-radius:var(--border-radius);flex-direction:column;gap:0;transition:all .2s ease-out;display:flex;overflow:hidden}.mixer-channel.svelte-gq0xe5{align-items:center;gap:var(--gap-md);padding:var(--gap-md);background:var(--bg-secondary);display:flex}.mixer-channel-fx.svelte-gq0xe5{gap:var(--gap-sm);padding:var(--gap-md);background:var(--bg-tertiary);border-top:var(--border-thin) solid var(--border);flex-direction:column;animation:.2s ease-out svelte-gq0xe5-slideDown;display:flex}.mixer-master.svelte-gq0xe5{border-color:var(--accent);margin-bottom:var(--gap-lg)}.mixer-channels.svelte-gq0xe5{gap:var(--gap-sm);flex-direction:column;display:flex}.mixer-label.svelte-gq0xe5{color:var(--text-secondary);min-width:60px;font-size:clamp(12px,3vw,14px);font-weight:600}.slider-wrapper.svelte-gq0xe5{align-items:center;gap:var(--gap-sm);flex:1;min-width:160px;padding:4px 0;display:flex}.mixer-value.svelte-gq0xe5{color:var(--text-tertiary);text-align:right;min-width:40px;font-size:clamp(11px,2.75vw,13px)}.pan-control.svelte-gq0xe5{align-items:center;gap:var(--gap-sm);display:flex}.pan-label.svelte-gq0xe5{color:var(--text-secondary);font-size:clamp(11px,2.75vw,13px);font-weight:700}.channel-buttons.svelte-gq0xe5{gap:var(--gap-xs);margin-left:auto;display:flex}.channel-btn.svelte-gq0xe5{background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);border-radius:var(--border-radius);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:clamp(11px,2.75vw,13px);font-weight:700;display:flex}.channel-btn.svelte-gq0xe5:hover{background:var(--border);color:var(--text-primary)}.channel-btn.active.svelte-gq0xe5{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.solo-btn.active.svelte-gq0xe5{background:var(--success);border-color:var(--success);color:var(--bg-primary)}.mute-btn.active.svelte-gq0xe5{background:var(--danger);border-color:var(--danger);color:var(--bg-primary)}.fx-effects-grid.svelte-gq0xe5{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}.effects-expand-btn.svelte-gq0xe5{min-width:28px;min-height:28px;font-size:clamp(11px,2.75vw,13px);font-weight:700}.effects-expand-btn.active.svelte-gq0xe5{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}@keyframes svelte-gq0xe5-slideDown{0%{opacity:0;max-height:0;padding-top:0}to{opacity:1;max-height:500px;padding-top:var(--gap-sm)}}.fx-toggle-btn.svelte-c742j1{background:var(--warning);border:var(--border-thin) solid var(--warning);width:100%;height:100%;color:var(--bg-primary);cursor:pointer;border-right:none;justify-content:center;align-items:center;padding:0;font-size:9px;font-weight:700;display:flex}.fx-toggle-btn.svelte-c742j1:hover{background:var(--warning-light);border-color:var(--warning-light);color:var(--bg-primary)}.oscillator-settings.svelte-tbz181{background:var(--bg-secondary);border:var(--border-thin) solid var(--border);border-radius:var(--border-radius);padding:var(--gap-md);min-height:100px}.settings-header.svelte-tbz181{margin-bottom:var(--gap-sm);padding-bottom:var(--gap-xs);border-bottom:var(--border-thin) solid var(--border);justify-content:space-between;align-items:center;display:flex}.settings-title.svelte-tbz181{color:var(--text-secondary);font-size:clamp(11px,2.75vw,13px);font-weight:700}.settings-params.svelte-tbz181{gap:var(--gap-xs);margin-top:var(--gap-xs);padding-top:var(--gap-xs);border-top:var(--border-thin) solid var(--border);flex-direction:column;display:flex}.synth-controls.svelte-wzl1u4{width:100%;max-width:320px;padding:var(--gap-sm);gap:var(--gap-md);background:var(--bg-secondary);border-top:var(--border-thin) solid var(--border);flex-direction:column;display:flex}.param-control.svelte-wzl1u4{align-items:center;gap:var(--gap-sm);grid-template-columns:auto 1fr auto;display:grid}.param-label.svelte-wzl1u4{color:var(--text-secondary);text-align:right;min-width:55px;font-size:clamp(10px,2.5vw,12px);font-weight:700}.param-select.svelte-wzl1u4{background:var(--bg-primary);border:var(--border-thin) solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-family);cursor:pointer;padding:2px 4px;font-size:10px}.drum-effects.svelte-a8w7ja{width:100%;max-width:320px;padding:var(--gap-sm);gap:var(--gap-md);background:var(--bg-secondary);border-top:var(--border-thin) solid var(--border);flex-direction:column;display:flex}.pattern-area.svelte-1faqkcr{justify-content:space-between;align-items:center;gap:var(--gap-md);padding:var(--gap-sm);background:var(--bg-secondary);border-top:var(--border-thin) solid var(--border);flex-shrink:0;display:flex}.pattern-buttons.svelte-1faqkcr{gap:var(--gap-xs);display:flex}.pattern-btn.svelte-1faqkcr{background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);border-radius:var(--border-radius);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;display:flex}.pattern-btn.svelte-1faqkcr:hover{background:var(--border);color:var(--text-primary)}.pattern-btn.active.svelte-1faqkcr,.pattern-btn.selected.svelte-1faqkcr{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.pattern-btn.selected.active.svelte-1faqkcr{background:var(--accent-light);border-color:var(--accent-light);color:var(--bg-primary)}.pattern-actions.svelte-1faqkcr{gap:var(--gap-sm);display:flex}.pattern-action-btn.svelte-1faqkcr{background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;padding:4px 12px;font-size:11px;font-weight:700}.pattern-action-btn.svelte-1faqkcr:hover:not(:disabled){background:var(--border);color:var(--text-primary)}.pattern-action-btn.svelte-1faqkcr:disabled{cursor:not-allowed;opacity:.5}.pattern-action-btn.save-btn.svelte-1faqkcr:not(:disabled){background:var(--success);border-color:var(--success);color:var(--bg-primary)}.pattern-action-btn.reset-btn.svelte-1faqkcr:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--bg-primary)}#sequencer.svelte-1w6u4kx{background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"1.2\" numOctaves=\"5\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23n)\" opacity=\"0.12\"/></svg>"), linear-gradient(135deg, #000, var(--bg-primary));border:var(--border-thin) solid var(--border);height:100%;padding:var(--gap-sm);gap:var(--gap-md);background-size:100px 100px,100% 100%;flex-direction:column;grid-area:main;min-height:0;display:flex;overflow:auto}.sequencer-scroll-area.svelte-1w6u4kx{flex:1;min-width:0;min-height:0;overflow:auto}.sequencer-scroll-area.svelte-1w6u4kx::-webkit-scrollbar{height:8px}.sequencer-scroll-area.svelte-1w6u4kx::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--border-radius)}.sequencer-grid{gap:var(--border-thin);display:grid}.synth-grid{grid-auto-rows:minmax(24px,auto);grid-auto-flow:row}.sequencer-grid>.row-label,.label-cell{width:64px;height:24px}.label-cell{box-sizing:border-box;background:var(--bg-tertiary);border:var(--border-thin) solid var(--border)}.col-number{box-sizing:border-box;background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);color:var(--text-tertiary);justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;display:flex}.row-label{all:unset;box-sizing:border-box;background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:9px;display:flex}.row-label:disabled{cursor:not-allowed}.row-label:hover:not(:disabled){background:var(--border)}.row-label.note-label{justify-content:center;font-size:9px;font-weight:400}.row-label.octave-label{height:36px;color:var(--accent);justify-content:center;font-size:9px;font-weight:700}button.step{all:unset;box-sizing:border-box;cursor:pointer;background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);width:24px;height:24px;transition:all .1s;display:block}button.step:hover{background:var(--border)}button.step:focus{outline:none}button.step.active{background:var(--accent);border-color:var(--accent)}button.step.instr-drums1.active{background:var(--danger);border-color:var(--danger)}button.step.instr-drums2.active{background:var(--accent-light);border-color:var(--accent-light)}button.step.instr-bass.active{background:var(--success);border-color:var(--success)}button.step.instr-lead.active{background:var(--info);border-color:var(--info)}.col-number.playing{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 6px var(--accent);font-weight:700}.octave-selector{box-sizing:border-box;background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);flex-direction:column;width:24px;height:36px;display:flex}.octave-btn{box-sizing:border-box;background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);height:12px;min-height:12px;color:var(--text-secondary);cursor:pointer;border-top:none;justify-content:center;align-items:center;padding:0;font-size:8px;font-weight:700;display:flex}.octave-btn:first-child{border-top:var(--border-thin) solid var(--border);border-bottom:none}.octave-btn:hover{background:var(--border)}.octave-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}#footer.svelte-1sr6y3t{background:var(--bg-secondary);border:var(--border-thin) solid var(--border);grid-area:footer;justify-content:space-between;align-items:center;height:24px;padding:0 8px;display:flex}.footer-left.svelte-1sr6y3t,.footer-right.svelte-1sr6y3t{align-items:center;gap:var(--gap-sm);display:flex}.footer-license.svelte-1sr6y3t{margin-left:var(--gap-md);color:var(--text-tertiary);align-items:center;font-size:9px;display:flex}.footer-version.svelte-1sr6y3t{color:var(--text-tertiary);margin-right:var(--gap-md);font-size:9px}.footer-link.svelte-1sr6y3t{color:var(--text-tertiary);align-items:center;font-size:9px;text-decoration:none;display:flex}.footer-link.svelte-1sr6y3t:hover{color:var(--text-secondary);text-decoration:underline}#song-transport.svelte-1udc32o{background:var(--bg-secondary);border-bottom:var(--border-thin) solid var(--border);padding:var(--gap-sm) var(--gap-md);align-items:center;gap:var(--gap-md);display:flex}.transport-btn.svelte-1udc32o{width:32px;height:32px;color:var(--text-primary);background:var(--bg-tertiary);border:var(--border-thin) solid var(--border);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:flex}.transport-btn.svelte-1udc32o:hover:not(:disabled){background:var(--border);color:var(--text-secondary)}.transport-btn.svelte-1udc32o:active:not(:disabled){background:var(--accent);color:var(--bg-primary)}.transport-btn.svelte-1udc32o:disabled{opacity:.5;cursor:not-allowed}.position-display.svelte-1udc32o{color:var(--text-secondary);font-size:11px;font-family:var(--font-family);padding:0 var(--gap-sm)}.group-row.svelte-9wrj3k{display:flex}.row-label.svelte-9wrj3k{width:48px;color:var(--bg-primary);text-align:center;background:var(--bg-tertiary);border-right:var(--border-thin) solid var(--border);border-bottom:var(--border-thin) solid var(--border);box-sizing:border-box;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.bar-cell.svelte-9wrj3k{background:var(--bg-secondary);border-right:var(--border-thin) solid var(--border);border-bottom:var(--border-thin) solid var(--border);cursor:pointer;box-sizing:border-box;width:48px;height:48px;position:relative;overflow:hidden}.bar-cell.svelte-9wrj3k:last-child{border-right:none}.bar-cell.svelte-9wrj3k:hover{background:var(--bg-tertiary)}.bar-cell.empty.svelte-9wrj3k{background:var(--bg-tertiary);border:var(--border-thin) solid var(--border)}.playhead.svelte-9wrj3k{background:var(--text-primary);z-index:100;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.loop-block.svelte-9wrj3k{opacity:.85;cursor:pointer;z-index:1;border-radius:2px;justify-content:center;align-items:center;min-width:20px;transition:all .2s;display:flex;position:absolute;top:2px;bottom:2px;left:0}.loop-block.svelte-9wrj3k:hover{opacity:1;transform:scale(1.02);box-shadow:0 0 4px #0000004d}.loop-label.svelte-9wrj3k{color:var(--bg-primary);white-space:nowrap;cursor:pointer;font-size:16px;font-weight:700;font-family:var(--font-family);background:0 0;border:none;border-radius:2px;padding:1px 2px}.loop-delete-btn.svelte-9wrj3k{width:16px;height:16px;color:var(--text-secondary);background:var(--bg-tertiary);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:9px;display:flex;position:absolute;top:2px;right:2px}.loop-delete-btn.svelte-9wrj3k:hover{background:var(--bg-secondary)}@keyframes svelte-9wrj3k-pulse{0%,to{opacity:1}50%{opacity:.6}}.bar-cell.current-bar.svelte-9wrj3k{animation:1s ease-in-out svelte-9wrj3k-pulse}#song-timeline.svelte-aejgu5{padding:var(--gap-sm);flex:1;overflow:auto}.timeline-header.svelte-aejgu5{background:var(--bg-secondary);border-bottom:var(--border-thin) solid var(--border);display:flex}.header-corner.svelte-aejgu5{background:var(--bg-tertiary);border-right:var(--border-thin) solid var(--border);box-sizing:border-box;width:48px}.bar-header.svelte-aejgu5{text-align:center;width:48px;color:var(--text-secondary);background:var(--bg-tertiary);border-right:var(--border-thin) solid var(--border);box-sizing:border-box;padding:4px 2px;font-size:9px}.bar-header.svelte-aejgu5:last-child{border-right:none}.timeline-grid.svelte-aejgu5{flex-direction:column;flex:1;display:flex}#song-mode-container.svelte-lhj9cy{background:var(--bg-primary);height:100%;padding:var(--gap-sm);gap:var(--gap-md);flex-direction:column;grid-area:main;display:flex;position:relative;overflow:auto}.pattern-select.svelte-lhj9cy{background:var(--bg-secondary);color:var(--text-primary);border:var(--border-thin) solid var(--border);font-size:12px;font-family:var(--font-family);cursor:pointer;z-index:1000;min-width:50px;padding:4px}.pattern-select.svelte-lhj9cy option:where(.svelte-lhj9cy){background:var(--bg-secondary);color:var(--text-primary)}