@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Newsreader:wght@500&display=swap";.about-backdrop.svelte-n8ytu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer}.about-card.svelte-n8ytu{position:relative;background:color-mix(in srgb,var(--lv-panel) 90%,transparent);border-radius:var(--lv-r-2);padding:36px 40px 32px;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:hidden;display:flex;flex-direction:column;gap:20px;box-shadow:0 24px 64px #0009;cursor:default;scrollbar-width:thin;scrollbar-color:var(--lv-hairline-hi) transparent}.about-card.svelte-n8ytu::-webkit-scrollbar{width:4px}.about-card.svelte-n8ytu::-webkit-scrollbar-thumb{background:var(--lv-hairline-hi);border-radius:2px}.about-card.svelte-n8ytu::-webkit-scrollbar-track{background:transparent}.about-glow.svelte-n8ytu{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:conic-gradient(from 0deg,var(--lv-c1),var(--lv-c3),var(--lv-c2),var(--lv-c4),var(--lv-c5),var(--lv-c1));opacity:.5;z-index:-1;animation:svelte-n8ytu-glow-rotate 20s linear infinite;filter:blur(8px);pointer-events:none}@keyframes svelte-n8ytu-glow-rotate{0%{transform:scale(2) rotate(0)}to{transform:scale(2) rotate(360deg)}}.about-header.svelte-n8ytu{display:flex;align-items:center}.about-logo.svelte-n8ytu{width:40px;height:40px;flex-shrink:0}.about-logo.svelte-n8ytu svg{width:100%;height:100%;display:block}.about-logo.svelte-n8ytu #bg{fill:var(--lv-panel-hi)}.about-logo.svelte-n8ytu #slash{fill:var(--lv-c1)}.about-title-group.svelte-n8ytu{display:flex;align-items:baseline;gap:8px}.about-wrapper.svelte-n8ytu{display:flex;flex-direction:column;gap:20px;overflow-y:auto}.about-name.svelte-n8ytu{font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--lv-fg);line-height:1}.about-sub.svelte-n8ytu{font-size:10px;font-family:var(--lv-mono);font-weight:600;letter-spacing:.08em;color:var(--lv-fg-dim)}.about-desc.svelte-n8ytu{margin:0;font-size:14px;line-height:1.65;color:var(--lv-fg-soft);padding-top:10px}.about-section.svelte-n8ytu{padding-top:10px}.about-section__title.svelte-n8ytu{margin:0 0 12px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lv-fg-dim)}.shortcuts-grid.svelte-n8ytu{display:flex;flex-direction:column;gap:8px}@media(max-width:420px){.about-sub.svelte-n8ytu{display:none}}.shortcut-row.svelte-n8ytu{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.shortcut-key.svelte-n8ytu{font-family:var(--lv-mono);font-size:11px;font-weight:600;color:var(--lv-fg-soft);background:var(--lv-inset);border:1px solid var(--lv-hairline);border-radius:var(--lv-r-2);padding:3px 8px;box-shadow:0 1px 0 var(--lv-hairline);white-space:nowrap;flex-shrink:0}.shortcut-desc.svelte-n8ytu{color:var(--lv-fg-dim);text-align:right}.about-links.svelte-n8ytu{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.about-link.svelte-n8ytu{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--lv-c3);text-decoration:none;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s}.about-link.svelte-n8ytu:hover{opacity:.8}.about-dismiss.svelte-n8ytu{margin:0;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lv-fg-dim);text-align:center;padding-top:4px;cursor:pointer}.transport.svelte-knlptf{display:flex}.volume.svelte-knlptf{display:flex;align-items:center;gap:8px;height:28px;color:var(--lv-fg-soft)}.volume--slider.svelte-knlptf{cursor:pointer}.volume-knob-only.svelte-knlptf{display:flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .15s}.volume-knob-only.svelte-knlptf:hover{opacity:.9}.volume-knob-only.muted.svelte-knlptf{opacity:.4}.volume-knob-only.muted.svelte-knlptf:hover{opacity:.6}.volume__icon.svelte-knlptf{display:flex;align-items:center;cursor:pointer;color:var(--lv-fg-soft);transition:color .1s}.volume__icon.svelte-knlptf:hover{color:var(--lv-fg)}.volume__bar.svelte-knlptf{width:80px;height:6px;background:var(--lv-panel-hi);border-radius:2px;overflow:hidden}.volume__fill.svelte-knlptf{height:100%;background:var(--lv-c2);transition:width .05s}.volume__bar.svelte-knlptf:hover .volume__fill:where(.svelte-knlptf){opacity:.8}.bpm.svelte-knlptf{display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--lv-inset);border:1px solid var(--lv-hairline);border-radius:var(--lv-r-2);height:28px;-webkit-user-select:none;user-select:none}.bpm__metronome.svelte-knlptf{width:9px;height:9px;border-radius:50%;background:var(--lv-fg-dim);flex-shrink:0;transition:background .1s,box-shadow .1s}.bpm__metronome.active.svelte-knlptf{background:var(--lv-c2);box-shadow:0 0 8px var(--lv-c2),0 0 2px var(--lv-c2)}.bpm__input.svelte-knlptf{width:28px;padding:0;margin:0;background:transparent;border:none;outline:none;font-family:var(--lv-mono);font-size:12px;font-weight:700;color:var(--lv-fg);text-align:right;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;cursor:text}.bpm__input.svelte-knlptf::-webkit-outer-spin-button,.bpm__input.svelte-knlptf::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm__unit.svelte-knlptf{font-size:9px;letter-spacing:.15em;color:var(--lv-fg-dim)}select.select.svelte-knlptf{background-color:var(--lv-panel)}select.select.svelte-knlptf:hover{background-color:var(--lv-panel-hi);background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%23a8a8a8%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E)}select.select--instrument.svelte-knlptf{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%236e6e6e%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E),linear-gradient(to right,var(--lv-c2) var(--progress),transparent var(--progress));background-size:auto,100% 0px;background-position:right 8px center,bottom left;background-repeat:no-repeat,no-repeat;transition:background-size .5s ease-in,color .3s ease}select.select--instrument.svelte-knlptf:hover{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%23a8a8a8%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E),linear-gradient(to right,var(--lv-c2) var(--progress),transparent var(--progress))}select.svelte-knlptf option:where(.svelte-knlptf){background:var(--lv-panel);color:var(--lv-fg)}.select--instrument.loading.svelte-knlptf{animation:svelte-knlptf-text-loading 1s infinite alternate linear;background-size:auto,100% 1px}@keyframes svelte-knlptf-text-loading{0%{color:var(--lv-fg)}to{color:var(--lv-fg-soft)}}.error.svelte-knlptf{color:var(--lv-rec)!important}.btn-icon.svelte-knlptf{color:var(--lv-fg-soft)}.btn-icon.svelte-knlptf:hover{color:var(--lv-fg)}.btn-icon.recording.svelte-knlptf{color:var(--lv-rec)}.btn-icon.recording.is-playing.svelte-knlptf svg:where(.svelte-knlptf),.bpm__metronome.active.is-playing.svelte-knlptf{opacity:var(--beatProgress)}.btn-icon.repeat-active.svelte-knlptf{color:var(--lv-c3)}.btn-icon.play-active.svelte-knlptf{color:var(--lv-c2)}.btn-icon.pause-active.svelte-knlptf,.btn-icon.config-active.svelte-knlptf{color:var(--lv-c6)}.btn-icon.btn-option.svelte-knlptf{border:1px solid var(--lv-hairline);background:var(--lv-panel)}.btn-icon.btn-option.svelte-knlptf:hover{background:var(--lv-panel-hi)}.config-btn.svelte-knlptf{position:relative}.config-dropdown.svelte-knlptf{position:absolute;top:calc(100% + 6px);right:0;min-width:14rem;background:color-mix(in srgb,var(--lv-panel) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--lv-hairline-hi);border-radius:var(--lv-r-2);padding:8px;z-index:999999;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080;display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--lv-hairline-hi) transparent}.config-dropdown.svelte-knlptf::-webkit-scrollbar{width:4px}.config-dropdown.svelte-knlptf::-webkit-scrollbar-thumb{background:var(--lv-hairline-hi);border-radius:2px}.config-dropdown.svelte-knlptf::-webkit-scrollbar-track{background:transparent}.config-dropdown__col.svelte-knlptf{display:flex;flex-direction:column;gap:4px}.config-dropdown__col.svelte-knlptf+.config-dropdown__col:where(.svelte-knlptf){margin-top:6px;padding-top:6px;border-top:1px solid var(--lv-hairline)}.config-dropdown__section.svelte-knlptf{display:flex;flex-direction:column;gap:2px}.config-dropdown__section.svelte-knlptf+.config-dropdown__section:where(.svelte-knlptf){margin-top:6px;padding-top:6px;border-top:1px solid var(--lv-hairline)}.config-dropdown__header.svelte-knlptf{font-size:9px;font-weight:700;color:var(--lv-fg-dim);text-transform:uppercase;letter-spacing:.12em;padding:4px 6px 2px}.config-dropdown__row.svelte-knlptf{display:flex;align-items:center;justify-content:space-between;gap:12px;height:28px;padding:0 8px;border-radius:var(--lv-r-2);font-size:11px;color:var(--lv-fg-soft);cursor:default;transition:background .12s ease,color .12s ease}.config-dropdown__key.svelte-knlptf{flex:1;font-size:11px;font-weight:500;color:var(--lv-fg-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s ease}.config-dropdown__transpose-controls.svelte-knlptf .btn-mini:where(.svelte-knlptf){font-size:10px;color:var(--lv-fg-soft)}.config-dropdown__select.svelte-knlptf{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--lv-hairline);background:var(--lv-inset);font-family:var(--lv-font);font-size:11px;font-weight:600;color:var(--lv-fg);cursor:pointer;text-align:left;padding:3px 18px 3px 8px;border-radius:var(--lv-r-2);min-width:80px;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%23a8a8a8%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 6px center;transition:color .12s,border-color .12s,background-color .12s}.config-dropdown__select.svelte-knlptf:hover{color:var(--lv-fg);border-color:var(--lv-hairline-hi);background-color:var(--lv-panel)}.config-dropdown__select.svelte-knlptf:focus{outline:none}.config-dropdown__select--instrument.svelte-knlptf{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%23a8a8a8%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E),linear-gradient(to right,var(--lv-c2) var(--progress),transparent var(--progress));background-size:auto,100% 0px;background-position:right 6px center,bottom left;background-repeat:no-repeat,no-repeat;transition:background-size .5s ease-in,color .3s ease}.config-dropdown__select--instrument.svelte-knlptf:hover{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E),linear-gradient(to right,var(--lv-c2) var(--progress),transparent var(--progress))}.config-dropdown__select--instrument.loading.svelte-knlptf{animation:svelte-knlptf-text-loading 1s infinite alternate linear;background-size:auto,100% 1px}.config-dropdown__select.svelte-knlptf option:where(.svelte-knlptf){background:var(--lv-panel);color:var(--lv-fg)}.config-dropdown__row--clickable.svelte-knlptf{cursor:pointer;justify-content:flex-start;gap:8px}.config-dropdown__row--clickable.svelte-knlptf:hover{background:#ffffff0d;color:var(--lv-fg)}.config-dropdown__row--clickable.svelte-knlptf:hover .config-dropdown__key:where(.svelte-knlptf){color:var(--lv-fg)}.config-dropdown__row--danger.svelte-knlptf{color:var(--lv-rec)}.config-dropdown__row--danger.svelte-knlptf .config-dropdown__key:where(.svelte-knlptf){color:var(--lv-rec)}.config-dropdown__row--danger.svelte-knlptf:hover{background:#ff334414;color:var(--lv-c1)}.config-dropdown__row--danger.svelte-knlptf:hover .config-dropdown__key:where(.svelte-knlptf){color:var(--lv-c1)}.config-dropdown__key--danger.svelte-knlptf{color:var(--lv-rec)}.config-dropdown__transpose-controls.svelte-knlptf .btn-mini--danger:where(.svelte-knlptf){color:var(--lv-rec);border-color:#ff334459}.config-dropdown__transpose-controls.svelte-knlptf .btn-mini--danger:where(.svelte-knlptf):hover{background:#ff334426;border-color:var(--lv-rec);color:var(--lv-rec)}.config-dropdown__checkbox.svelte-knlptf{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--lv-hairline);background:var(--lv-inset);border-radius:var(--lv-r-2);cursor:pointer;position:relative;outline:none;transition:background .12s,border-color .12s}.config-dropdown__checkbox.svelte-knlptf:hover{border-color:var(--lv-hairline-hi);background:var(--lv-panel)}.config-dropdown__checkbox.svelte-knlptf:checked{background:var(--lv-c3);border-color:var(--lv-c3)}.config-dropdown__checkbox.svelte-knlptf:checked:after{content:"";position:absolute;top:2px;left:4px;width:4px;height:7px;border:solid #000000;border-width:0 2px 2px 0;transform:rotate(45deg)}.config-dropdown__checkbox.svelte-knlptf:focus{border-color:var(--lv-c3)}.key-wheel.svelte-jp0zuh{flex:0 0 auto;width:clamp(140px,min(35cqw,100cqh),210px);aspect-ratio:1;position:relative;background:var(--lv-bg);border:1px solid var(--lv-hairline);border-radius:50%}.key-wheel__svg.svelte-jp0zuh{display:block;width:100%;height:100%}.key-wheel__segment.svelte-jp0zuh{stroke:var(--lv-bg);stroke-width:1.5;transition:fill .15s,filter .15s}.key-wheel__segment--outer.svelte-jp0zuh{fill:var(--lv-panel-hi);pointer-events:all;cursor:pointer}.key-wheel__segment--inner.svelte-jp0zuh{fill:transparent;pointer-events:all;cursor:pointer}.key-wheel__segment.is-hi.svelte-jp0zuh{fill:var(--lv-c3)}.key-wheel__segment.svelte-jp0zuh:hover{filter:brightness(1.2);cursor:pointer}.key-wheel__outer-label.svelte-jp0zuh{font-family:var(--lv-font);font-weight:600;font-size:13px;fill:var(--lv-fg)}.key-wheel__outer-label.is-hi.svelte-jp0zuh{font-weight:700;font-size:16px;fill:#0a0a0a}.key-wheel__inner-label.svelte-jp0zuh{font-family:var(--lv-mono);font-size:10px;fill:var(--lv-fg-dim);transition:fill .15s,font-weight .15s}.key-wheel__inner-label.is-hi.svelte-jp0zuh,.key-wheel__inner-label.is-hovered.svelte-jp0zuh{font-weight:700;fill:var(--lv-fg)}.key-wheel__lock.svelte-jp0zuh{position:absolute;top:50%;left:50%;width:clamp(32px,21%,45px);height:clamp(32px,21%,45px);transform:translate(-50%,-50%);background:var(--lv-inset);border:1px solid var(--lv-hairline-hi);border-radius:50%;cursor:pointer;color:var(--lv-fg-soft);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff0a,0 2px 4px #0006}.key-wheel__lock.svelte-jp0zuh:hover{color:var(--lv-fg);background:var(--lv-panel)}.analysis.svelte-115ir2k{flex:0 0 58%}.analysis__body.svelte-115ir2k{container:analysis-body / size;display:flex;gap:18px;align-items:center}.analysis__right.svelte-115ir2k{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0;max-height:100%;container-type:inline-size}.live-badge.svelte-115ir2k{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:var(--lv-inset);border-radius:var(--lv-r-1);transition:border-color .15s,opacity .15s}.live-dot.svelte-115ir2k{width:5px;height:5px;border-radius:50%;transition:background-color .15s,box-shadow .15s}.live-text.svelte-115ir2k{font-family:var(--lv-mono);font-size:9px;font-weight:700;letter-spacing:.1em;transition:color .15s}.live-badge.live-active.svelte-115ir2k{border:1px solid color-mix(in srgb,var(--lv-c2) 35%,transparent);opacity:1}.live-badge.live-active.svelte-115ir2k .live-text:where(.svelte-115ir2k){color:var(--lv-c2)}.live-badge.live-active.svelte-115ir2k .live-dot:where(.svelte-115ir2k){background:var(--lv-c2);box-shadow:0 0 5px var(--lv-c2)}.live-badge.svelte-115ir2k:not(.live-active){border:1px solid var(--lv-hairline);opacity:.8}.live-badge.svelte-115ir2k:not(.live-active) .live-text:where(.svelte-115ir2k){color:var(--lv-fg-soft)}.live-badge.svelte-115ir2k:not(.live-active) .live-dot:where(.svelte-115ir2k){background:var(--lv-fg-dim);box-shadow:none}.live-badge.svelte-115ir2k:not(.live-active):hover{border-color:color-mix(in srgb,var(--lv-c2) 35%,transparent);opacity:1}.live-badge.svelte-115ir2k:not(.live-active):hover .live-text:where(.svelte-115ir2k){color:color-mix(in srgb,var(--lv-c2) 75%,transparent)}.live-badge.svelte-115ir2k:not(.live-active):hover .live-dot:where(.svelte-115ir2k){background:color-mix(in srgb,var(--lv-c2) 75%,transparent)}.chord-card.svelte-115ir2k{padding:12px 14px;background:var(--lv-inset);border:1px solid var(--lv-hairline);border-left:3px solid var(--lv-c1);border-radius:var(--lv-r-2);overflow-x:clip}.chord-card__row.svelte-115ir2k{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px}.chord-card__name.svelte-115ir2k{font-weight:800;font-size:clamp(22px,10cqi,38px);letter-spacing:-.03em;line-height:1;color:var(--lv-fg);display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;background:none;border:none;padding:0;font-family:inherit;text-align:left;cursor:pointer;border-radius:var(--lv-r-1);transition:opacity .12s}.chord-card__name.svelte-115ir2k{cursor:default}.chord-card__name-btn.svelte-115ir2k{cursor:pointer;border-radius:var(--lv-r-1);transition:opacity .12s}.chord-card__name-btn.svelte-115ir2k:hover{opacity:.75}.chord-card__prev[hidden].svelte-115ir2k{display:none}.chord-card__prev.svelte-115ir2k{display:inline-flex;align-items:center;gap:4px;font-size:.5em;font-weight:500;letter-spacing:-.01em;color:var(--lv-fg-soft)}.chord-card__prev.svelte-115ir2k svg:where(.svelte-115ir2k){width:1.1em;height:1.1em;flex-shrink:0;fill:currentColor;stroke:currentColor}.chord-card__info.svelte-115ir2k{min-width:0}.chord-card__notes.svelte-115ir2k{margin-top:8px;font-family:var(--lv-mono);font-size:11px;color:var(--lv-fg-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chord-card__tags.svelte-115ir2k{display:flex;gap:4px;align-items:center;padding-top:4px;flex-wrap:wrap}@container (max-width: 466px){.chord-card__row.svelte-115ir2k{flex-direction:column;align-items:flex-start;min-height:unset;gap:6px}.chord-card__info.svelte-115ir2k{width:100%}.chord-card__tags.svelte-115ir2k{width:100%;overflow-x:hidden;flex-wrap:nowrap}.meter__row.svelte-115ir2k{flex-direction:column;gap:4px}}.tag.svelte-115ir2k{padding:2px 6px;font-family:var(--lv-mono);font-size:9px;font-weight:700;letter-spacing:.05em;line-height:1;border-radius:var(--lv-r-1);color:#0a0a0a;border:1px solid transparent;box-sizing:border-box;display:inline-flex;align-items:center;height:16px}.tag--degree.svelte-115ir2k{background:var(--lv-c1)}.tag--function.svelte-115ir2k{background:var(--lv-c4)}.tag--diatonic.svelte-115ir2k{background:var(--lv-panel);color:var(--lv-fg-soft);border:1px solid var(--lv-hairline)}.meters.svelte-115ir2k{display:flex;gap:8px}.meter.svelte-115ir2k{flex:1;padding:8px 10px;background:var(--lv-inset);border:1px solid var(--lv-hairline);border-radius:var(--lv-r-2);transition:color .15s,background .15s}.meter__row.svelte-115ir2k{display:flex;justify-content:space-between;align-items:baseline}.meter__label.svelte-115ir2k{font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--lv-fg-dim)}.meter__value.svelte-115ir2k{font-family:var(--lv-mono);font-size:13px;font-weight:700;color:var(--c, var(--lv-fg))}.meter__bar.svelte-115ir2k{margin-top:6px;height:4px;background:var(--lv-bg);border-radius:1px;overflow:hidden}.meter__fill.svelte-115ir2k{height:100%;width:var(--pct, 50%);background:var(--c, var(--lv-fg))}.builder.svelte-dze53v{transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.builder.is-editing.svelte-dze53v{border-color:transparent;background:color-mix(in srgb,var(--edit-color) 3%,var(--lv-panel));box-shadow:0 0 0 1.5px var(--edit-color),0 0 8px color-mix(in srgb,var(--edit-color) 25%,transparent)}.builder.svelte-dze53v .card__header:where(.svelte-dze53v){transition:background-color .25s ease,border-bottom-color .25s ease}.builder.is-editing.svelte-dze53v .card__header:where(.svelte-dze53v){background:color-mix(in srgb,var(--edit-color) 4%,var(--lv-panel-hi));border-bottom-color:color-mix(in srgb,var(--edit-color) 15%,var(--lv-hairline))}.builder__body.svelte-dze53v{display:flex;flex-direction:column;gap:14px;overflow-y:auto}.builder__row-label.svelte-dze53v{font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--lv-fg-dim);margin-bottom:6px}.builder__row-items.svelte-dze53v{display:flex;flex-wrap:wrap;gap:3px}.btn-icon.svelte-dze53v{color:var(--lv-fg-soft)}.btn-icon[disabled].svelte-dze53v{color:var(--lv-fg-dim)}.btn-icon.svelte-dze53v:not(.is-danger):not([disabled]):hover{color:var(--lv-fg)}.btn-undo.svelte-dze53v,.btn-redo.svelte-dze53v{padding-bottom:2px}.btn-icon.btn-clear.svelte-dze53v:not([disabled]):hover{color:var(--lv-rec)}.btn-cancel.svelte-dze53v{margin-left:6px}.ext.svelte-dze53v{display:grid;gap:4px;max-width:1280px}.roots-grid.svelte-dze53v{display:grid;grid-template-columns:repeat(var(--root-cols, 12),36px);gap:3px}.ext__sub.svelte-dze53v{display:flex;align-items:center;gap:6px}.ext__sub-label.svelte-dze53v{width:28px;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lv-fg-dim);flex-shrink:0}.ext__sub-items.svelte-dze53v{display:flex;gap:3px}.pill.svelte-dze53v{min-width:32px;padding:6px 10px;background:var(--lv-panel-hi);color:var(--lv-fg);border:1px solid var(--lv-hairline-hi);border-radius:3px;font-family:var(--lv-font);font-size:11px;font-weight:600;line-height:1;cursor:pointer;text-align:center;box-shadow:inset 0 1px #ffffff0f,0 1px #0006}.pill.svelte-dze53v:hover:not(.is-on){background:var(--lv-edge)}.pill.is-on.svelte-dze53v{background:var(--accent, var(--lv-c1));color:#0a0a0a;font-weight:700;border-color:var(--accent, var(--lv-c1));box-shadow:inset 0 1px #ffffff40,0 1px #00000059}.pill.svelte-dze53v:disabled{opacity:.4;cursor:default}.pill--fixed.svelte-dze53v{width:48px;min-width:48px}.pill--null.svelte-dze53v{min-width:0;padding:6px 8px}.sequencer.svelte-1msogmd{padding:14px 14px 0}.sequencer__header.svelte-1msogmd{height:38px;padding:0 12px;box-sizing:border-box;background:var(--lv-panel-hi);border:1px solid var(--lv-hairline);border-bottom:none;border-radius:var(--lv-r-2) var(--lv-r-2) 0 0;display:flex;align-items:center;justify-content:space-between}.sequencer__hgroup.svelte-1msogmd{display:flex;align-items:center;gap:8px}.sequencer__btns.svelte-1msogmd{display:flex;gap:3px}.zoom-group.svelte-1msogmd{display:inline-flex;align-items:stretch;height:26px;background:var(--lv-panel);border:1px solid var(--lv-hairline);border-radius:8px;overflow:hidden}.zoom-group__btn.svelte-1msogmd{width:26px;background:transparent;border:none;cursor:pointer;color:var(--lv-fg-soft);font-size:14px;display:flex;align-items:center;justify-content:center}.zoom-group__btn.svelte-1msogmd:hover{background:var(--lv-panel-hi);color:var(--lv-fg)}.zoom-group__readout.svelte-1msogmd{padding:0 9px;display:inline-flex;align-items:center;border:none;border-left:1px solid var(--lv-hairline);border-right:1px solid var(--lv-hairline);background:transparent;font-family:var(--lv-mono);font-size:11px;font-weight:600;color:var(--lv-fg);cursor:pointer}.zoom-group__readout.svelte-1msogmd:hover{background:var(--lv-inset)}.btn-icon.svelte-1msogmd{color:var(--lv-fg-soft)}.btn-icon.svelte-1msogmd:not(.btn-edit){padding-bottom:2px}.btn-icon[disabled].svelte-1msogmd{color:var(--lv-fg-dim)}.btn-icon.svelte-1msogmd:not([disabled]):hover{color:var(--lv-fg)}.sequencer__ruler-wrapper.svelte-1msogmd{overflow:hidden;width:100%;background:var(--lv-inset);border:1px solid var(--lv-hairline);border-bottom:none}.sequencer__ruler.svelte-1msogmd{height:16px;position:relative;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden;padding:0 10px;box-sizing:content-box}.ruler-mark.svelte-1msogmd{position:absolute;top:0;height:100%;padding-left:4px;border-left:1px solid var(--lv-hairline);display:flex;align-items:center}.ruler-num.svelte-1msogmd{font-family:var(--lv-mono);font-size:9px;font-weight:600;color:var(--lv-fg-dim);pointer-events:none;-webkit-user-select:none;user-select:none}.ruler-num.is-playhead.svelte-1msogmd{color:var(--lv-c2)}.ruler-cursor.svelte-1msogmd{position:absolute;top:0;width:2px;height:100%;background:var(--lv-fg-soft);pointer-events:none;transform:translate(-1px);z-index:2}.ruler-playhead.svelte-1msogmd{position:absolute;top:0;width:2px;height:100%;background:var(--lv-c2);pointer-events:none;z-index:3}.sequencer__lane.svelte-1msogmd{height:10vh;height:10dvh;min-height:70px;max-height:105px;background:var(--lv-bg);border:1px solid var(--lv-hairline);overflow-x:auto;overflow-y:hidden;user-select:none;-webkit-user-select:none}.lane-inner.svelte-1msogmd{position:relative;height:100%;background-image:linear-gradient(90deg,var(--lv-hairline) 1px,transparent 1px);background-size:var(--grid-cell-width) 100%;user-select:none;-webkit-user-select:none;padding:0 10px;box-sizing:content-box}.clip.svelte-1msogmd{--tc: #0a0a0a;--key-border: rgba(0, 0, 0, .35);--key-color: rgba(0, 0, 0, .55);--bot-color: rgba(0, 0, 0, .6);--del-color: rgba(0, 0, 0, .5);--del-hover-bg: rgba(0, 0, 0, .15);--del-hover-color: rgba(0, 0, 0, .8);position:absolute;top:4px;height:calc(100% - 8px);box-sizing:border-box;padding:8px 10px;border-radius:var(--lv-r-2);border:1px solid rgba(0,0,0,.3);background:var(--c, var(--lv-panel-hi));color:var(--tc);cursor:grab;overflow:hidden;user-select:none;-webkit-user-select:none;transition:transform .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out,opacity .12s ease-out}.clip.is-chromatic.svelte-1msogmd{--tc: var(--lv-fg);--key-border: var(--lv-hairline);--key-color: var(--lv-fg-soft);--bot-color: var(--lv-fg-dim);--del-color: var(--lv-fg-dim);--del-hover-bg: var(--lv-panel-hi);--del-hover-color: var(--lv-fg);border:1px solid var(--lv-hairline)}.clip.is-rest.svelte-1msogmd{--tc: var(--lv-fg-soft)}.clip.svelte-1msogmd:not(.is-editing){cursor:grab}.clip.is-selected.svelte-1msogmd{z-index:4}.clip.is-playing.svelte-1msogmd{border-color:#fff;box-shadow:0 0 2px #fff,inset 0 0 2px #ffffff40;z-index:2}.clip.is-editing.svelte-1msogmd{border:1.5px solid #ffffff;box-shadow:0 0 2px #fff,inset 0 0 2px #ffffff40;cursor:default;z-index:4;transform:scale(1.05)}.clip.tick-0.is-editing.svelte-1msogmd{transform:scale(1.05) translate(calc(2.5% + 1px))}.clip.is-dragging.svelte-1msogmd{opacity:.95;cursor:grabbing}.clip.is-resizing.svelte-1msogmd{opacity:.95}.clip.is-dimmed.svelte-1msogmd{opacity:.4}.clip-underlay.svelte-1msogmd{position:absolute;top:4px;height:calc(100% - 8px);background:var(--lv-bg);border-radius:var(--lv-r-2);pointer-events:none;box-sizing:border-box}.clip__row-top.svelte-1msogmd{display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.clip__name.svelte-1msogmd{font-weight:700;font-size:18px;letter-spacing:-.01em;line-height:1.1;color:var(--tc);white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.clip__key.svelte-1msogmd{display:inline-flex;align-items:center;height:15px;padding:0 5px;background:transparent;border:1px solid var(--key-border);border-radius:var(--lv-r-1);font-family:var(--lv-mono);font-size:9px;font-weight:600;color:var(--key-color);white-space:nowrap;flex-shrink:0;gap:3px}.clip__row-bot.svelte-1msogmd{position:absolute;bottom:7px;left:10px;right:10px;font-family:var(--lv-mono);font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--bot-color);white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.clip__del-btn.svelte-1msogmd{display:inline-flex;align-items:center;justify-content:center;height:15px;width:15px;padding:0;background:transparent;border-radius:var(--lv-r-1);color:var(--del-color);cursor:pointer;flex-shrink:0;line-height:1}.clip__del-btn.svelte-1msogmd:hover{background:var(--del-hover-bg);color:var(--del-hover-color)}.clip.is-narrow.svelte-1msogmd .clip__name:where(.svelte-1msogmd){display:none}.clip.is-narrow.svelte-1msogmd .clip__row-bot:where(.svelte-1msogmd){display:none}.clip.is-narrow.svelte-1msogmd .clip__row-top:where(.svelte-1msogmd){justify-content:center}.resize-handle.svelte-1msogmd{position:absolute;right:0;top:0;width:8px;height:100%;cursor:col-resize;z-index:3}.resize-handle-left.svelte-1msogmd{position:absolute;left:0;top:0;width:8px;height:100%;cursor:col-resize;z-index:3}.sequencer__add.svelte-1msogmd{position:absolute;top:4px;height:calc(100% - 8px);background:transparent;border:1px dashed var(--lv-hairline-hi);border-radius:var(--lv-r-2);color:var(--lv-fg-dim);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center}.sequencer__add.svelte-1msogmd:hover{border-color:var(--lv-edge);color:var(--lv-fg-soft)}.track-cursor.svelte-1msogmd{position:absolute;top:0;width:1px;height:100%;background:var(--lv-edge);pointer-events:none;z-index:1}.track-playhead.svelte-1msogmd{position:absolute;top:0;width:2px;height:100%;background:var(--lv-c2);pointer-events:none;opacity:.8;z-index:3}.grid-menu.svelte-1msogmd{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--lv-panel-hi);border:1px solid var(--lv-hairline-hi);border-radius:var(--lv-r-2);padding:8px;z-index:999998;min-width:10rem;box-shadow:0 4px 12px #0006}.grid-menu-header.svelte-1msogmd{font-size:9px;font-weight:700;color:var(--lv-fg-dim);text-transform:uppercase;letter-spacing:.12em;padding:0 2px 6px}.grid-options.svelte-1msogmd{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}.grid-item.svelte-1msogmd{background:none;border:1px solid transparent;padding:4px 2px;border-radius:var(--lv-r-1);font-size:10px;color:var(--lv-fg-soft);cursor:pointer;text-align:center}.grid-item.svelte-1msogmd:hover{background:var(--lv-panel)}.grid-item.is-active.svelte-1msogmd{background:var(--lv-fg);color:var(--lv-bg);font-weight:700}.grid-divider.svelte-1msogmd{height:1px;background:var(--lv-hairline);margin:6px 0}.triplet-toggle.svelte-1msogmd{display:flex;align-items:center;gap:6px;padding:2px;font-size:10px;color:var(--lv-fg-soft);cursor:pointer}.triplet-toggle.svelte-1msogmd input[type=checkbox]:where(.svelte-1msogmd){-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--lv-hairline);background:var(--lv-inset);border-radius:var(--lv-r-2);cursor:pointer;position:relative;outline:none;transition:background .12s,border-color .12s}.triplet-toggle.svelte-1msogmd input[type=checkbox]:where(.svelte-1msogmd):hover{border-color:var(--lv-hairline-hi);background:var(--lv-panel)}.triplet-toggle.svelte-1msogmd input[type=checkbox]:where(.svelte-1msogmd):checked{background:var(--lv-c3);border-color:var(--lv-c3)}.triplet-toggle.svelte-1msogmd input[type=checkbox]:where(.svelte-1msogmd):checked:after{content:"";position:absolute;top:2px;left:4px;width:4px;height:7px;border:solid #000000;border-width:0 2px 2px 0;transform:rotate(45deg)}.triplet-toggle.svelte-1msogmd input[type=checkbox]:where(.svelte-1msogmd):focus{border-color:var(--lv-c3)}.sequencer__grid-btn.svelte-1msogmd{min-width:56px;padding-left:6px;padding-right:16px;justify-content:center;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%236e6e6e%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 6px center}.sequencer__grid-btn.svelte-1msogmd:hover:not(:disabled){background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%23a8a8a8%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 6px center}.clip--recording.svelte-1msogmd{display:flex;flex-direction:column;padding:6px 8px 4px;background:#781414e6;border-color:#ff505066;color:#ffd2d2f2;cursor:default;pointer-events:none;z-index:10;gap:2px}.rec-header.svelte-1msogmd{flex-shrink:0;display:flex;align-items:center;gap:5px;height:16px}.rec-dot.svelte-1msogmd{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.rec-label.svelte-1msogmd{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:currentColor;opacity:.85;white-space:nowrap}.rec-svg.svelte-1msogmd{position:absolute;left:0;right:0;bottom:0;top:28px;width:100%;height:calc(100% - 28px);display:block}.keyboard-card.svelte-1dlz8xf{height:100%;width:100%;flex:1}.kb-body.svelte-1dlz8xf{display:flex;padding:10px 14px;overflow:hidden}.kb-sizer.svelte-1dlz8xf{flex:1;min-height:0;overflow:hidden;display:flex}.keyboard-transpose.svelte-1dlz8xf{display:flex;gap:6px;align-items:center}.keyboard-transpose__label.svelte-1dlz8xf{font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--lv-fg-dim)}.sequencer__btns.svelte-1dlz8xf{display:flex;gap:3px}.piano-scroll.svelte-1dlz8xf{width:100%;overflow-x:auto;touch-action:none;cursor:grab;display:flex;flex:1;align-items:center}.piano-scroll.svelte-1dlz8xf:active{cursor:grabbing}.piano-scroll.scrollable.svelte-1dlz8xf{touch-action:pan-x}.piano-scroll.justify-center.svelte-1dlz8xf{justify-content:center}.seg-toggle__opt.short-name.svelte-1dlz8xf{display:flex;align-items:center;justify-content:center}.seg-toggle__opt.short-name.svelte-1dlz8xf svg:where(.svelte-1dlz8xf){width:12px;height:12px}.seg-toggle__opt.short-name.svelte-1dlz8xf svg:where(.svelte-1dlz8xf)+span:where(.svelte-1dlz8xf){padding-left:2px}.piano.svelte-1dlz8xf{position:relative;background:#0e0e0e;border:1px solid var(--lv-hairline);border-radius:var(--lv-r-1);flex-shrink:0}.piano__whites.svelte-1dlz8xf{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.piano__key-white.svelte-1dlz8xf{flex:1;height:100%;background:#dadada;border-right:1px solid #0e0e0e;display:flex;align-items:flex-end;justify-content:center;padding:0 0 clamp(2px,calc(var(--white-key-width) * .25),12px);cursor:pointer;user-select:none;-webkit-user-select:none}.piano__key-white.svelte-1dlz8xf:last-child{border-right:none}.piano__key-white.is-on.svelte-1dlz8xf{background:var(--lv-c1)}.piano__key-label.svelte-1dlz8xf{font-family:var(--lv-mono);font-size:10px;font-weight:700;color:#6e6e6e;pointer-events:none;line-height:1}.piano__key-white.is-on.svelte-1dlz8xf .piano__key-label:where(.svelte-1dlz8xf){color:#0a0a0a}.piano__key-label--hidden.svelte-1dlz8xf{opacity:0}.piano__key-black.svelte-1dlz8xf{position:absolute;top:0;left:calc(var(--left) * 100%);width:calc(var(--w) * 100%);height:60%;background:#1a1a1a;border-left:1px solid #0e0e0e;border-right:1px solid #0e0e0e;border-bottom:1px solid #0e0e0e;z-index:2;cursor:pointer;user-select:none;-webkit-user-select:none;display:flex;align-items:flex-end;justify-content:center;padding:0 0 clamp(2px,calc(var(--white-key-width) * .18),10px)}.piano__key-black.is-on.svelte-1dlz8xf{background:var(--lv-c1)}.piano__key-label--black.svelte-1dlz8xf{color:#0a0a0a}.topbar__brand--clickable{cursor:pointer}.is-disabled.svelte-1n46o8q{pointer-events:none}.is-disabled.svelte-1n46o8q .key-wheel__lock,.is-disabled.svelte-1n46o8q .seg-toggle__opt{pointer-events:auto}.is-disabled.svelte-1n46o8q .key-wheel__segment--inner{pointer-events:none}.is-disabled.svelte-1n46o8q .piano-scroll{pointer-events:auto}.is-disabled.svelte-1n46o8q .piano__key-white,.is-disabled.svelte-1n46o8q .piano__key-black{pointer-events:none}.is-disabled.svelte-1n46o8q .live-badge,.is-disabled.svelte-1n46o8q .builder .card__actions .btn-icon,.is-disabled.svelte-1n46o8q .keyboard-transpose .btn-mini{opacity:.35}.is-disabled.svelte-1n46o8q .builder .pill{border-color:transparent;box-shadow:none}.mobile-bottom-bar.svelte-1n46o8q{height:44px;padding:0 12px;background:var(--lv-bg);border-top:1px solid var(--lv-hairline);display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-bottom-bar.svelte-1n46o8q>:not(.transport){display:none}.mobile-bottom-bar.svelte-1n46o8q .transport{display:flex;width:100%;justify-content:space-around}.mobile-bottom-bar.svelte-1n46o8q .transport svg{height:20px;width:20px}.scrollbar-thin::-webkit-scrollbar{width:4px;height:4px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--lv-hairline-hi);border-radius:2px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--lv-bg);color:var(--lv-fg);font-family:var(--lv-font);display:flex;flex-direction:column}#app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0}.header-bar{height:44px;padding:0 12px;background:var(--lv-bg);border-bottom:1px solid var(--lv-hairline);display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar__brand{display:flex;align-items:center;gap:0px;margin-right:6px}.topbar__logo{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.topbar__title{font-weight:700;font-size:14px;letter-spacing:-.01em}.topbar__divider{width:1px;height:22px;background:var(--lv-hairline);flex-shrink:0}.topbar__spacer{flex:1}.top-bar{padding:0}.main-content{display:grid;grid-template-rows:1fr calc(12dvh + 38px);gap:14px;padding:14px;flex:1;min-height:0;overflow:hidden}.main-panels{container-type:size;display:flex;min-height:0}.main-panels__grid{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);grid-template-rows:1fr;gap:14px;flex:1;min-height:0}@container (aspect-ratio < 2.5){.main-panels__grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.compact-height .main-panels__grid{grid-template-rows:64fr 36fr}}.panel-analysis,.panel-builder{min-width:0;overflow:hidden}.panel-keyboard{min-width:0;overflow:hidden;place-self:stretch center}.card{background:var(--lv-panel);border:1px solid var(--lv-hairline);border-radius:var(--lv-r-2);display:flex;flex-direction:column}.card__header{height:38px;padding:0 12px;box-sizing:border-box;background:var(--lv-panel-hi);border-bottom:1px solid var(--lv-hairline);display:flex;align-items:center;gap:2px;flex-shrink:0;border-radius:var(--lv-r-2) var(--lv-r-2) 0 0}.card__title{display:flex;align-items:center;gap:8px}.card__center{flex:1;display:flex;justify-content:center;gap:6px;align-items:center}.card__actions{display:flex;gap:6px;align-items:center;margin-left:auto}.card__body{padding:14px;flex:1;min-height:0}.caption{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lv-fg-dim)}.caption--soft{color:var(--lv-fg-soft)}.divider-v{width:1px;align-self:stretch;background:var(--lv-hairline)}.btn-mini{height:22px;padding:0 8px;background:var(--lv-panel);color:var(--lv-fg);border:1px solid var(--lv-hairline);border-radius:var(--lv-r-2);font-family:var(--lv-font);font-size:11px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-mini.is-active{background:var(--lv-fg);color:var(--lv-bg)}.btn-mini.is-danger{color:var(--lv-rec);border-color:var(--lv-rec)}.btn-mini:hover:not(:disabled){background:var(--lv-panel-hi)}.btn-mini.is-active:hover:not(:disabled){background:#d0d0d0}.btn-mini:disabled{opacity:.4;cursor:default}.btn-mini .live-dot{width:5px;height:5px;border-radius:50%;background:var(--lv-fg-dim);flex-shrink:0;transition:background-color .15s,box-shadow .15s}.btn-mini.live-active{color:var(--lv-c2);border-color:color-mix(in srgb,var(--lv-c2) 35%,transparent);font-weight:600;transition:border-color .15s,color .15s}.btn-mini.live-active .live-dot{background:var(--lv-c2);box-shadow:0 0 5px var(--lv-c2)}.btn-mini:not(.live-active):hover .live-dot{background:color-mix(in srgb,var(--lv-c2) 75%,transparent)}.btn-icon{width:28px;height:28px;background:inherit;color:var(--lv-fg);border:none;border-radius:var(--lv-r-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.btn-icon.is-active{background:var(--lv-fg);color:var(--lv-bg)}.btn-icon.is-danger{color:var(--lv-rec);border-color:var(--lv-rec)}.btn-icon:disabled{opacity:.4;cursor:default}.select{height:26px;padding:0 20px 0 8px;background:var(--lv-panel);color:var(--lv-fg);border:1px solid var(--lv-hairline);border-radius:var(--lv-r-2);font-family:var(--lv-font);font-size:11px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%236e6e6e%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px center}.select:hover{background-color:var(--lv-panel-hi);background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%23a8a8a8%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E)}.select--bold{font-weight:700}.select--key{color:var(--lv-c3);width:48px}.select-wrapper{position:relative;height:26px;background:var(--lv-panel);border:1px solid var(--lv-hairline);border-radius:var(--lv-r-2);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%236e6e6e%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 6px center;cursor:pointer}.select-wrapper:hover{background-color:var(--lv-panel-hi);background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%224%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%23a8a8a8%22%20d%3D%22M0%2C0%20L6%2C0%20L3%2C4%20Z%22%2F%3E%3C%2Fsvg%3E)}.select-display{font-family:var(--lv-font);font-size:11px;font-weight:700;pointer-events:none;padding-right:6px;-webkit-user-select:none;user-select:none}.select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;border:none;background:var(--lv-panel);color:var(--lv-fg);font-family:var(--lv-font);font-size:11px;font-weight:500}.topbar__key-pair{display:inline-flex;gap:0}.topbar__key-pair .select-wrapper:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.topbar__key-pair .select:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.seg-toggle{display:inline-flex;background:var(--lv-inset);border:1px solid var(--lv-hairline);border-radius:var(--lv-r-2);padding:1px}.seg-toggle__opt{padding:2px 8px;font-family:var(--lv-font);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lv-fg-soft);cursor:pointer;border-radius:var(--lv-r-1);border:none;background:transparent}.seg-toggle__opt.is-on{background:var(--lv-fg);color:var(--lv-bg);font-weight:700}.led{width:5px;height:5px;border-radius:50%;background:var(--lv-c2);box-shadow:0 0 5px var(--lv-c2)}#notification{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#0000008c;color:var(--lv-fg);border:1px solid var(--lv-hairline-hi);border-radius:var(--lv-r-2);padding:.5rem 1rem;font-family:var(--lv-mono);font-size:11px;letter-spacing:.1em;z-index:1000000;transition:opacity .1s ease-out}#notification.inactive{opacity:0;pointer-events:none}.header-bar .volume--slider{display:flex}.header-bar .volume-knob-only{display:none}.header-bar .select--instrument,.header-bar .select--play-style,.header-bar .select--time-sig{display:inline-flex}.header-bar .topbar__key-pair,.header-bar .bpm,.header-bar .transport{display:flex}@media(min-width:801px){.config-dropdown .dropdown-instrument,.config-dropdown .dropdown-playstyle,.config-dropdown .dropdown-sig{display:none}}@media(max-width:800px){.header-bar .select--instrument,.header-bar .select--play-style,.header-bar .select--time-sig{display:none}}@media(max-width:600px){.header-bar .volume--slider{display:none}.header-bar .volume-knob-only{display:flex}.sequencer__hgroup>.btn-mini{display:none}.grid-menu{left:auto!important;right:0;transform:none!important}}@media(min-width:531px){.mobile-bottom-bar{display:none!important}}@media(max-width:530px){.header-bar .transport{display:none}.header-bar .topbar__divider~.topbar__divider{display:none}.sequencer__hgroup .topbar__divider,.sequencer__hgroup .btn-edit{display:none}}@media(max-width:400px){.bpm__unit{display:none}}.main-content.compact-height{grid-template-rows:1fr}.panel-stack{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.panel-stack .stack-slot>.card{border:none;border-radius:0}.panel-stack-track{display:flex;flex-direction:row;width:200%;flex:1;min-height:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform .3s ease}.panel-stack-track.is-dragging{transition:none}.stack-slot{width:50%;min-height:0;display:flex;flex-direction:column}.stack-slot>.card{flex:1;min-height:0}.panel-stack-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:5px;pointer-events:none;z-index:1}.panel-stack-dot{width:5px;height:5px;border-radius:50%;background:var(--lv-hairline-hi);transition:background .2s,transform .2s}.panel-stack-dot.is-active{background:var(--lv-fg-soft);transform:scale(1.3)}[data-theme=dark]{color-scheme:dark;--lv-font: "Inter", "Manrope", system-ui, sans-serif;--lv-mono: "JetBrains Mono", "Reddit Mono", monospace;--lv-panel-hi: #2e2e2e;--lv-panel: #262626;--lv-bg: #1c1c1c;--lv-inset: #161616;--lv-hairline: #3a3a3a;--lv-hairline-hi: #4a4a4a;--lv-edge: #525252;--lv-fg: #e8e8e8;--lv-fg-soft: #a8a8a8;--lv-fg-dim: #6e6e6e;--lv-c1: #ff5577;--lv-c2: #b4e23a;--lv-c3: #5cd5e1;--lv-c4: #ff9554;--lv-c5: #a890ff;--lv-c6: #ffdd44;--lv-c7: #5299ff;--lv-rec: #ff3344;--lv-r-1: 1px;--lv-r-2: 2px}@media(not (max-aspect-ratio:1/1))and (max-height:480px)and (min-width: calc(26rem + 24px)){[data-theme=dark] .config-dropdown{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:12px;width:26rem}[data-theme=dark] .config-dropdown__col{gap:8px}[data-theme=dark] .config-dropdown__col+.config-dropdown__col{margin-top:0!important;padding-top:0!important;border-top:none!important}}[data-theme=dark] .topbar__logo svg #c{fill:var(--lv-c2)}[data-theme=dark] .topbar__logo svg #colon{fill:var(--lv-c4)}[data-theme=dark] .topbar__logo svg #slash{fill:var(--lv-c1)}[data-theme=light]{color-scheme:light;--lv-font: "Inter", "Manrope", system-ui, sans-serif;--lv-mono: "JetBrains Mono", "Reddit Mono", monospace;--lv-panel-hi: #ffffff;--lv-panel: #f0ece4;--lv-bg: #f8f5f0;--lv-inset: #faf8f4;--lv-hairline: #e5ddd0;--lv-hairline-hi: #d0c8b8;--lv-edge: #b8b0a0;--lv-fg: #1c1a18;--lv-fg-soft: #6b6560;--lv-fg-dim: #a09888;--lv-c1: #c84b31;--lv-c2: #d4a373;--lv-c3: #4a7a60;--lv-c4: #c8a060;--lv-c5: #8a7060;--lv-c6: #b09830;--lv-c7: #6a7a8a;--lv-rec: #c84b31;--lv-r-1: 4px;--lv-r-2: 12px;--shadow-sm: 0 1px 3px rgba(28, 26, 24, .04);--shadow-md: 0 4px 16px rgba(28, 26, 24, .06);--shadow-lg: 0 8px 24px rgba(28, 26, 24, .08);--lv-piano-bg: #e5ddd0;--lv-white-key: #ffffff;--lv-black-key: #2c2a28}[data-theme=light] body{background:var(--lv-bg);color:var(--lv-fg)}[data-theme=light] .header-bar{height:48px;padding:0 16px;background:var(--lv-bg);border-bottom-color:var(--lv-hairline);gap:12px}[data-theme=light] .topbar__logo,[data-theme=light] .topbar__logo svg{width:24px;height:24px}[data-theme=light] .topbar__logo svg{transform:translateY(-1px)}[data-theme=light] .topbar__logo svg #bg{fill:var(--lv-panel)}[data-theme=light] .topbar__logo svg #c{fill:var(--lv-c3)}[data-theme=light] .topbar__logo svg #colon{fill:var(--lv-c2)}[data-theme=light] .topbar__logo svg #slash{fill:var(--lv-c1)}[data-theme=light] .topbar__title{font-weight:800;font-size:15px;letter-spacing:-.02em}[data-theme=light] .topbar__divider{background:var(--lv-hairline);height:22px}[data-theme=light] .transport .btn-icon{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--lv-fg-soft)}[data-theme=light] .transport .btn-icon.play-active{color:var(--lv-c3)}[data-theme=light] .transport .btn-icon.recording,[data-theme=light] .transport .btn-icon:last-child:hover{color:var(--lv-rec)}[data-theme=light] .transport .btn-icon.stop-active{color:var(--lv-fg-soft)}[data-theme=light] .transport .btn-icon.repeat-active{color:var(--lv-c2)}[data-theme=light] .transport .btn-icon.pause-active,[data-theme=light] .btn-icon.config-active{color:var(--lv-c6)}[data-theme=light] .btn-icon.btn-option{border:1px solid var(--lv-hairline);background:var(--lv-panel)}[data-theme=light] .btn-icon.btn-option:hover{background:var(--lv-panel-hi)}[data-theme=light] .volume{gap:8px;height:28px}[data-theme=light] .volume__icon{color:var(--lv-fg-soft)}[data-theme=light] .volume__icon:hover{color:var(--lv-c5)}[data-theme=light] .volume__bar{width:60px;height:3px;background:var(--lv-hairline);border-radius:2px}[data-theme=light] .volume__fill{background:var(--lv-c2);border-radius:2px}[data-theme=light] .bpm{display:flex;align-items:center;gap:6px;padding:0;background:transparent;border:none;height:auto}[data-theme=light] .bpm__input{width:auto;font-size:20px;font-weight:800;letter-spacing:-.03em;min-width:2em;color:var(--lv-fg);text-align:center}[data-theme=light] .bpm__unit{font-size:11px;font-weight:500;color:var(--lv-fg-dim);text-transform:lowercase;letter-spacing:.06em}[data-theme=light] .select,[data-theme=light] .select-wrapper{border-radius:8px;background-color:var(--lv-panel);border-color:var(--lv-hairline);font-size:12px;font-weight:500}[data-theme=light] .select:hover,[data-theme=light] .select-wrapper:hover{background-color:var(--lv-panel-hi);border-color:var(--lv-hairline-hi)}[data-theme=light] .select--key{color:var(--lv-c1)!important}[data-theme=light] .select-display{font-size:12px}[data-theme=light] .select-native{background-color:var(--lv-panel);color:var(--lv-fg)}[data-theme=light] .card{background:var(--lv-panel-hi);border:1px solid var(--lv-hairline);border-radius:16px;box-shadow:var(--shadow-sm)}[data-theme=light] .card__header{background:transparent;border-bottom:none;border-radius:16px 16px 0 0}[data-theme=light] .card__body{background:transparent}[data-theme=light] .caption{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--lv-fg-dim)}[data-theme=light] .btn-mini{height:26px;padding:0 10px;border-radius:8px;background:var(--lv-panel);border:1px solid var(--lv-hairline);font-size:11px;font-weight:500;color:var(--lv-fg-soft)}[data-theme=light] .btn-mini:hover:not(:disabled){background:var(--lv-panel-hi);border-color:var(--lv-hairline-hi);color:var(--lv-fg)}[data-theme=light] .btn-mini.is-active{font-weight:600}[data-theme=light] .btn-mini.is-danger{color:var(--lv-rec);border-color:var(--lv-rec)}[data-theme=light] .btn-icon{border-radius:8px;color:var(--lv-fg-soft)}[data-theme=light] .btn-icon:hover:not(:disabled){background:#c84b310f}[data-theme=light] .btn-icon.is-active{color:var(--lv-c2)}[data-theme=light] .btn-icon.is-danger{color:var(--lv-rec)}[data-theme=light] .seg-toggle{border-radius:10px;background:var(--lv-inset);border:1px solid var(--lv-hairline);padding:2px}[data-theme=light] .seg-toggle__opt{border-radius:6px;padding:3px 10px;font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--lv-fg-soft)}[data-theme=light] .seg-toggle__opt.is-on{background:var(--lv-panel-hi);color:var(--lv-fg);box-shadow:var(--shadow-sm);font-weight:700}[data-theme=light] .btn-mini.live-active{color:var(--lv-c1);border-color:var(--lv-c1);font-weight:600}[data-theme=light] .live-text{font-family:var(--lv-font);color:var(--lv-fg-soft)}[data-theme=light] .btn-mini.live-active .live-dot{background:var(--lv-c1);box-shadow:0 0 6px #c84b3159}[data-theme=light] .btn-mini.live-active .live-text{color:var(--lv-c1)}[data-theme=light] .btn-mini .live-dot{width:6px;height:6px;border-radius:50%;background:var(--lv-fg-dim);display:inline-block;flex-shrink:0}[data-theme=light] .chord-card{padding:0;background:transparent;border:none;border-left:none!important;border-radius:0;box-shadow:none}[data-theme=light] .chord-card__row{min-height:auto;gap:12px;align-items:flex-start;flex-direction:column}[data-theme=light] .chord-card__name{font-family:"Instrument Serif",Georgia,Times New Roman,serif;font-style:italic;font-weight:400;font-size:clamp(22px,10cqi,36px);letter-spacing:0;line-height:1.2;color:var(--lv-fg);padding-left:4px}[data-theme=light] .chord-card__notes{margin-top:6px;font-size:13px;color:var(--lv-fg-soft);letter-spacing:.04em}[data-theme=light] .chord-card__tags{padding-top:6px}[data-theme=light] .tag{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.04em;height:18px}[data-theme=light] .tag--degree{background:var(--lv-c1);color:#fff}[data-theme=light] .tag--function{background:var(--lv-c4);color:#fff}[data-theme=light] .tag--diatonic{background:var(--lv-panel);color:var(--lv-fg-soft);border:1px solid var(--lv-hairline)}[data-theme=light] .meters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--lv-hairline)}[data-theme=light] .meter{padding:8px 10px;background:transparent;border:none;border-radius:0}[data-theme=light] .meter__row{display:flex;flex-direction:column;gap:2px;align-items:flex-start}[data-theme=light] .meter__label{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--lv-fg-dim)}[data-theme=light] .meter__value{font-size:14px;font-weight:700;color:var(--c, var(--lv-fg))}[data-theme=light] .meter__bar{margin-top:4px;height:3px;background:var(--lv-hairline);border-radius:2px}[data-theme=light] .meter__fill{height:100%;border-radius:2px}[data-theme=light] .key-wheel{background:var(--lv-panel-hi);border-color:var(--lv-hairline);box-shadow:var(--shadow-sm)}[data-theme=light] .key-wheel__segment{stroke:var(--lv-bg)}[data-theme=light] .key-wheel__segment--outer{fill:var(--lv-panel-hi)}[data-theme=light] .key-wheel__segment--inner{fill:transparent}[data-theme=light] .key-wheel__segment.is-hi{fill:var(--lv-c3)}[data-theme=light] .key-wheel__segment:hover{filter:brightness(.98)}[data-theme=light] .key-wheel__outer-label{fill:var(--lv-fg)}[data-theme=light] .key-wheel__outer-label.is-hi{font-size:14px;fill:#fff}[data-theme=light] .key-wheel__segment--inner{stroke:transparent}[data-theme=light] .key-wheel__inner-label{fill:var(--lv-fg-dim)}[data-theme=light] .key-wheel__inner-label.is-hi,[data-theme=light] .key-wheel__inner-label.is-hovered{fill:var(--lv-fg)}[data-theme=light] .key-wheel__lock{background:var(--lv-panel-hi);border-color:var(--lv-hairline);box-shadow:var(--shadow-sm)}[data-theme=light] .key-wheel__lock:hover{background:var(--lv-inset);color:var(--lv-fg)}[data-theme=light] .builder.is-editing{background:color-mix(in srgb,var(--edit-color) 3%,var(--lv-panel-hi))}[data-theme=light] .builder.is-editing .card__header{background:transparent;border-bottom:none}[data-theme=light] .builder.is-editing .caption{color:var(--edit-color)}[data-theme=light] .builder.is-editing .btn-mini.is-active{border-color:var(--edit-color)}[data-theme=light] .builder.is-editing .btn-mini.is-active:hover{background:color-mix(in srgb,var(--edit-color) 20%,var(--lv-panel-hi))}[data-theme=light] .builder__row-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--lv-fg-dim);margin-bottom:6px}[data-theme=light] .pill{padding:5px 12px;min-width:28px;border-radius:8px;background:var(--lv-inset);border:1px solid var(--lv-hairline);box-shadow:none;font-size:12px;font-weight:500;color:var(--lv-fg-soft)}[data-theme=light] .pill:hover:not(.is-on){background:var(--lv-panel);border-color:var(--lv-hairline-hi);color:var(--lv-fg)}[data-theme=light] .builder__body>div:nth-child(1) .pill.is-on,[data-theme=light] .builder__body>div:nth-child(3) .pill.is-on,[data-theme=light] .builder__body>div:nth-child(4) .pill.is-on{background:#c84b3114;border-color:var(--lv-c1);color:var(--lv-c1);font-weight:600;box-shadow:none}[data-theme=light] .builder__body>div:nth-child(2) .pill.is-on{background:#c84b3114;border-color:var(--lv-c1);color:var(--lv-c1);font-weight:600;box-shadow:none}[data-theme=light] .ext__sub-label{font-size:10px;font-weight:700;color:var(--lv-fg-dim);letter-spacing:.08em}[data-theme=light] .btn-icon.btn-clear:not([disabled]):hover{color:var(--lv-rec)}[data-theme=light] .sequencer{padding:0 16px 16px;margin:14px 14px 0;background:var(--lv-panel-hi);border:1px solid var(--lv-hairline);border-radius:16px;box-shadow:var(--shadow-sm)}[data-theme=light] .sequencer__header{height:auto;min-height:42px;background:transparent;border:none;border-radius:0;padding:0;margin-bottom:2px}[data-theme=light] .sequencer__btns .btn-icon{padding-bottom:2px}[data-theme=light] .sequencer__ruler-wrapper{background:var(--lv-inset);border:1px solid var(--lv-hairline);border-bottom:none;border-radius:10px 10px 0 0}[data-theme=light] .sequencer__ruler{height:18px;padding:0 10px}[data-theme=light] .ruler-mark{padding-left:4px;border-left-color:var(--lv-hairline)}[data-theme=light] .ruler-num{font-size:10px;font-weight:600;color:var(--lv-fg-dim)}[data-theme=light] .ruler-num.is-playhead{color:var(--lv-c1)}[data-theme=light] .ruler-cursor{background:var(--lv-edge)}[data-theme=light] .ruler-playhead{background:var(--lv-c1)}[data-theme=light] .sequencer__lane{background:var(--lv-inset);border:1px solid var(--lv-hairline);border-radius:0 0 10px 10px}[data-theme=light] .lane-inner{background-image:linear-gradient(90deg,color-mix(in srgb,var(--lv-hairline) 50%,transparent) 1px,transparent 1px)}[data-theme=light] .clip{--clip-bg: color-mix(in srgb, var(--c) 50%, var(--lv-panel-hi));--tc: oklch(from var(--clip-bg) .32 calc(c*1.7) h);--bot-color: color-mix(in oklab, var(--tc) 60%, var(--clip-bg));--key-color: color-mix(in oklab, var(--tc) 50%, var(--clip-bg));--key-border: transparent;--del-color: color-mix(in oklab, var(--clip-bg) 40%, #1a1612);--del-hover-bg: color-mix(in srgb, #1a1612 10%, transparent) !important;--del-hover-color: color-mix(in srgb, var(--clip-bg) 10%, #1a1612);padding:6px 10px;border-radius:6px;border:none;border-left:1px solid var(--lv-bg);border-right:1px solid var(--lv-bg);box-shadow:none;color:var(--tc);background:var(--clip-bg)}[data-theme=light] .clip:hover{transform:none;box-shadow:var(--shadow-sm)}[data-theme=light] .clip.is-playing{border:1.5px solid color-mix(in srgb,var(--tc) 40%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 40%,transparent);z-index:3}[data-theme=light] .clip.is-editing{border:none;box-shadow:0 0 2px 1px color-mix(in srgb,var(--tc) 60%,transparent);transform:scale(1.02)}[data-theme=light] .clip.tick-0.is-editing{transform:scale(1.02) translate(calc(1% + 1px))}[data-theme=light] .clip.is-chromatic{--clip-bg: var(--lv-panel);--tc: var(--lv-fg-soft);--key-color: var(--lv-fg-soft);--bot-color: var(--lv-fg-dim);--del-color: var(--lv-fg-dim);border:1px solid var(--lv-hairline)}[data-theme=light] .clip-underlay{top:6px;height:calc(100% - 12px);border-radius:6px}[data-theme=light] .clip__name{font-family:Newsreader,Georgia,Times New Roman,serif;font-size:20px;font-weight:500;line-height:1.1;letter-spacing:-.01em}[data-theme=light] .clip__key{height:14px;padding:0 4px;background:#ffffff29;border:none;border-radius:4px;font-size:8px;font-weight:600;color:var(--key-color)}[data-theme=light] .is-chromatic .clip__key{background:#0000000f}[data-theme=light] .clip__row-bot{bottom:5px;left:10px;right:10px;font-size:9px;font-weight:600;color:var(--bot-color)}[data-theme=light] .clip__del-btn{height:14px;width:14px;color:var(--del-color)}[data-theme=light] .clip__del-btn:hover{background:var(--del-hover-bg);color:var(--del-hover-color)}[data-theme=light] .add-clip{top:6px;height:calc(100% - 12px);border-style:dashed;border-radius:6px;border-color:var(--lv-hairline-hi);color:var(--lv-fg-dim);font-size:10px}[data-theme=light] .add-clip:hover{border-color:var(--lv-edge);color:var(--lv-fg-soft)}[data-theme=light] .track-cursor{background:var(--lv-edge)}[data-theme=light] .track-playhead{background:var(--lv-c1);opacity:.8}[data-theme=light] .clip--recording{background:#c84b311f;border-color:#c84b3159;color:#b02020}[data-theme=light] .rec-dot{background:currentColor}[data-theme=light] .rec-label{color:currentColor}[data-theme=light] .grid-menu{background:var(--lv-panel-hi);border:1px solid var(--lv-hairline-hi);border-radius:10px;box-shadow:0 1px 2px #5037140d,0 10px 28px #5037141a;padding:8px}[data-theme=light] .grid-menu-header{font-size:9px;font-weight:700;color:var(--lv-fg-dim);letter-spacing:.08em}[data-theme=light] .grid-item{font-size:11px;color:var(--lv-fg-soft)}[data-theme=light] .grid-item:hover{background:var(--lv-inset);color:var(--lv-fg)}[data-theme=light] .grid-item.is-active{background:#2c2a28;color:#fff;font-weight:600}[data-theme=light] .grid-divider{background:var(--lv-hairline)}[data-theme=light] .triplet-toggle{font-size:11px;color:var(--lv-fg-soft)}[data-theme=light] .triplet-toggle input[type=checkbox]{width:14px;height:14px;border-color:var(--lv-hairline);background:var(--lv-inset);border-radius:4px}[data-theme=light] .triplet-toggle input[type=checkbox]:hover{border-color:var(--lv-hairline-hi);background:var(--lv-panel)}[data-theme=light] .triplet-toggle input[type=checkbox]:checked{background:var(--lv-c1);border-color:var(--lv-c1)}[data-theme=light] .triplet-toggle input[type=checkbox]:checked:after{border-color:#fff}[data-theme=light] .sequencer__grid-btn{justify-content:center;padding:0 8px 0 0!important;background-position:right 8px center,bottom left!important;background-repeat:no-repeat,no-repeat!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4'%3E%3Cpath fill='%23909888' d='M0,0 L6,0 L3,4 Z'/%3E%3C/svg%3E")}[data-theme=light] .sequencer__grid-btn:hover:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4'%3E%3Cpath fill='%236b6560' d='M0,0 L6,0 L3,4 Z'/%3E%3C/svg%3E")}[data-theme=light] .keyboard-card .card__body{padding-top:2px}[data-theme=light] .keyboard-card .piano-scroll{box-shadow:0 0 0 1px var(--lv-hairline)}[data-theme=light] .keyboard-transpose__label{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--lv-fg-dim)}[data-theme=light] .keyboard-transpose .btn-mini{height:22px;padding:0 8px}[data-theme=light] .piano{background:var(--lv-piano-bg);border-color:var(--lv-hairline);border-radius:0}[data-theme=light] .piano__key-white{background:var(--lv-white-key);border-right-color:var(--lv-piano-bg)}[data-theme=light] .piano__key-white:last-child{border-right:none}[data-theme=light] .piano__key-white.is-on{background:color-mix(in oklab,var(--lv-c1) 70%,var(--lv-white-key))}[data-theme=light] .piano__key-label{font-size:10px;font-weight:600;color:var(--lv-fg-dim)}[data-theme=light] .piano__key-white.is-on .piano__key-label{color:#fff}[data-theme=light] .piano__key-black{background:var(--lv-black-key);border-color:var(--lv-piano-bg)}[data-theme=light] .piano__key-black.is-on{background:color-mix(in oklab,var(--lv-c1) 90%,var(--lv-black-key))}[data-theme=light] .piano__key-label--black{color:#fff}[data-theme=light] #notification{background:#fffffff5;color:var(--lv-fg);border-color:var(--lv-hairline-hi);box-shadow:var(--shadow-md);font-size:11px}[data-theme=light] .config-dropdown{background:var(--lv-panel-hi);border:1px solid var(--lv-hairline-hi);border-radius:10px;box-shadow:0 1px 2px #5037140d,0 10px 28px #5037141a;backdrop-filter:none;-webkit-backdrop-filter:none;padding:8px}[data-theme=light] .config-dropdown__col{min-width:13.5rem}[data-theme=light] .config-dropdown__col+.config-dropdown__col,[data-theme=light] .config-dropdown__section+.config-dropdown__section{border-top-color:var(--lv-hairline)}[data-theme=light] .config-dropdown__header{font-size:9px;font-weight:700;color:var(--lv-fg-dim);letter-spacing:.08em}[data-theme=light] .config-dropdown__row{color:var(--lv-fg-soft);border-radius:8px}[data-theme=light] .config-dropdown__key{color:var(--lv-fg-soft);font-size:12px;font-weight:500}[data-theme=light] .config-dropdown__key--danger{color:var(--lv-rec)}[data-theme=light] .config-dropdown__select{background-color:var(--lv-inset);border-color:var(--lv-hairline);color:var(--lv-fg);border-radius:8px;font-size:12px;font-weight:500}[data-theme=light] .config-dropdown__select:hover{background-color:var(--lv-panel);border-color:var(--lv-hairline-hi);color:var(--lv-fg)}[data-theme=light] .config-dropdown__select option{background-color:var(--lv-panel);color:var(--lv-fg)}[data-theme=light] .config-dropdown__row--clickable:hover{background:var(--lv-inset);color:var(--lv-fg)}[data-theme=light] .config-dropdown__row--clickable:hover .config-dropdown__key{color:var(--lv-fg)}[data-theme=light] .config-dropdown__row--danger,[data-theme=light] .config-dropdown__row--danger .config-dropdown__key{color:var(--lv-rec)}[data-theme=light] .config-dropdown__row--danger:hover{background:color-mix(in oklab,var(--lv-c1) 6%,transparent);color:var(--lv-c1)}[data-theme=light] .config-dropdown__row--danger:hover .config-dropdown__key{color:var(--lv-c1)}[data-theme=light] .config-dropdown__checkbox{border-color:var(--lv-hairline);background:var(--lv-inset);border-radius:4px}[data-theme=light] .config-dropdown__checkbox:hover{border-color:var(--lv-hairline-hi);background:var(--lv-panel)}[data-theme=light] .config-dropdown__checkbox:checked{background:var(--lv-c1);border-color:var(--lv-c1)}[data-theme=light] .config-dropdown__checkbox:checked:after{border-color:#fff}[data-theme=light] .config-dropdown__checkbox:focus{border-color:var(--lv-c1)}[data-theme=light] .mobile-bottom-bar{background:var(--lv-bg);border-top-color:var(--lv-hairline)}[data-theme=light] .is-disabled .builder .card__actions .btn-icon,[data-theme=light] .is-disabled .keyboard-transpose .btn-mini{opacity:.35}[data-theme=light] .is-disabled .builder .pill{border-color:transparent;box-shadow:none}@media(not (max-aspect-ratio:1/1))and (max-height:480px)and (min-width: calc(30rem + 32px)){[data-theme=light] .config-dropdown{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:12px;width:30rem}[data-theme=light] .config-dropdown__col{gap:8px}[data-theme=light] .config-dropdown__col+.config-dropdown__col{margin-top:0!important;padding-top:0!important;border-top:none!important}}[data-theme=light] .about-card{background:color-mix(in srgb,var(--lv-panel-hi) 80%,transparent);box-shadow:0 24px 64px #1c1a181f}[data-theme=light] .about-logo #bg{fill:var(--lv-panel)}[data-theme=light] .about-backdrop{background:#1c1a1859}