.viewer-wrap.svelte-glmsnw{background:var(--bg-app);flex:1;min-height:0;position:relative;overflow:auto}.canvas.svelte-glmsnw{width:100%;min-height:100%}.beat-cur.svelte-glmsnw{background:color-mix(in srgb, var(--primary) 10%, transparent);border-left:2px solid color-mix(in srgb, var(--primary) 45%, transparent);border-right:2px solid color-mix(in srgb, var(--primary) 45%, transparent);pointer-events:none;z-index:4;position:absolute}.sel-box.svelte-glmsnw{background:color-mix(in srgb, var(--primary) 20%, transparent);border:1px dashed color-mix(in srgb, var(--primary) 60%, transparent);pointer-events:none;z-index:5;border-radius:4px;position:absolute}.note-cur.svelte-glmsnw{border:2px solid var(--primary);background:color-mix(in srgb, var(--primary) 28%, transparent);pointer-events:none;z-index:6;border-radius:3px;position:absolute}.seg.svelte-zbhdrm{min-height:var(--ctl-h);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-raise);box-shadow:var(--shadow-xs);scrollbar-width:none;flex-shrink:0;align-items:center;gap:1px;padding:2px;display:inline-flex;overflow-x:auto}.seg.svelte-zbhdrm::-webkit-scrollbar{display:none}.lbl.svelte-zbhdrm{font-size:var(--label-font);text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0 8px 0 5px;font-weight:700}.seg.svelte-zbhdrm button:where(.svelte-zbhdrm){min-height:calc(var(--ctl-h) - 6px);font-size:var(--ctl-font);color:var(--text-muted);border-radius:calc(var(--r-sm) - 2px);transition:all var(--t-fast);white-space:nowrap;padding:0 9px;font-weight:600}.seg.svelte-zbhdrm button:where(.svelte-zbhdrm):hover:not(.active){color:var(--text);background:var(--bg-surface)}.seg.svelte-zbhdrm button.active:where(.svelte-zbhdrm){background:var(--bg-surface);color:var(--primary-strong);box-shadow:var(--shadow-xs);font-weight:700}.step.svelte-ndcxv7{min-height:var(--ctl-h);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-surface);box-shadow:var(--shadow-xs);flex-shrink:0;align-items:center;display:inline-flex;overflow:hidden}.lbl.svelte-ndcxv7{border-right:1px solid var(--border);background:var(--bg-raise);font-size:var(--label-font);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;align-self:stretch;align-items:center;padding:0 8px;font-weight:700;display:flex}.b.svelte-ndcxv7{width:24px;color:var(--text-muted);transition:background var(--t-fast), color var(--t-fast);align-self:stretch;font-size:.95rem;font-weight:700}.b.svelte-ndcxv7:hover{background:var(--bg-subtle);color:var(--text)}.b.svelte-ndcxv7:active{background:var(--bg-hover)}input.svelte-ndcxv7{text-align:center;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-surface);width:42px;color:var(--text);font-size:var(--ctl-font);font-variant-numeric:tabular-nums;align-self:stretch;font-weight:700}input.svelte-ndcxv7:focus{background:var(--primary-softer);outline:none}.menu.svelte-7kio7e{flex-shrink:0;position:relative}.trigger.svelte-7kio7e{min-height:var(--ctl-h);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-surface);box-shadow:var(--shadow-xs);font-size:var(--ctl-font);color:var(--text);transition:background var(--t-fast), border-color var(--t-fast);align-items:center;gap:6px;padding:0 11px;font-weight:600;display:inline-flex}.trigger.svelte-7kio7e:hover{background:var(--bg-raise);border-color:var(--border-strong)}.trigger.svelte-7kio7e:active{background:var(--bg-subtle)}.trigger.open.svelte-7kio7e{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.caret.svelte-7kio7e{color:var(--text-muted);transition:transform var(--t-med);font-size:.6rem}.trigger.open.svelte-7kio7e .caret:where(.svelte-7kio7e){transform:rotate(180deg)}.panel.svelte-7kio7e{z-index:1000;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);min-width:228px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-pop);padding:6px;animation:.12s svelte-7kio7e-pop;position:fixed}@keyframes svelte-7kio7e-pop{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:none}}.scroll.svelte-7kio7e{flex-direction:column;gap:2px;max-height:60vh;display:flex;overflow-y:auto}.whammy-row.svelte-10v4h4c{border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-surface);align-items:center;gap:3px;padding:2px 4px;display:inline-flex}.whammy-row.svelte-10v4h4c input[type=number]:where(.svelte-10v4h4c){border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-raise);text-align:center;font-variant-numeric:tabular-nums;width:40px;min-height:22px;padding:0 4px;font-size:.7rem;font-weight:600}.whammy-row.svelte-10v4h4c input[type=number]:where(.svelte-10v4h4c):focus{border-color:var(--primary);outline:none}.whammy-row.svelte-10v4h4c input.repeat:where(.svelte-10v4h4c){width:32px}.preview.svelte-10v4h4c{width:48px;height:16px;color:var(--primary);flex-shrink:0}.x.svelte-10v4h4c{border-radius:var(--r-xs);width:18px;height:18px;color:var(--text-muted);transition:all var(--t-fast);place-items:center;font-size:.75rem;font-weight:700;display:grid}.x.svelte-10v4h4c:hover{background:var(--danger-soft);color:var(--danger)}.add.svelte-10v4h4c{border:1px dashed var(--border-strong);border-radius:var(--r-xs);height:18px;color:var(--primary-strong);transition:all var(--t-fast);padding:0 4px;font-size:.7rem;font-weight:600}.add.svelte-10v4h4c:hover{background:var(--primary-soft);border-color:var(--primary)}#toolbar-wrap.svelte-16b1ox9{flex-direction:column;flex-shrink:0;display:flex}#toolbar-wrap.playing.svelte-16b1ox9{opacity:.55;pointer-events:none}#tabs.svelte-16b1ox9{background:var(--bg-hover);border-top:1px solid var(--border);flex-shrink:0;gap:2px;padding:3px 6px;display:flex;overflow-x:auto}#tabs.svelte-16b1ox9 button:where(.svelte-16b1ox9){border-radius:var(--r-sm);min-height:30px;color:var(--text-muted);text-transform:capitalize;transition:all var(--t-fast);border:1px solid #0000;flex-shrink:0;padding:5px 14px;font-size:.8rem;font-weight:600}#tabs.svelte-16b1ox9 button.active:where(.svelte-16b1ox9){background:var(--bg-surface);color:var(--primary-strong);border-color:var(--border);box-shadow:var(--shadow-xs)}#tabs.svelte-16b1ox9 button:where(.svelte-16b1ox9):hover:not(.active):not(:disabled){color:var(--text);background:var(--bg-surface)}#tab-content.svelte-16b1ox9{border-top:1px solid var(--border);scrollbar-width:thin;flex-shrink:0;align-items:center;gap:2px;width:100%;min-height:44px;padding:6px 8px;display:flex;overflow-x:auto}#tab-content.svelte-16b1ox9::-webkit-scrollbar{height:6px}#tab-content.svelte-16b1ox9::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.controls-toolbar.svelte-16b1ox9{flex-wrap:nowrap;align-items:center;gap:2px;display:flex}.group.svelte-16b1ox9{align-items:center;gap:3px;display:flex}.group-label.svelte-16b1ox9{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);white-space:nowrap;padding:0 4px;font-size:.7rem;font-weight:700}.divider.svelte-16b1ox9{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.info.svelte-16b1ox9{color:var(--text-faint);padding:0 3px;font-size:.78rem}.sel-count.svelte-16b1ox9{color:var(--primary-strong);padding:0 3px;font-size:.78rem;font-weight:600}.clear-btn.svelte-16b1ox9{padding:3px 6px;font-size:.75rem}.group.svelte-16b1ox9 button{border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-surface);min-height:28px;color:var(--text-muted);white-space:nowrap;transition:all var(--t-fast);padding:0 8px;font-size:.75rem;font-weight:600}.group.svelte-16b1ox9 button:hover:not(:disabled):not(.active){background:var(--bg-raise);color:var(--text);border-color:var(--border-strong)}.group.svelte-16b1ox9 button.active{background:var(--primary);border-color:var(--primary);color:var(--on-accent);box-shadow:0 1px 3px color-mix(in srgb, var(--primary) 35%, transparent)}.group.svelte-16b1ox9 button:disabled{opacity:.38;cursor:default}.group.svelte-16b1ox9 select{border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-surface);min-height:28px;color:var(--text);max-width:120px;padding:0 6px;font-size:.75rem}.beat-tab.svelte-16b1ox9{flex-direction:column;gap:4px;width:100%;min-height:0;max-height:40vh;display:flex}.beat-strip.svelte-16b1ox9{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:2px;padding-bottom:2px;display:flex;overflow-x:auto}.chip.svelte-16b1ox9{border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-raise);min-height:26px;color:var(--text-muted);min-width:28px;transition:all var(--t-fast);flex-shrink:0;justify-content:center;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.chip.active.svelte-16b1ox9{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.detail.svelte-16b1ox9{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-raise);flex-wrap:wrap;align-items:center;gap:6px;min-height:0;max-height:calc(40vh - 36px);padding:4px 6px;display:flex;overflow-y:auto}.detail.svelte-16b1ox9 .field:where(.svelte-16b1ox9){white-space:nowrap;flex-direction:row;gap:4px;padding:0}.field-label.svelte-16b1ox9{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);white-space:nowrap;font-size:.7rem;font-weight:700}.field-sep.svelte-16b1ox9{color:var(--text-faint);font-size:.75rem}.text-input.svelte-16b1ox9{border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-surface);width:110px;min-height:28px;padding:2px 6px;font-size:.75rem}.text-input.svelte-16b1ox9:focus{border-color:var(--primary);background:var(--primary-softer);outline:none}.tiny-num.svelte-16b1ox9{text-align:center;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-surface);width:44px;min-height:28px;padding:2px 4px;font-size:.75rem}.tiny-num.svelte-16b1ox9:focus{border-color:var(--primary);outline:none}.pads-group.svelte-16b1ox9{flex-wrap:wrap;max-width:520px}.item{border-radius:var(--r-xs);min-height:30px;color:var(--text);text-align:left;transition:background var(--t-fast);border:1px solid #0000;padding:7px 10px;font-size:.83rem}.item:hover{background:var(--bg-subtle)}.item:disabled{opacity:.4;cursor:default}.field{flex-direction:column;gap:3px;padding:4px 4px 2px;display:flex}.field span{text-transform:uppercase;color:var(--text-faint);letter-spacing:.05em;font-size:.62rem;font-weight:700}.field input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.field input:not([type=checkbox]){border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-surface);min-height:28px;padding:3px 8px;font-size:.8rem}.field input:focus{border-color:var(--primary);outline:none}.sep{background:var(--border);height:1px;margin:4px 2px}.subhead{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:6px 10px 2px;font-size:.64rem;font-weight:800}.pop-row{align-items:center;gap:8px;padding:4px 8px;display:flex}.pop-lbl{color:var(--text-muted);font-size:.75rem;font-weight:600}.transport.svelte-17fc12b{background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:6px 12px;display:flex}.cluster.svelte-17fc12b{background:var(--bg-raise);border:1px solid var(--border);border-radius:var(--r-full);box-shadow:var(--shadow-xs);align-items:center;gap:2px;padding:3px;display:inline-flex}.nav.svelte-17fc12b{width:28px;height:28px;color:var(--text-muted);transition:all var(--t-fast);border:none;border-radius:50%;place-items:center;font-size:.72rem;display:grid}.nav.svelte-17fc12b:hover{background:var(--bg-surface);color:var(--text);box-shadow:var(--shadow-xs)}.play.svelte-17fc12b{background:var(--primary);width:34px;height:34px;box-shadow:0 3px 8px color-mix(in srgb, var(--primary) 45%, transparent);transition:all var(--t-fast);border:none;border-radius:50%;flex-shrink:0;position:relative}.play.svelte-17fc12b:hover{background:var(--primary-strong);transform:translateY(-1px)}.play.svelte-17fc12b:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #fff;width:0;height:0;margin:auto;position:absolute;inset:0;transform:translate(1px)}.play[aria-label=Pause].svelte-17fc12b:before{background:#fff;border:none;border-radius:2px;width:10px;height:12px;transform:none}.time.svelte-17fc12b{font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-weight:700}.time.dim.svelte-17fc12b{color:var(--text-faint)}.scrub.svelte-17fc12b{cursor:pointer;flex:1;align-items:center;min-width:80px;display:flex}.scrub.svelte-17fc12b input:where(.svelte-17fc12b){appearance:none;background:linear-gradient(to right, var(--primary) var(--p,0%), var(--bg-subtle) var(--p,0%));cursor:pointer;border-radius:4px;width:100%;height:6px}.scrub.svelte-17fc12b input:where(.svelte-17fc12b)::-webkit-slider-thumb{-webkit-appearance:none;border:2.5px solid var(--primary);width:15px;height:15px;box-shadow:var(--shadow-sm);transition:transform var(--t-fast);background:#fff;border-radius:50%}.scrub.svelte-17fc12b input:where(.svelte-17fc12b)::-webkit-slider-thumb:hover{transform:scale(1.15)}.scrub.svelte-17fc12b input:where(.svelte-17fc12b)::-moz-range-thumb{border:2.5px solid var(--primary);width:15px;height:15px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%}.loading.svelte-17fc12b{color:var(--text-faint);font-size:.78rem}.pos.svelte-17fc12b{font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;background:var(--bg-raise);border:1px solid var(--border);border-radius:var(--r-full);flex-shrink:0;padding:4px 10px;font-size:.76rem;font-weight:700}.dim.svelte-17fc12b{color:var(--text-faint);font-weight:600}#ui-container.svelte-1uha8ag{flex-direction:column;height:100dvh;display:flex}