:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--bg-input: #1a1a3e;--text-primary: #e0e0e0;--text-secondary: #a0a0b0;--text-muted: #606080;--accent-blue: #4fc3f7;--accent-green: #66bb6a;--accent-orange: #ffa726;--accent-red: #ef5350;--accent-purple: #ab47bc;--border-color: #2a2a4e;--beat-active: #ffd54f;--beat-down: #4fc3f7;--beat-up: #66bb6a;--beat-mute: #ff8a65;--beat-rest: #555;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}#app{max-width:900px;margin:0 auto;padding:1rem}h1{font-size:1.6rem;text-align:center;margin-bottom:.25rem;color:var(--accent-blue)}.subtitle{text-align:center;color:var(--text-secondary);font-size:.85rem;margin-bottom:1.5rem}.section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.75rem}button{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius);padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:background .15s,border-color .15s}button:hover{background:#1a4a7a;border-color:var(--accent-blue)}button.active{background:var(--accent-blue);color:#111;border-color:var(--accent-blue)}input[type=number],input[type=text],textarea,select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius);padding:.45rem .6rem;font-size:.9rem;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue)}input[type=range]{accent-color:var(--accent-blue);width:100%}.row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.label{font-size:.8rem;color:var(--text-secondary)}@media(max-width:600px){#app{padding:.5rem}h1{font-size:1.3rem}.section{padding:.75rem}}.controls-grid.svelte-1y71c66{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.control-group.svelte-1y71c66{flex:1;min-width:150px}.play-btn.svelte-1y71c66{font-size:1rem;padding:.6rem 1.5rem;font-weight:600}.hint.svelte-1y71c66{font-size:.7rem;color:var(--text-muted)}.small.svelte-1y71c66{padding:.25rem .5rem;font-size:.75rem}.tap.svelte-1y71c66{background:var(--accent-orange);color:#111;border-color:var(--accent-orange)}.sub-btn.svelte-1y71c66{padding:.35rem .7rem;font-size:.85rem;font-weight:600}select.svelte-1y71c66{width:3.5rem}.preset-grid.svelte-1rip0y7{display:flex;flex-wrap:wrap;gap:.4rem}.preset-wrapper.svelte-1rip0y7{display:flex;gap:0;position:relative}.preset-card.svelte-1rip0y7{display:flex;flex-direction:column;padding:.4rem .7rem;font-size:.8rem;text-align:left;border-top-right-radius:0;border-bottom-right-radius:0}.preset-name.svelte-1rip0y7{font-weight:600}.preset-meta.svelte-1rip0y7{font-size:.65rem;color:var(--text-muted);margin-top:.1rem}.preset-card.active.svelte-1rip0y7 .preset-meta:where(.svelte-1rip0y7){color:#333}.add-to-queue-btn.svelte-1rip0y7{padding:0 .4rem;font-size:1rem;font-weight:700;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none;min-width:1.5rem}.add-to-queue-btn.svelte-1rip0y7:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.beat-cell.svelte-1muravl{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:2.5rem;padding:.4rem .3rem;border-radius:6px;border:2px solid transparent;transition:background .08s,border-color .08s,transform .08s;-webkit-user-select:none;user-select:none}.beat-cell.active.svelte-1muravl{background:#ffd54f26;border-color:var(--beat-active);transform:scale(1.1)}.beat-cell.accent.svelte-1muravl .arrow:where(.svelte-1muravl){font-weight:700;font-size:1.6rem}.arrow.svelte-1muravl{font-size:1.3rem;line-height:1;font-weight:500}.type-label.svelte-1muravl{font-size:.65rem;color:var(--text-muted);margin-top:.15rem}.beat-label.svelte-1muravl{font-size:.7rem;color:var(--text-secondary);margin-top:.2rem}@media(max-width:600px){.beat-cell.svelte-1muravl{min-width:2rem;padding:.3rem .2rem}.arrow.svelte-1muravl{font-size:1.1rem}}.pattern-row.svelte-1yfcsp4{display:flex;align-items:center;justify-content:center;gap:.15rem;flex-wrap:wrap;padding:.5rem 0}.beat-divider.svelte-1yfcsp4{width:2px;height:3rem;background:var(--border-color);margin:0 .15rem;flex-shrink:0}.queue-label.svelte-1yfcsp4{font-size:.7rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--accent-blue);margin-left:.5rem}.legend.svelte-1yfcsp4{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.7rem;color:var(--text-muted)}.legend-item.svelte-1yfcsp4{display:flex;align-items:center;gap:.25rem}.legend-symbol.svelte-1yfcsp4{font-size:1rem;font-weight:500;line-height:1}.accent-example.svelte-1yfcsp4{font-weight:700;font-size:1.15rem;color:var(--accent-orange)}.hint.svelte-1c399gj{font-size:.65rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.editor-row.svelte-1c399gj{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap}.editor-cell.svelte-1c399gj{display:flex;flex-direction:column;align-items:center;justify-content:center;width:2.8rem;height:3.2rem;border-radius:6px;background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;position:relative;transition:transform .1s,border-color .1s;padding:.2rem}.editor-cell.svelte-1c399gj:hover{border-color:var(--accent-blue);transform:scale(1.08)}.editor-cell.accent.svelte-1c399gj{border-color:var(--accent-orange);border-width:2px}.cell-arrow.svelte-1c399gj{font-size:1.2rem;font-weight:600;line-height:1}.cell-label.svelte-1c399gj{font-size:.6rem;color:var(--text-muted);margin-top:.1rem}.accent-dot.svelte-1c399gj{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--accent-orange)}.editor-divider.svelte-1c399gj{width:2px;height:3rem;background:var(--border-color);margin:0 .1rem;flex-shrink:0}@media(max-width:600px){.editor-cell.svelte-1c399gj{width:2.2rem;height:2.8rem}.cell-arrow.svelte-1c399gj{font-size:1rem}}.queue-list.svelte-rj1x9u{display:flex;flex-direction:column;gap:.3rem}.queue-entry.svelte-rj1x9u{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;border-radius:6px;background:var(--bg-card);border:1px solid var(--border-color);transition:border-color .15s}.queue-entry.active.svelte-rj1x9u{border-color:var(--accent-blue);background:#64b5f614}.entry-header.svelte-rj1x9u{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0}.entry-select.svelte-rj1x9u{width:1.6rem;height:1.6rem;border-radius:50%;padding:0;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.queue-entry.active.svelte-rj1x9u .entry-select:where(.svelte-rj1x9u){background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.entry-name.svelte-rj1x9u{font-weight:600;font-size:.85rem;width:5rem;padding:.15rem .3rem;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-primary)}.entry-name.svelte-rj1x9u:focus{border-color:var(--accent-blue);background:var(--bg-card);outline:none}.entry-meta.svelte-rj1x9u{display:flex;gap:.5rem;font-size:.7rem;color:var(--text-muted);min-width:0;overflow:hidden;flex:1;background:transparent;border:none;padding:.25rem .4rem;border-radius:4px;cursor:pointer;text-align:left}.entry-meta.svelte-rj1x9u:hover{background:#ffffff0d}.entry-pattern-preview.svelte-rj1x9u{font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10rem}.entry-timesig.svelte-rj1x9u{flex-shrink:0}.entry-controls.svelte-rj1x9u{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.repeats-stepper.svelte-rj1x9u{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;height:1.6rem}.stepper-btn.svelte-rj1x9u{width:1.4rem;height:100%;padding:0;border:none;border-radius:0;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:background .1s}.stepper-btn.svelte-rj1x9u:hover:not(:disabled){background:var(--accent-blue);color:#fff}.stepper-btn.svelte-rj1x9u:disabled{opacity:.25;cursor:default}.stepper-value.svelte-rj1x9u{min-width:2rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-primary);padding:0 .15rem;-webkit-user-select:none;user-select:none}.icon-btn.svelte-rj1x9u{width:1.6rem;height:1.6rem;padding:0;font-size:.85rem;display:flex;align-items:center;justify-content:center}.icon-btn.svelte-rj1x9u:disabled{opacity:.3;cursor:default}.delete-btn.svelte-rj1x9u:not(:disabled):hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.add-btn.svelte-rj1x9u{margin-top:.4rem;width:100%;padding:.4rem;font-size:.8rem;font-weight:600}@media(max-width:600px){.entry-pattern-preview.svelte-rj1x9u{max-width:5rem}.entry-name.svelte-rj1x9u{width:3.5rem}}