:root{--ui-safe-area-inset-top: env(safe-area-inset-top, 0px);--ui-safe-area-inset-right: env(safe-area-inset-right, 0px);--ui-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--ui-safe-area-inset-left: env(safe-area-inset-left, 0px)}ui-overlay{display:contents}.ui-overlay-surface{box-sizing:border-box;position:fixed;margin:0;min-width:0;min-height:0;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid rgb(var(--line));border-radius:1rem;color:rgb(var(--text));background:linear-gradient(150deg,rgb(var(--surface-raised)),rgb(var(--surface)));box-shadow:0 18px 44px #00000059;-webkit-overflow-scrolling:touch}.ui-overlay-surface[data-awaiting-position]{visibility:hidden}.ui-overlay-surface:popover-open{display:block}.ui-overlay-surface[popover]{width:18rem;max-width:18rem}ui-overlay[data-kind=track-menu]>.ui-overlay-surface[popover]{width:13rem}.track-menu{display:flex;flex-direction:column;gap:2px;padding:.375rem}.track-menu-item{display:flex;align-items:center;gap:.75rem;min-height:40px;padding-inline:.75rem;border-radius:8px;background:transparent;color:var(--control-text);font-size:.875rem;font-weight:500;text-align:left}.track-menu-item svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.track-menu-item:is(:hover,:focus-visible):not(:disabled){background:var(--control-surface-raised);outline:none}.track-menu-item:disabled{opacity:.35;cursor:default}.track-menu-separator{height:1px;margin:.25rem .5rem;background:var(--control-border)}.ui-overlay-surface::backdrop{background:#0000007f}ui-overlay[data-presentation=drawer]>.ui-overlay-surface::backdrop{background:transparent}.ui-overlay-surface[data-mobile-edge],.ui-overlay-surface[data-viewport-edge]{border-right:0;border-bottom:0;border-left:0;border-radius:1rem 1rem 0 0}.ui-overlay-surface[data-mobile-edge]:before,.ui-overlay-surface[data-viewport-edge]:before{content:"";display:block;flex:none;width:2.5rem;height:.25rem;margin:.5rem auto;border-radius:999px;background:rgb(var(--text-muted) / .7)}.ui-overlay-surface:has(>.ui-modal-panel){display:flex;flex-direction:column;overflow:hidden}.ui-modal-panel{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;min-height:0;overflow:hidden;border:0;border-radius:0;color:inherit;background:transparent;box-shadow:none}.ui-modal-panel.hidden{display:none}.ui-modal-header,.ui-modal-body,.ui-modal-footer{min-width:0;padding:.875rem 1.25rem}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;flex:none;gap:.75rem;min-height:3.5rem;padding-block:.5rem;padding-right:.5rem;border-bottom:1px solid var(--overlay-separator)}.ui-modal-header h2,.ui-modal-title,.song-actions-heading{min-width:0;overflow-wrap:anywhere;color:inherit;font-size:1.0625rem;font-weight:650;letter-spacing:normal;text-transform:none}.ui-modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ui-modal-footer{display:flex;flex:none;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--overlay-separator)}.ui-modal-footer--without-body{border-top:0}.ui-modal-close-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:999px;color:var(--control-text, #bfc1c8);background:transparent;line-height:1;-webkit-tap-highlight-color:transparent}.ui-modal-close-btn>svg{width:1.125rem;height:1.125rem}.ui-modal-close-btn:active{background:#ffffff14}@media (hover: hover) and (pointer: fine){.ui-modal-close-btn:hover{background:#ffffff0f}}.ui-overlay-surface :is(button,input,select):focus-visible{outline:2px solid rgb(var(--accent));outline-offset:-2px}.ui-overlay-surface :is(button,select,input:not([type=range],[type=checkbox])){min-height:44px}.portrait-tempo-picker>:not(.ui-modal-header){margin-inline:1rem}.portrait-tempo-picker .tempo-picker-wheel{margin-top:1rem;min-height:min(240px,42dvh)}.portrait-tempo-picker .tempo-picker-hint{margin-bottom:1rem}:root{--overlay-ease-out: cubic-bezier(.22, 1, .36, 1)}.ui-overlay-dialog,.ui-overlay-sheet{background:var(--overlay-surface);border-color:var(--overlay-separator);box-shadow:0 24px 64px #00000073;transition:opacity .18s ease-out,scale .22s var(--overlay-ease-out)}@starting-style{.ui-overlay-dialog[open],.ui-overlay-sheet[open]{opacity:0;scale:.96}}.ui-overlay-surface:is(dialog)::backdrop{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .2s ease-out}@starting-style{.ui-overlay-surface:is(dialog)[open]::backdrop{opacity:0}}ui-overlay[data-presentation=anchored]>.ui-overlay-surface{background:var(--overlay-surface);border-color:var(--overlay-separator);box-shadow:0 16px 40px #0006;transform-origin:top right;transition:opacity .14s ease-out,scale .18s var(--overlay-ease-out)}@starting-style{ui-overlay[data-presentation=anchored]>.ui-overlay-surface:popover-open{opacity:0;scale:.95}}.ui-sheet-dialog{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;color:rgb(var(--text));background:transparent;translate:0 100vh;transition:translate .18s var(--overlay-ease-out),overlay .18s allow-discrete,display .18s allow-discrete}.ui-sheet-dialog:not([open]){display:none}.ui-sheet-dialog[open]{translate:0 0}@starting-style{.ui-sheet-dialog[open]{translate:0 100vh}}.ui-sheet-dialog::backdrop{background:var(--overlay-backdrop);transition:opacity .18s ease-out,overlay .18s allow-discrete,display .18s allow-discrete}.ui-sheet-dialog:not([open])::backdrop{opacity:0}@starting-style{.ui-sheet-dialog[open]::backdrop{opacity:0}}.ui-sheet{display:flex;flex-direction:column;max-height:calc(100dvh - max(2.5rem,env(safe-area-inset-top)) - var(--ui-keyboard-inset, 0px));margin-bottom:var(--ui-keyboard-inset, 0px);overflow:hidden;border-radius:1.25rem 1.25rem 0 0;background:var(--overlay-surface);box-shadow:0 -12px 40px #0006;outline:none}.ui-sheet__handle{flex:none;width:2.25rem;height:.3125rem;margin:.5rem auto .25rem;border-radius:5px;background:#ffffff47}.ui-sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 0 max(.75rem,env(safe-area-inset-bottom))}.ui-sheet-title{padding:.25rem 1.25rem .75rem;font-size:1rem;font-weight:650;text-align:center}.ui-sheet .ui-modal-panel,.ui-sheet .ui-modal-body{overflow:visible}.ui-sheet .ui-modal-header{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:.25rem;min-height:0;padding:.25rem .5rem .5rem;background:var(--overlay-surface)}.ui-sheet .ui-modal-header>:is(h2,.ui-modal-title){grid-column:2;text-align:center;font-size:1rem}.ui-sheet .ui-modal-header>.ui-modal-close-btn{grid-column:3}.ui-sheet .ui-modal-header:not(:has(>button)){display:block;padding-inline:1.25rem;text-align:center}.ui-sheet .ui-modal-body{padding:1rem 1rem .75rem}.ui-sheet .ui-modal-footer{position:sticky;bottom:0;display:flex;gap:.5rem;padding:.75rem 1.25rem max(.75rem,env(safe-area-inset-bottom));border-top-color:var(--overlay-separator);background:var(--overlay-surface)}.ui-sheet .ui-modal-footer>button{flex:1;min-height:48px;border-radius:.75rem}.ui-sheet [role=listbox][aria-label=Bars]{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));gap:.5rem;padding:.25rem 1.25rem .5rem}.ui-sheet [role=listbox][aria-label=Bars]>[role=option]{min-height:48px;border-radius:.75rem;background:var(--overlay-surface-raised);font-weight:600;text-align:center}.ui-sheet [role=listbox][aria-label=Bars]>[aria-selected=true]{background:rgb(var(--accent));color:rgb(var(--on-accent))}.ui-action-group{margin:0 1rem .75rem;overflow:hidden;border-radius:.875rem;background:var(--overlay-surface-raised)}ui-overlay[data-presentation=anchored] :is(.ui-action-group,.ui-sheet-field),.ui-overlay-dialog :is(.ui-action-group,.ui-sheet-field){margin-inline:.5rem}ui-overlay[data-presentation=anchored] :is(.ui-sheet-description,.ui-sheet-timing),.ui-overlay-dialog :is(.ui-sheet-description,.ui-sheet-timing){padding-inline:.5rem}.ui-action-row{display:flex;align-items:center;gap:.875rem;width:100%;min-height:52px;padding:.625rem 1rem;border:0;color:inherit;background:transparent;font-size:.9375rem;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ui-action-row+.ui-action-row{box-shadow:inset 0 1px 0 var(--overlay-separator)}.ui-action-row:active:not(:disabled){background:#ffffff12}@media (hover: hover) and (pointer: fine){.ui-action-row:hover:not(:disabled){background:#ffffff0d}}.ui-action-row>svg{flex:none;width:1.25rem;height:1.25rem;color:var(--control-text, #bfc1c8)}.ui-action-row__label{flex:1;min-width:0}.ui-action-row__detail{display:block;margin-top:.125rem;color:rgb(var(--text-muted));font-size:.8125rem}.ui-action-row--select{padding-block:.25rem;cursor:pointer}.ui-action-row__chevron{color:rgb(var(--text-muted))}.ui-action-row--danger,.ui-action-row--danger>svg{color:rgb(var(--danger))}.ui-action-row:disabled{opacity:.45}@media (prefers-reduced-motion: reduce){.ui-sheet-dialog,.ui-sheet-dialog::backdrop,.ui-overlay-dialog,.ui-overlay-sheet,ui-overlay[data-presentation=anchored]>.ui-overlay-surface{transition:none}}ui-overlay[data-kind=song-sheet]>.ui-overlay-surface[popover]{width:27rem;max-width:27rem;padding-bottom:.5rem;transform-origin:top center}.ui-sheet-nav__header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.25rem;padding:.25rem .5rem .5rem}ui-overlay[data-presentation=anchored] .ui-sheet-nav__header{padding-top:.5rem}.ui-sheet-nav__title{grid-column:2;min-width:0;overflow:hidden;font-size:1rem;font-weight:650;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ui-sheet-nav__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;color:var(--control-text, #bfc1c8);background:transparent;-webkit-tap-highlight-color:transparent}.ui-sheet-nav__icon>svg{width:1.375rem;height:1.375rem}.ui-sheet-nav__back{grid-column:1;color:rgb(var(--accent))}.ui-sheet-nav__close{grid-column:3}.ui-sheet-nav__close>svg{width:1.125rem;height:1.125rem}.ui-sheet-nav__icon:active{background:#ffffff14}.ui-sheet-nav__viewport{position:relative;display:grid;overflow:hidden}.ui-sheet-nav__page{grid-area:1 / 1;min-width:0;padding-bottom:.25rem}.ui-sheet-nav__viewport[data-animating]>.ui-sheet-nav__page{align-self:start}.ui-sheet-nav__page[data-sheet-leaving]{position:absolute;top:0;right:0;bottom:0;left:0}.ui-sheet-field{display:block;margin:0 1rem .5rem;padding:.5rem 1rem .625rem;border-radius:.875rem;background:var(--overlay-surface-raised)}.ui-sheet-field__label{display:block;color:rgb(var(--text-muted));font-size:.75rem;font-weight:500}.ui-sheet-field__input{display:block;width:100%;min-height:2rem!important;padding:0;border:0;outline:none;color:inherit;background:transparent;font-size:1.0625rem;font-weight:600}.ui-sheet-field:focus-within{box-shadow:inset 0 0 0 2px rgb(var(--accent) / .7)}.ui-overlay-surface .ui-sheet-field__input:focus-visible,.ui-sheet .ui-sheet-field__input:focus-visible{outline:none}.ui-sheet-field__input--secondary{font-size:1rem;font-weight:500}.ui-sheet-field__input::-moz-placeholder{color:rgb(var(--text-muted) / .7);font-weight:400}.ui-sheet-field__input::placeholder{color:rgb(var(--text-muted) / .7);font-weight:400}.ui-sheet-description{padding:0 1rem .25rem}.ui-sheet-timing{padding:0 1rem .75rem}.ui-sheet-description__input{display:block;width:100%;min-height:min(50vh,22rem);max-height:60vh;padding:.75rem 1rem;border:0;border-radius:.875rem;outline:none;resize:vertical;color:inherit;background:var(--overlay-surface-raised);font:inherit;font-size:.9375rem;line-height:1.55}.ui-sheet-description__input:focus{box-shadow:inset 0 0 0 2px rgb(var(--accent) / .7)}.ui-sheet-description__input::-moz-placeholder{color:rgb(var(--text-muted) / .7)}.ui-sheet-description__input::placeholder{color:rgb(var(--text-muted) / .7)}.ui-sheet-description__counter{margin:.5rem .25rem;text-align:end;font-size:.75rem;font-variant-numeric:tabular-nums}.ui-sheet-meta{margin:0 1.25rem .875rem;color:rgb(var(--text-muted));font-size:.8125rem}.ui-sheet-qr{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.25rem 1rem .5rem;text-align:center}.ui-sheet-qr canvas{width:232px;height:232px;border-radius:1rem;background:#fff}.ui-sheet-qr .ui-sheet-meta{margin:0}.ui-sheet-confirm{padding:.25rem 1.25rem .5rem}.ui-sheet-confirm>p:first-child{margin-bottom:.375rem;font-size:1rem;font-weight:600}.ui-sheet-confirm .ui-sheet-meta{margin-inline:0}.ui-sheet-confirm__actions{display:grid;gap:.5rem}.ui-sheet-nav__icon[hidden]{display:inline-flex;visibility:hidden}ui-overlay[data-presentation=anchored]>.ui-overlay-surface::backdrop{background:#06080c47}.portrait-tempo-picker .tempo-picker-tabs{width:min(100% - 2rem,24rem);margin:.75rem auto 0}.tempo-picker-wheel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;border:1px solid var(--overlay-separator);border-radius:1.5rem;background:radial-gradient(ellipse at center,var(--overlay-surface-raised),#181b21 78%);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:ns-resize;font-variant-numeric:tabular-nums;overflow:hidden}.tempo-picker-wheel:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:4px}.tempo-picker-neighbour{color:rgb(var(--text-muted));font-size:1.375rem;opacity:.55}.tempo-picker-value{margin-block:.25rem;font-size:clamp(4rem,20vw,6rem);font-weight:750;line-height:1.2;letter-spacing:-.04em;color:#fafafa}.tempo-picker-unit{position:absolute;right:1rem;bottom:1rem;color:rgb(var(--text-muted));font-size:.75rem;letter-spacing:.12em}.tempo-picker-hint{margin-top:1rem;text-align:center;color:rgb(var(--text-muted));font-size:.875rem}.tempo-picker-actions .ui-button{flex:1 1 0;min-width:0;padding-inline:.25rem;font-variant-numeric:tabular-nums}.tempo-picker-actions .tempo-picker-tap{flex-grow:2.2}.ui-sheet .portrait-tempo-picker>.tempo-basic-panel{width:auto;margin-inline:1rem}.ui-prompt-body{display:flex;flex-direction:column;gap:1rem}.ui-prompt-message{color:rgb(var(--text-secondary));font-size:.9375rem;line-height:1.45}.ui-prompt-field{display:block}.ui-input.ui-input--select{padding-right:2.25rem;background:var(--overlay-surface-raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8899' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 10 4-4 4 4M8 14l4 4 4-4'/%3E%3C/svg%3E") right .75rem center / 1rem no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-overlay-dialog .ui-modal-footer>.ui-button{min-width:6.5rem}/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-moz-fit-content;max-width:fit-content}}.toastify.app-toast{display:flex;align-items:center;gap:.75rem;width:-moz-max-content;width:max-content;max-width:min(calc(100% - 2rem),32rem);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;cursor:default;overflow-wrap:anywhere;margin-bottom:var(--toast-lift, env(safe-area-inset-bottom, 0px))}.app-toast-action{margin-left:.75rem;text-decoration:underline}.app-toast .toast-close{flex-shrink:0;opacity:1}@media (prefers-reduced-motion: reduce){.toastify.app-toast{transition:none}}body[data-track-menu]{padding-bottom:calc(8.5rem + env(safe-area-inset-bottom,0px))}.cell,[data-triplet=true],.track-title-group{-webkit-touch-callout:none}.track-title-group{-moz-user-select:none;user-select:none;-webkit-user-select:none}.touch-selection-bar{position:fixed;top:0;right:0;left:0;z-index:60;translate:0 calc(100dvh - 100%);display:flex;flex-direction:column;gap:.375rem;width:min(100%,34rem);margin:0 auto;padding:.5rem .75rem calc(.625rem + env(safe-area-inset-bottom,0px));border:1px solid var(--overlay-separator);border-bottom:0;border-radius:1rem 1rem 0 0;background:var(--overlay-surface);box-shadow:0 -10px 30px #00000059;color:rgb(var(--text-body));animation:touch-selection-bar-in .16s ease-out;-moz-user-select:none;user-select:none;-webkit-user-select:none}@keyframes touch-selection-bar-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion: reduce){.touch-selection-bar{animation:none}}.touch-selection-header{display:flex;align-items:center;gap:.5rem;min-height:2.5rem}.touch-selection-label{flex:1 1 auto;min-width:0;overflow:hidden;font-size:.875rem;font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}.touch-selection-label--invalid{color:rgb(var(--danger))}.touch-selection-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem}.touch-selection-actions--clipboard{grid-template-columns:1fr}.touch-selection-actions--fixed{grid-template-columns:repeat(4,minmax(0,1fr))}.touch-selection-actions--lead{grid-template-columns:1fr}.touch-selection-actions--nudge{grid-template-columns:repeat(4,minmax(0,1fr))}.touch-selection-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-width:2.75rem;min-height:3rem;padding:.25rem;border:1px solid var(--control-border);border-radius:.75rem;background:var(--control-surface);color:var(--control-text);font-size:.6875rem;font-weight:600;line-height:1.1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.touch-selection-btn:active:not(:disabled){background:var(--control-selected);transform:scale(.96)}.touch-selection-btn:disabled{opacity:.35}.touch-selection-header .touch-selection-btn{flex-direction:row;min-height:2.5rem;gap:.375rem;padding:0 .75rem;font-size:.8125rem}.touch-selection-btn--icon{flex:none;width:2.75rem;padding:0}.touch-selection-header .touch-selection-btn--icon{padding:0}.touch-selection-actions--nudge .touch-selection-btn--icon{width:auto}.touch-selection-btn--danger{color:rgb(var(--danger))}.touch-selection-btn--primary{border-color:transparent;background:rgb(var(--accent));color:rgb(var(--on-accent))}.touch-selection-btn--primary:active:not(:disabled){background:rgb(var(--accent-strong))}.touch-selection-btn--lead{flex-direction:row;gap:.5rem;min-height:3.25rem;font-size:1rem;font-weight:700}.touch-selection-btn--lead .touch-selection-icon{width:1.5rem;height:1.5rem}.touch-selection-icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.track-move-menu-actions{grid-template-columns:repeat(4,minmax(0,1fr))}[data-track-menu-target] .sticky-track-header{border-radius:.5rem;box-shadow:0 0 0 2px rgb(var(--selection))}.touch-selection-handle{position:absolute;top:0;left:0;z-index:55;width:2.75rem;height:2.75rem;margin:-1.375rem 0 0 -1.375rem;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-selection-handle[hidden]{display:none}.touch-selection-handle:after{position:absolute;top:0;right:0;bottom:0;left:0;width:1rem;height:1rem;margin:auto;border:2px solid rgb(var(--shade));border-radius:999px;background:rgb(var(--selection));box-shadow:0 0 0 3px rgb(var(--selection) / 30%);content:""}[data-touch-source]{opacity:.35}[data-touch-ghost]{position:relative}[data-touch-ghost]:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;border:2px dashed rgb(var(--selection));border-radius:.375rem;background:rgb(var(--selection) / 28%);color:rgb(var(--text));font-size:.75rem;font-weight:700;content:attr(data-touch-ghost);pointer-events:none;text-shadow:0 1px 2px rgb(0 0 0 / 70%)}[data-touch-ghost][data-touch-source]{opacity:1}[data-touch-invalid]:after{border-color:rgb(var(--danger));background:rgb(var(--danger) / 28%)}#downloadPrintableHtml,#clear{display:none!important}@media not all and (min-width: 1024px) and (min-height: 600px){body{min-width:0}body :is(#mainContainer,#tracks){min-width:0;max-width:100%}body #mainContainer{max-width:min(100%,730px);padding-inline:.75rem}body #tracks{width:100%;margin-inline:0;padding-inline:0;overflow:visible}body #tracks grid-view{display:block;width:100%;min-width:0}body .track-wrap{container-type:inline-size;--pp-gap: clamp(2px, .6cqw, 6px);--pp-step: min( calc( (100cqw - var(--loop-rail-gutter) + var(--pp-gap)) / max(var(--measure-cell-count, 16), 1) ), var(--portrait-step-max) );--pp-cell: calc(var(--pp-step) - var(--pp-gap));--measure-column-width: var(--pp-cell);min-width:0;padding-left:.75rem;padding-bottom:0;margin-bottom:var(--portrait-step, 22px);border-bottom:0}body .track-wrap :is(.measure-grid-shell,.track-beat-markers){--measure-width: calc( var(--measure-cell-count) * var(--pp-cell) + (var(--measure-cell-count) - 1) * var(--pp-gap) )}body .track-wrap :is([data-track-body=true]>measure-row,.track-beat-markers){margin-left:max(0px,(100cqw - var(--loop-rail-gutter) - (var(--measure-cell-count, 16) * var(--pp-step) - var(--pp-gap))) / 2)}body .track-wrap [data-track-body=true]{width:100%;gap:var(--pp-gap);padding-block:calc(var(--pp-gap) / 2)}body .track-wrap track-header{display:flex;flex-direction:column}body .sticky-track-header{flex-wrap:wrap;gap:.25rem;padding-inline:0}body .track-heading{flex:1;min-width:0}body .track-title-group{min-width:0}body .track-title{font-size:.8125rem}body .track-beat-markers{padding-inline:0;margin-bottom:0;--beat-marker-width: calc(var(--beat-size) * var(--pp-step))}body .track-beat-markers>div{flex:none;min-width:0;font-size:.75rem}body .measure-grid-shell>.grid{gap:var(--pp-gap)}body .measure-grid-shell>.grid>*{min-width:0;height:var(--pp-cell)}body :is(step-cell,.triplet-sub-cell){font-size:clamp(.625rem,calc(var(--pp-cell) * .35),.875rem);border-radius:.25rem}body .track-wrap{--loop-rail-width: 1.5rem;--loop-rail-gutter: 0px}body .track-wrap[data-loop-enabled]{--loop-rail-gutter: calc(var(--loop-rail-width) + .375rem)}body .track-wrap :is(measure-row,.track-beat-markers){box-sizing:border-box;padding-left:var(--loop-rail-gutter);transition:padding-left .28s cubic-bezier(.2,.8,.2,1)}body .measure-loop-strip{left:-.5rem;width:calc(var(--loop-rail-width) + .5rem);transform-origin:left center}body .measure-loop-strip:before{left:-.25rem;right:-.25rem}body .tracks-song-load-overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;margin:0}body .beat-loader__rings{width:100%;height:100%}body .measure-number{left:-.875rem;width:.625rem}:is(.header-divider,.ui-toolbar-divider){display:none}}.portrait-tempo-picker>.tempo-basic-panel{width:min(100%,24rem);align-self:center;margin-inline:auto}.tempo-basic-panel[hidden],#tempo-panel-trainer[hidden]{display:none}.tempo-picker-actions{display:flex;gap:.5rem;margin-top:.75rem}.tempo-picker-tap{flex:1}:root{--control-radius: 8px;--control-hit-size: 44px;--header-play-size: calc(var(--control-hit-size) - 4px)}body .header-inner{height:auto;padding-block:.3125rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}body .header-controls{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:60px;gap:0}.header-controls>.header-divider{display:none}body .header-logo{grid-area:1 / 1;justify-self:start;min-width:0}.header-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .15s}.header-logo:hover{opacity:.8}.header-logo-mark{flex:none;width:2.25rem;height:2.25rem;border-radius:50%}.header-logo-word{font-size:.9375rem;line-height:.95}@media (max-width: 359px){.header-logo-word{display:none}}body .header-transport-row{display:contents}body .header-playback-buttons{grid-area:1 / 3;justify-self:end;position:relative;padding-inline:0;gap:.375rem}.header-tempo:before,.header-tempo:after{content:"";position:absolute;top:50%;width:1px;height:1.75rem;transform:translateY(-50%);background:linear-gradient(transparent,rgb(255 255 255 / 40%),transparent)}.header-tempo:before{left:0}.header-tempo:after{right:0}body .header-tempo{grid-area:1 / 2;justify-self:center;position:relative;padding-inline:.625rem}.header-playback-buttons .btn{width:var(--header-play-size);height:var(--header-play-size);border-radius:12px;background:var(--control-surface);box-shadow:inset 0 1px #ffffff0d}.header-playback-buttons #play{color:#fff;background:rgb(var(--transport-play))}.header-playback-buttons #play.bg-yellow-600{color:#fff;background:rgb(var(--transport-pause))}.header-playback-buttons #stop{color:#fff;background:rgb(var(--transport-stop))}.header-tempo .tempo-tap-display{min-height:var(--control-hit-size);padding-inline:.75rem;border:1px solid rgb(255 255 255 / 25%);border-radius:var(--control-radius);font-size:1.125rem;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fafafa;background:#454953;box-shadow:0 1px 3px #00000026}.header-tempo-unit{font-size:.65em}.page-help-controls{padding:.875rem 1rem .5rem}body .header-help-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:26rem;margin-inline:auto;gap:2px;padding:3px;border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface)}:is(.header-help-button){display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:.375rem .625rem;border:0;border-radius:7px;background:transparent;box-shadow:none;color:#a1a1aa;font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(.header-help-button[aria-expanded=true]){color:#fafafa;background:var(--control-selected);box-shadow:0 1px 2px #0000004d}body app-toolbar .main-toolbar-shell{overflow:hidden;margin-bottom:1.25rem;border:1px solid var(--control-border);border-radius:12px;background:var(--control-surface-raised)}body app-toolbar .main-toolbar-controls{display:flex;flex-wrap:wrap;width:100%;min-width:0;gap:0}.main-toolbar-actions,.main-toolbar-toggles{display:flex;flex:1 1 16rem;min-width:0;gap:4px;padding:4px;border:0;border-radius:0;background:var(--control-surface)}.main-toolbar-toggles{border-left:1px solid var(--control-border)}.main-toolbar-actions{background:var(--control-surface-raised)}.main-toolbar-actions #openSongLibrary>svg{color:rgb(var(--tint-library))}.main-toolbar-actions #openTracks>svg{color:rgb(var(--tint-tracks))}.main-toolbar-actions #openSettings2>svg{color:rgb(var(--tint-settings))}.main-toolbar-controls button>svg{flex-shrink:0}.main-toolbar-controls>.ui-toolbar-divider{display:none}body app-toolbar .ui-toolbar-compact-btn{flex:1 1 0;min-width:0;min-height:48px;height:auto;padding:.625rem .375rem;border:0;border-radius:6px;background:transparent;color:var(--control-text);gap:.375rem;font-size:.75rem;white-space:normal}body app-toolbar .ui-toolbar-compact-btn>span{overflow:visible;text-overflow:clip;text-align:center;line-height:1.2;overflow-wrap:anywhere}.main-toolbar-toggles .ui-toolbar-toggle-btn{flex-direction:row}body app-toolbar .ui-toolbar-toggle-btn[aria-pressed=true]{background:rgb(var(--accent));color:rgb(var(--on-accent));box-shadow:none}.main-toolbar-toggles .ui-toolbar-toggle-btn:after{content:none}.ui-track-action-btn,.ui-toolbar-action-btn{min-height:var(--control-hit-size);min-width:var(--control-hit-size);border:1px solid var(--control-border);border-radius:var(--control-radius);color:var(--control-text);background:var(--control-surface-raised);background-image:none;box-shadow:none}track-actions [data-track-record]{display:none!important}.track-button-group{display:flex;align-items:stretch;flex-wrap:wrap;gap:0;min-width:0}body .track-button-group{padding:0;overflow:hidden;border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface)}body .track-button-group track-actions{display:contents}body .track-button-group .ui-track-action-btn{flex:1 1 auto;flex-direction:row;white-space:nowrap;overflow-wrap:normal;border:0;border-right:1px solid var(--control-border);border-radius:0;background:transparent;box-shadow:none}body .track-button-group .ui-track-action-btn[aria-pressed=true]{background:rgb(var(--toggle-on));color:#fff}body .track-button-group [data-track-mute][aria-pressed=true]{background:var(--control-muted-selected);color:var(--control-muted-text);box-shadow:var(--control-muted-shadow)}body .track-button-group [data-track-solo][aria-pressed=true]{background:rgb(var(--toggle-solo))}body .track-button-group [data-performance-toggle]{color:var(--control-text)}body .track-button-group [data-performance-toggle][aria-pressed=true]{background:rgb(var(--toggle-view));color:#fff}body .track-button-group bars-selector .ui-track-action-btn{border-right:0}.track-button-group .ui-track-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap}@media (hover: hover) and (pointer: fine) and (min-width: 601px){.sticky-track-header .track-button-group .ui-track-action-btn{min-height:32px}body .sticky-track-header .track-volume{gap:.875rem;width:8rem;padding-right:.5rem;min-height:32px}}.track-button-group .ui-track-action-btn>span[aria-hidden=true]{display:flex}body .track-button-group .track-performance-label{display:inline}body .track-button-group .track-performance-icon{display:flex}.track-button-group bars-selector{flex:1 1 auto}.track-secondary-actions{display:flex;flex:3 1 auto;order:1}.track-button-group bars-selector{order:2}.track-button-group bars-selector>.track-bars-row{width:100%;height:100%;min-height:32px;padding:0 .25rem 0 .75rem;border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface);color:var(--control-text);font-size:.8125rem}.track-button-group bars-selector .ui-select{min-height:32px;max-width:none}track-actions{flex-wrap:wrap}body .track-more-performance{display:none}body .sticky-track-header{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:.5rem;align-items:center}body .track-header-controls{display:contents}.sticky-track-header .track-heading{grid-area:1 / 1;min-width:0}.sticky-track-header .track-heading>button{flex-shrink:0}.sticky-track-header .track-menu-toggle{display:none}.sticky-track-header .track-title-group{min-width:0}.sticky-track-header .track-title{min-width:0;line-height:1.25;overflow-wrap:anywhere}.sticky-track-header .track-volume{grid-area:1 / 2}body .track-volume{gap:.75rem;width:min(16rem,40vw);min-height:40px;padding:0 .875rem;border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface)}body .track-volume>input{flex:1;width:auto;min-width:0}body .track-volume>span{width:3ch;text-align:left;font-variant-numeric:tabular-nums}.sticky-track-header .track-header-performance{grid-row:2;grid-column:1 / -1;min-width:0}.sticky-track-header[data-performance-open] .track-button-group{grid-row:3}.sticky-track-header .track-button-group{grid-row:2;grid-column:1 / -1;width:100%}.ui-track-action-btn[aria-pressed=true]{color:#fff;background:rgb(var(--toggle-on));border-color:transparent;box-shadow:none}.ui-track-action-btn[data-performance-toggle]{color:var(--control-text);background:var(--control-surface-raised);border-color:var(--control-border)}.ui-track-action-btn[data-performance-toggle][aria-pressed=true]{background:rgb(var(--toggle-view));border-color:rgb(var(--toggle-view) / 60%)}.track-button-group .ui-track-action-btn:disabled{opacity:.4;cursor:not-allowed;filter:none}.ui-track-action-btn[data-track-solo][aria-pressed=true]{color:#fff;background:rgb(var(--toggle-solo));border-color:transparent;box-shadow:none}.ui-track-action-btn[data-track-mute][aria-pressed=true]{color:var(--control-muted-text);background:var(--control-muted-selected);border-color:var(--control-border);box-shadow:var(--control-muted-shadow)}.ui-track-action-btn[data-track-record][aria-pressed=true]{background:rgb(var(--transport-stop));color:#fff;border-color:transparent;box-shadow:none}:is(.header-help-button,.header-playback-buttons .btn,.tempo-tap-display,.ui-toolbar-compact-btn,.ui-track-action-btn,.ui-toolbar-action-btn,.ui-icon-ghost-btn){-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}:is(.header-help-button,.header-playback-buttons .btn,.tempo-tap-display,.ui-toolbar-compact-btn,.ui-track-action-btn,.ui-toolbar-action-btn,.ui-icon-ghost-btn):focus-visible{outline:2px solid rgb(var(--focus-ring) / 70%);outline-offset:2px;--tw-ring-shadow: 0 0 transparent;--tw-ring-offset-shadow: 0 0 transparent}:is(.header-help-button,.header-playback-buttons .btn,.tempo-tap-display,.ui-toolbar-compact-btn,.ui-track-action-btn,.ui-toolbar-action-btn,.ui-icon-ghost-btn):active:not(:disabled){transform:scale(.98)}@media (hover: hover) and (pointer: fine){:is(.header-help-button):not([aria-pressed=true],[aria-expanded=true]):hover{color:var(--control-text);background:#ffffff0f}.ui-track-action-btn:hover,.ui-toolbar-action-btn:hover,.ui-icon-ghost-btn:hover{filter:brightness(1.12)}body app-toolbar .ui-toolbar-compact-btn:hover{background:#ffffff0f}body app-toolbar .ui-toolbar-toggle-btn[aria-pressed=true]:hover{background:rgb(var(--accent) / .9)}}#toolbarSongHeaderRow{min-width:0;gap:.5rem;margin-bottom:.875rem;padding-block:.625rem}#toolbarSongHeaderRow #songTitleText{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;letter-spacing:-.025em;line-height:1.3}#collapseAllTracks{flex:0 0 32px;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:6px}#collapseAllTracks>svg,.ui-icon-ghost-btn>svg{width:16px;height:16px;flex-shrink:0}.ui-icon-ghost-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;flex-shrink:0;border:0;border-radius:6px;color:var(--control-text);background:transparent;box-shadow:none}.song-title-button{display:flex;flex:1;align-items:center;justify-content:center;gap:.375rem;min-width:0;min-height:var(--control-hit-size);margin-right:32px;padding:.25rem .75rem;border:0;border-radius:12px;color:#f4f4f5;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .14s ease}.song-title-button__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-title-button__chevron{flex:none;width:1.125rem;height:1.125rem;margin-top:.125rem;color:var(--control-text);transition:transform .2s ease}.song-title-button[aria-expanded=true]{background:#ffffff0f}.song-title-button[aria-expanded=true] .song-title-button__chevron{transform:rotate(180deg)}.song-title-button:active{background:#ffffff14}.song-title-button:focus-visible{outline:2px solid rgb(var(--focus-ring) / 70%);outline-offset:2px}@media (hover: hover) and (pointer: fine){.song-title-button:hover{background:#ffffff0d}}.track-more-toggle,.track-more-label{display:none}.track-more-panel,.track-edit-actions{display:contents}@media (max-width: 600px) and (orientation: portrait){body app-toolbar .main-toolbar-shell{margin-bottom:1.5rem}body app-toolbar .main-toolbar-controls{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.main-toolbar-actions,.main-toolbar-toggles{width:100%;box-sizing:border-box}.main-toolbar-toggles{border-left:0;border-top:1px solid var(--control-border)}body app-toolbar .ui-toolbar-compact-btn{flex-direction:column;gap:.25rem;min-height:60px;padding-inline:.125rem;font-size:.75rem}body app-toolbar .ui-toolbar-compact-btn>span{overflow-wrap:normal}#toolbarSongHeaderRow{align-items:center;margin-bottom:1rem;padding-block:.25rem}}@media not all and (min-width: 1024px) and (min-height: 600px){body .sticky-track-header{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px 44px;-moz-column-gap:.375rem;column-gap:.375rem;row-gap:.5rem;align-items:center;margin-bottom:calc(.25rem + var(--portrait-header-fill, 0px))}body .track-heading{grid-area:1 / 1;min-width:0}body .sticky-track-header :is(.track-header-controls,.track-button-group,track-actions){display:contents}body .sticky-track-header .track-title{font-size:.9375rem}body .sticky-track-header .track-button-group .ui-track-action-btn{min-height:44px;min-width:44px;padding:.5rem .75rem;gap:.5rem;border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface-raised);color:var(--control-text);font-size:.8125rem;line-height:1.2;white-space:nowrap}body .sticky-track-header .track-button-group :is([data-track-mute],[data-track-solo]){width:44px;padding:0}.sticky-track-header :is([data-track-mute],[data-track-solo])>span{display:none}.sticky-track-header [data-track-mute]{grid-area:1 / 2}.sticky-track-header [data-track-solo]{grid-area:1 / 3}body .sticky-track-header .track-more-toggle{display:flex;grid-area:1 / 4;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px}.sticky-track-header[data-more-open] .track-more-toggle{background:var(--control-selected);color:var(--control-accent)}body .sticky-track-header .track-button-group [data-track-mute][aria-pressed=true]{border-color:var(--control-border);background:var(--control-muted-selected);color:var(--control-muted-text);box-shadow:var(--control-muted-shadow)}body .sticky-track-header .track-button-group [data-track-solo][aria-pressed=true]{border-color:transparent;background:rgb(var(--toggle-solo));color:#fff}body .sticky-track-header .track-button-group [data-performance-toggle][aria-pressed=true]{border-color:rgb(var(--toggle-view) / 60%);background:rgb(var(--toggle-view));color:#fff}.sticky-track-header:not([data-more-open]) :is(.track-volume,[data-performance-toggle],.track-edit-actions){display:none}.sticky-track-header[data-more-open] .track-volume{grid-row:2;grid-column:1 / 2;width:auto;gap:.75rem;min-height:44px;padding:0 .75rem;border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface)}.sticky-track-header .track-volume>input{flex:1;width:auto;min-width:0}.sticky-track-header .track-volume>span{width:3ch}.sticky-track-header [data-performance-toggle]{grid-row:2;grid-column:2 / -1}body .sticky-track-header .track-button-group [data-performance-toggle]{padding-inline:.5rem;gap:.375rem}body .sticky-track-header[data-more-open] .track-edit-actions{display:grid;grid-row:3;grid-column:1 / -1;grid-template-columns:repeat(4,1fr);gap:.375rem}.sticky-track-header .track-edit-actions .track-secondary-actions{display:contents}.sticky-track-header .track-edit-actions bars-selector{order:0}body .sticky-track-header .track-button-group .track-edit-actions .ui-track-action-btn{flex-direction:row;justify-content:center;white-space:nowrap;gap:.375rem;min-width:auto;min-height:var(--control-hit-size);padding-inline:.25rem;font-size:.75rem}.sticky-track-header[data-performance-open] .track-header-performance{grid-row:3}body .sticky-track-header[data-performance-open][data-more-open] .track-edit-actions{grid-row:4}body .sticky-track-header .track-button-group [data-track-remove]{color:rgb(var(--danger-soft));border-color:rgb(var(--danger) / 35%)}}@media (max-width: 1023px) and (orientation: portrait){body .sticky-track-header{grid-template-columns:minmax(0,1fr) 38px 38px 38px}body .sticky-track-header .track-button-group :is([data-track-mute],[data-track-solo]),body .sticky-track-header .track-more-toggle{width:38px;min-width:38px;height:38px;min-height:38px}body .sticky-track-header[data-more-open] .track-volume,body .sticky-track-header .track-button-group [data-performance-toggle],body .sticky-track-header .track-button-group .track-edit-actions .ui-track-action-btn{min-height:38px}}@media (max-width: 360px) and (orientation: portrait){body .sticky-track-header .track-button-group .ui-track-action-btn{padding-inline:.5rem;font-size:.75rem}.sticky-track-header .track-edit-actions .ui-track-action-btn>:is(svg,span[aria-hidden=true]){display:none}}@media (pointer: coarse){:root{--control-hit-size: 48px}}@media (max-width: 360px){body .header-inner{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.header-playback-buttons .btn{width:40px;height:40px}body .header-playback-buttons{gap:4px}.header-tempo .tempo-tap-display{font-size:1rem;padding-inline:.5rem}}@media (prefers-reduced-motion: reduce){:is(.header-help-button,.header-playback-buttons .btn,.tempo-tap-display,.ui-toolbar-compact-btn,.ui-track-action-btn,.ui-toolbar-action-btn,.ui-icon-ghost-btn){transition:none}}.add-track-below{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:44px;margin-top:1.5rem;border:1px dashed rgb(255 255 255 / 22%);border-radius:12px;background:transparent;color:var(--control-text);font-size:.875rem;font-weight:600}.add-track-below>svg{width:18px;height:18px;flex:none}.song-menu-toggle{display:none}app-toolbar .main-toolbar-history{display:none}app-toolbar #openToolbarHelp{display:none}@media not all and (min-width: 1024px) and (min-height: 600px){:root{--portrait-dock-bar: 64px;--portrait-dock-inset-l: max(6px, env(safe-area-inset-left, 0px));--portrait-dock-inset-r: max(6px, env(safe-area-inset-right, 0px));--portrait-dock-play-slot: 76px;--portrait-dock-play: 66px;--portrait-dock-play-rise: 14px;--portrait-dock-col: calc( ( 100% - var(--portrait-dock-inset-l) - var(--portrait-dock-inset-r) - var(--portrait-dock-play-slot) ) / 5 );--portrait-dock-chip-h: 36px;--portrait-dock-chip-gap: 10px;--portrait-dock-safe: var(--safe-area-inset-bottom, 0px);--portrait-dock-height: calc(var(--portrait-dock-bar) + var(--portrait-dock-safe));--portrait-dock-top: calc(100dvh - var(--portrait-dock-height));--toast-lift: calc( var(--portrait-dock-height) + var(--portrait-dock-chip-h) + var(--portrait-dock-chip-gap) );--portrait-step-max: 40px;--portrait-paper-line: rgb(255 255 255 / .045);--portrait-chrome: rgb(var(--palette-ink-950, 21 23 28));--portrait-chrome-line: rgb(255 255 255 / .08);--portrait-dock-bg: #16181d;--portrait-dock-line: rgb(255 255 255 / .08);--portrait-dock-muted: #a9adb8;--portrait-dock-lit: #f0a33a}html{height:100%;overflow:hidden;background-color:var(--portrait-chrome)}html body{background:transparent}body{height:100%;min-height:0;overflow:auto;background-color:var(--portrait-chrome);background-image:linear-gradient(var(--portrait-paper-line) 1px,transparent 1px),linear-gradient(90deg,var(--portrait-paper-line) 1px,transparent 1px);background-size:var(--portrait-step, 22px) var(--portrait-step, 22px);background-position:var(--portrait-paper-x, 25px) var(--portrait-paper-y, 0px);background-attachment:local}body .page-help-controls{display:none}body app-toolbar.sticky-toolbar-section{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem;width:100vw;min-height:calc(66px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));margin:-.75rem 0 1rem calc(50% - 50vw);padding:calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 11px) calc(50vw - 50% - .25rem) 11px;border-bottom:1px solid var(--portrait-chrome-line);background:var(--portrait-chrome);overflow:visible}body app-toolbar :is(.main-toolbar-shell,.main-toolbar-controls){display:contents}body app-toolbar .main-toolbar-actions{grid-area:1 / 2;display:flex;flex:none;gap:0;width:auto;padding:0;background:transparent}body app-toolbar :is(.main-toolbar-create,#newSong,#shareSong,#collapseAllTracks){display:none}body app-toolbar .main-toolbar-actions .ui-toolbar-compact-btn{flex:none;flex-direction:column;justify-content:center;gap:3px;min-width:60px;width:auto;height:44px;min-height:44px;padding:0 4px;border:0;border-radius:12px;background:transparent;font-size:.625rem;font-weight:500;line-height:1;white-space:nowrap}body app-toolbar .main-toolbar-actions .ui-toolbar-compact-btn>svg{width:18px;height:18px}body app-toolbar #openToolbarHelp{display:flex}body app-toolbar #toolbarSongHeaderRow{grid-area:1 / 1;gap:.25rem;margin:0;padding:0}body app-toolbar .song-menu-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:inherit}body app-toolbar .song-menu-toggle>svg{width:22px;height:22px}body app-toolbar .song-title-button__chevron{display:none}body app-toolbar .song-title-button{justify-content:flex-start;gap:.25rem;margin-right:0;padding:0 .375rem 0 .25rem;text-align:left}body #toolbarSongHeaderRow #songTitleText .song-title-button__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.9375rem;font-weight:650;line-height:1.125rem;letter-spacing:-.01em;white-space:normal;overflow-wrap:anywhere}body app-toolbar .main-toolbar-toggles{position:fixed;inset:var(--portrait-dock-top) 0 auto;z-index:51;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) var(--portrait-dock-play-slot) repeat(2,minmax(0,1fr));align-items:center;gap:0;width:auto;height:var(--portrait-dock-height);padding:0 var(--portrait-dock-inset-r) var(--portrait-dock-safe) var(--portrait-dock-inset-l);border:0;border-top:1px solid var(--portrait-dock-line);border-radius:0;background:var(--portrait-dock-bg);box-shadow:none}body app-toolbar .main-toolbar-toggles .ui-toolbar-compact-btn{flex-direction:column;justify-content:center;gap:4px;min-width:0;height:52px;min-height:0;padding:0 2px;border-radius:12px;background:transparent;color:var(--portrait-dock-muted);font-size:.625rem;font-weight:500;line-height:1;white-space:nowrap}body app-toolbar .main-toolbar-toggles .ui-toolbar-compact-btn>svg{width:20px;height:20px}body app-toolbar .main-toolbar-toggles .ui-toolbar-compact-btn>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}body app-toolbar .main-toolbar-toggles .ui-toolbar-compact-btn[aria-pressed=true]{background:transparent;color:var(--portrait-dock-lit);font-weight:600}@media (hover: hover) and (pointer: fine){body app-toolbar .main-toolbar-toggles .ui-toolbar-toggle-btn[aria-pressed=true]:hover{background:#ffffff0f}}body header.header-safe{position:fixed;inset:var(--portrait-dock-top) auto auto auto;left:calc(var(--portrait-dock-inset-l) + var(--portrait-dock-col) * 3);width:calc(var(--portrait-dock-play-slot) + var(--portrait-dock-col) * 2);min-width:0;height:var(--portrait-dock-height);padding:0 0 var(--portrait-dock-safe);border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}body header.header-safe .header-inner{width:100%;max-width:none;height:var(--portrait-dock-bar);padding:0}body .header-controls{display:grid;grid-template-columns:var(--portrait-dock-play-slot) repeat(2,minmax(0,1fr));align-items:center;gap:0;width:100%}body .header-controls .header-logo,body .header-controls>.header-divider{display:none}body .header-playback-buttons{display:contents}.header-playback-buttons .btn{flex:none;min-width:0;border:0;box-shadow:none}.header-playback-buttons #play{grid-column:1;grid-row:1;justify-self:center;width:var(--portrait-dock-play);height:var(--portrait-dock-play);margin-top:calc((var(--portrait-dock-play) - var(--portrait-dock-bar)) / -2 - var(--portrait-dock-play-rise));border:5px solid var(--portrait-chrome);border-radius:50%;background:var(--portrait-dock-lit);color:var(--portrait-dock-bg)}.header-playback-buttons #play>svg{width:26px;height:26px}.header-playback-buttons #play:not(.bg-yellow-600)>svg{transform:translate(2px)}.header-playback-buttons #stop{grid-column:2;grid-row:1;flex-direction:column;gap:4px;width:100%;height:52px;padding:0 2px;border-radius:12px;background:transparent;color:var(--portrait-dock-muted);font-size:.625rem;font-weight:500;line-height:1;transition:background-color .12s ease,color .12s ease,transform .12s ease}.header-playback-buttons #stop>svg{width:20px;height:20px;color:rgb(var(--danger));transition:transform .12s ease}@media (hover: hover) and (pointer: fine){.header-playback-buttons #stop:hover:not(:disabled){background:rgb(var(--danger) / 12%)}}.header-playback-buttons #stop:active:not(:disabled){background:rgb(var(--danger) / 22%);color:rgb(var(--danger));transform:scale(.94)}.header-playback-buttons #stop:active:not(:disabled)>svg{transform:scale(.82)}.header-playback-buttons #stop:after{content:attr(aria-label)}body .header-tempo{grid-column:3;grid-row:1;justify-self:stretch;padding-inline:0}.header-tempo:before,.header-tempo:after{display:none}.header-tempo .tempo-tap-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-width:0;height:52px;min-height:0;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;color:#fff;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.header-tempo .header-tempo-unit{font-size:0}.header-tempo .header-tempo-unit:after{content:attr(data-compact-label);font-size:.625rem;font-weight:500;letter-spacing:0;color:var(--portrait-dock-muted)}app-toolbar .main-toolbar-history #openTracks{display:none}body app-toolbar .main-toolbar-history{position:fixed;right:calc(var(--portrait-dock-inset-r) + 6px);top:calc(var(--portrait-dock-top) - var(--portrait-dock-chip-gap) - var(--portrait-dock-chip-h));height:var(--portrait-dock-chip-h);left:calc(var(--portrait-dock-inset-l) + 6px);z-index:51;display:flex;align-items:center;gap:6px;pointer-events:none}app-toolbar .main-toolbar-history .dock-chip{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;width:40px;height:var(--portrait-dock-chip-h);padding:0;border:0;border-radius:12px;background:#fff;color:#1f2329;box-shadow:0 1px 4px #1e190f2e;font-size:.8125rem;font-weight:600;pointer-events:auto}app-toolbar .main-toolbar-history .dock-chip>svg{width:17px;height:17px}app-toolbar .main-toolbar-history .dock-chip:disabled{visibility:hidden}app-toolbar .main-toolbar-history .dock-chip--wide{width:auto;margin-left:auto;padding:0 14px 0 11px}app-toolbar .main-toolbar-history .dock-chip--wide>svg{width:14px;height:14px}body #mainContainer{padding-bottom:calc(var(--portrait-dock-height) + 1.5rem);padding-bottom:calc(var(--portrait-dock-height) + var(--portrait-dock-chip-h) + var(--portrait-dock-chip-gap) + 1rem)}.recording-banner{bottom:calc(var(--portrait-dock-height) + var(--portrait-dock-chip-h) + var(--portrait-dock-chip-gap) * 2)}body .sticky-track-header .track-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.125rem;white-space:normal}}@supports (-webkit-touch-callout: none){:root{--portrait-dock-safe: env(safe-area-inset-bottom, 0px)}}@media not all and (min-width: 1024px) and (min-height: 600px){@media (min-width: 560px){:root{--portrait-dock-inset-l: max(6px, env(safe-area-inset-left, 0px), 50% - 365px);--portrait-dock-inset-r: max(6px, env(safe-area-inset-right, 0px), 50% - 365px);--portrait-step-max: 48px}}@media (orientation: landscape) and (max-height: 599px){:root{--portrait-step-max: 32px}}@media (max-width: 359px){:root{--portrait-dock-play-slot: 64px;--portrait-dock-play: 60px}body app-toolbar .main-toolbar-toggles .ui-toolbar-compact-btn,.header-playback-buttons #stop{font-size:.5625rem}}}@media (min-width: 1024px) and (min-height: 600px){:root{--studio-top: 56px;--studio-dock: calc(var(--pill-bottom, 24px) + var(--pill-h, 68px));--studio-gutter: 16px;--studio-chrome: rgb(var(--palette-ink-950, 21 23 28));--studio-chrome-line: rgb(255 255 255 / .08);--studio-grid-line: rgb(255 255 255 / .04);--studio-grid-step: 42px;--studio-cell-gap: 4px;--studio-cell: calc(var(--studio-grid-step) - var(--studio-cell-gap));--studio-cell-height: var(--studio-cell);--studio-track-pitch: var(--studio-grid-step);--studio-panel-line: rgb(255 255 255 / .07)}html body{min-width:1024px;background:transparent}html,body .track-wrap track-header{background-color:rgb(var(--palette-ink-950, 21 23 28));background-image:radial-gradient(ellipse 120% 90% at 50% 40%,transparent 55%,rgb(0 0 0 / .35) 100%),linear-gradient(var(--studio-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--studio-grid-line) 1px,transparent 1px);background-size:100% 100%,var(--studio-grid-step) var(--studio-grid-step),var(--studio-grid-step) var(--studio-grid-step);--studio-paper-left: calc(0px - var(--studio-scroll-x, 0px));--studio-paper-top: calc(0px - var(--studio-scroll-y, 0px));background-position:0 0,var(--studio-paper-left) var(--studio-paper-top),var(--studio-paper-left) var(--studio-paper-top);background-attachment:fixed}body #mainContainer{z-index:auto;width:-moz-max-content;width:max-content;min-width:100%;max-width:none;margin:0;padding:calc(var(--studio-top) + 40px) 72px calc(var(--studio-dock) + 72px)}body #mainContainer>:is(#tracks,#songInfo,#addTrackBelow,footer){width:704px;margin-inline:auto}body #mainContainer>#tracks{position:relative;left:var(--studio-snap-x, 0px);width:-moz-max-content;width:max-content;min-width:calc(16 * var(--studio-grid-step) - var(--studio-cell-gap) + 66px);padding-top:var(--studio-snap-y, 0px)}body[data-edit-layout=parallel] #mainContainer>#tracks{width:auto;max-width:none;margin-left:0;padding-inline:0;overflow:visible}body .track-wrap{position:relative;margin-bottom:0;padding:0 18px 0 48px;border:0;border-radius:0;background:none;box-shadow:none}body{--measure-column-width: var(--studio-cell)}body :is(.measure-grid-shell,.track-beat-markers){--measure-width: calc( var(--measure-cell-count) * var(--studio-cell) + (var(--measure-cell-count) - 1) * var(--studio-cell-gap) )}body measure-row .measure-grid-shell>.grid{gap:var(--studio-cell-gap)}body measure-row .measure-grid-shell>.grid>*{height:var(--studio-cell-height)}body measure-row :is(step-cell,.triplet-sub-cell){font-size:.875rem}body measure-row step-cell[data-placeholder]{border-color:#ffffff29;background-color:#ffffff06;opacity:1}body measure-row step-cell[data-placeholder][data-odd-beat]{border-color:#ffffff4d;background-color:#ffffff0f}body [data-track-body=true]{gap:var(--studio-cell-gap);padding-bottom:var(--studio-cell-gap)}body [data-track-body=true]:not(:has(*)){padding-bottom:0}body:not([data-edit-layout=parallel]) :is([data-track-body=true]>measure-row,.track-beat-markers){--grid-center-shift: calc( max(0, round(down, (var(--studio-column-span, 16) - var(--measure-cell-count, 16)) / 2, 1)) * var(--studio-grid-step) );margin-left:var(--grid-center-shift)}body .track-beat-markers{--beat-marker-width: calc(var(--beat-size) * (var(--studio-cell) + var(--studio-cell-gap)))}body .track-beat-markers>div{flex:none}body .track-wrap track-header{--studio-track-lead: calc(var(--studio-grid-step) - var(--studio-cell-gap) / 2);display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;height:calc(var(--studio-track-pitch) * 3);margin:0 -18px 0 -48px;padding:var(--studio-track-lead) 18px 4px 48px}body .track-wrap track-header:has(.sticky-track-header[data-performance-open]){height:calc(var(--studio-track-pitch) * 9)}body .track-wrap .sticky-track-header[data-performance-open] .track-header-performance{grid-row:2;grid-column:1 / -1;display:flex;flex-direction:column;justify-content:center;height:calc(var(--studio-track-pitch) * 6 - .5rem)}body .track-wrap track-header:has(.track-collapse-toggle[aria-expanded=false]){height:calc(var(--studio-track-pitch) * 2);padding-bottom:0}body .track-wrap track-header:has(.track-collapse-toggle[aria-expanded=false]) .sticky-track-header{margin-bottom:0}body .track-wrap track-header .track-beat-markers{margin-top:auto;margin-bottom:0;padding-block:4px 2px}body .track-wrap .sticky-track-header{position:relative;grid-template-columns:minmax(0,1fr) repeat(4,auto);-moz-column-gap:.5rem;column-gap:.5rem;margin-bottom:1rem}body .track-wrap .sticky-track-header .track-button-group{display:contents}body .track-wrap .sticky-track-header :is(.ui-track-action-btn,.track-more-toggle){flex:none;gap:.5rem;min-height:44px;padding:0 .875rem;border:1px solid var(--control-border);border-radius:10px;font-size:.8125rem;font-weight:600}body .track-wrap .sticky-track-header :is(.ui-track-action-btn,.track-more-toggle):not([aria-pressed=true],[aria-expanded=true]){background:var(--control-surface);color:var(--control-text)}body .track-wrap .sticky-track-header .ui-track-action-btn:active{filter:brightness(1.3)}.track-wrap .sticky-track-header [data-track-mute]{grid-area:1 / 2}.track-wrap .sticky-track-header [data-track-solo]{grid-area:1 / 3}body .track-wrap .sticky-track-header .track-volume{grid-area:1 / 4;width:11rem;min-height:44px}.track-wrap .sticky-track-header track-actions:not(.track-more-performance) [data-performance-toggle]{display:none}body .track-wrap .track-more-performance{display:flex}body .track-wrap .track-heading .track-collapse-toggle{display:none}body .track-wrap .track-heading .track-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:44px;margin-left:-6px;border-radius:8px;color:var(--control-text);opacity:.7}body .track-wrap .track-heading .track-menu-toggle:is(:hover,[aria-expanded=true]){background:var(--control-surface);opacity:1}body .track-wrap .track-heading .track-menu-toggle+.track-collapse-toggle+.track-title-group{margin-left:.25rem}@media (max-width: 1599.98px){body .track-wrap .sticky-track-header .track-more-toggle{grid-area:1 / 5;display:inline-flex;align-items:center;width:auto;height:auto}.track-wrap .sticky-track-header .track-more-label{display:inline}body .track-wrap .sticky-track-header .track-more-toggle[aria-expanded=true]{background:var(--control-selected);color:var(--control-accent)}body .track-wrap .sticky-track-header .track-more-panel{display:none}body .track-wrap .sticky-track-header[data-more-open] .track-more-panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:20;display:flex;flex-direction:column;gap:2px;min-width:15rem;padding:.375rem;border:1px solid var(--control-border);border-radius:12px;background:var(--studio-chrome);box-shadow:0 18px 48px -12px #000000bf}body .track-wrap .track-more-panel .track-secondary-actions{flex-direction:column;gap:2px;order:1}body .track-wrap .track-more-panel bars-selector{order:0}body .track-wrap .sticky-track-header .track-more-panel .ui-track-action-btn{justify-content:flex-start;width:100%;gap:.75rem;padding-inline:.75rem;border:0;border-radius:8px;background:transparent;font-size:.875rem;font-weight:500}body .track-wrap .sticky-track-header .track-more-panel .ui-track-action-btn:active{background:var(--control-surface-raised)}body .track-wrap .track-more-panel [data-track-remove]{position:relative;margin-top:.4375rem;color:rgb(var(--danger-soft))}.track-wrap .track-more-panel [data-track-remove]:before{content:"";position:absolute;inset:-.25rem .5rem auto;height:1px;background:var(--control-border)}}@media (min-width: 1600px){body .track-wrap .sticky-track-header :is(.track-more-panel,.track-edit-actions,.track-secondary-actions){display:flex;align-items:center;gap:.5rem}.track-wrap .sticky-track-header .track-more-panel{grid-area:1 / 5}.track-wrap .sticky-track-header .track-secondary-actions{order:1}.track-wrap .sticky-track-header .track-more-panel bars-selector{order:2}.track-wrap .sticky-track-header .track-secondary-actions .track-action-label,body .track-wrap .sticky-track-header .track-more-toggle{display:none}body .track-wrap .sticky-track-header .ui-track-action-btn{gap:.375rem;min-height:36px;padding:0 .625rem;border-radius:8px;font-size:.75rem}body .track-wrap .sticky-track-header .track-volume{width:9rem;min-height:36px;padding-inline:.625rem;border-radius:8px}}body .track-wrap .measure-number{color:rgb(var(--text-muted, 161 161 170) / .7)}body #mainContainer>footer{margin-top:96px}body #mainContainer>#songInfo{contain:inline-size;width:min(704px,100vw - 144px);margin:0 auto 1.25rem}body .song-info__card{padding:0;border:0;border-radius:0;background:none}body .song-info__card .song-info__description{color:rgb(var(--text-secondary));font-size:1rem;line-height:1.7}body .song-info__description--collapsed{max-height:8.5em}body .song-info__footer{align-items:center;min-height:44px}body .song-info__more{min-height:44px}body .song-info__source{font-size:.875rem}body .song-info__add{justify-content:flex-start;min-height:44px;border-radius:10px}}@media (min-width: 1360px) and (min-height: 600px){body{--studio-header-bleed: calc(var(--studio-grid-step) * 4)}body .track-wrap track-header{margin-inline:calc(-48px - var(--studio-header-bleed)) calc(-18px - var(--studio-header-bleed))}body .track-wrap track-header .track-beat-markers{margin-left:calc(var(--studio-header-bleed) + var(--grid-center-shift, 0px))}body .track-wrap .sticky-track-header[data-performance-open] .track-header-performance{margin-inline:var(--studio-header-bleed)}}@media (min-width: 1600px) and (min-height: 600px){body{--studio-header-bleed: calc(var(--studio-grid-step) * 6)}}@media (min-width: 1024px) and (min-height: 600px){:root{--pill-h: 68px;--pill-bottom: 0px;--pill-pad: 12px;--pill-sep: 0px;--pill-left: calc(50% - var(--pill-w, 760px) / 2);--pill-group-bottom: calc(var(--pill-bottom) + (var(--pill-h) - 44px) / 2);--toast-lift: calc(var(--pill-bottom) + var(--pill-h))}#mainApp>header{position:fixed;inset:0 0 auto;height:var(--studio-top);border-bottom:1px solid var(--studio-chrome-line);background:var(--studio-chrome);backdrop-filter:none;-webkit-backdrop-filter:none}#mainApp>header:after{content:"";position:fixed;bottom:var(--pill-bottom);left:0;width:100%;height:var(--pill-h);border:1px solid rgb(255 255 255 / .14);border-radius:0;background:rgb(var(--app-bg));box-shadow:0 18px 48px #0000008c;pointer-events:none}body #mainApp>header .header-inner{max-width:none;height:100%;margin:0;padding:0 var(--studio-gutter)}body #mainApp>header .header-controls{display:flex;height:100%;justify-content:flex-start}body #mainApp>header .header-logo{gap:.625rem}body #mainApp>header .header-logo-mark{width:3rem;height:3rem}body #mainApp>header .header-logo-word{font-size:1.375rem;line-height:1;white-space:nowrap}#mainApp>header .header-logo-word br{display:none}body #toolbarSongHeaderRow{position:fixed;top:0;left:calc(var(--studio-gutter) + var(--studio-logo-w, 210px) + 25px);right:calc(var(--studio-gutter) + var(--studio-help-w, 64px) + var(--studio-actions-w, 360px) + 16px);z-index:60;height:var(--studio-top);margin:0;padding:0;justify-content:flex-start}#toolbarSongHeaderRow:before{content:"";position:absolute;top:calc((var(--studio-top) - 24px) / 2);left:-13px;width:1px;height:24px;background:#ffffff29}body #toolbarSongHeaderRow #collapseAllTracks{display:none}body #toolbarSongHeaderRow #songTitleText{flex:0 1 auto;min-width:0;max-width:100%;min-height:44px;margin-right:0;padding-block:.125rem;font-size:1rem;font-weight:650;letter-spacing:-.01em;border-radius:8px}@media (min-width: 1300px){body #toolbarSongHeaderRow{--studio-title-inset: max( var(--studio-gutter) + var(--studio-logo-w, 210px) + 25px, var(--studio-gutter) + var(--studio-help-w, 64px) + var(--studio-actions-w, 360px) + 16px );left:var(--studio-title-inset);right:var(--studio-title-inset);justify-content:center}#toolbarSongHeaderRow:before{content:none}}body app-toolbar.sticky-toolbar-section{position:static;width:auto;height:0;margin:0;padding:0;background:none;overflow:visible}body app-toolbar :is(.main-toolbar-shell,.main-toolbar-controls){display:contents}body app-toolbar :is(.main-toolbar-actions,.main-toolbar-toggles,.main-toolbar-create){position:fixed;z-index:60;display:flex;flex:none;align-items:center;gap:2px;padding:3px;border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface)}body app-toolbar .ui-toolbar-compact-btn{flex:none;min-height:36px;padding:.375rem .75rem;border-radius:7px;font-size:.8125rem;white-space:nowrap}body app-toolbar .ui-toolbar-compact-btn>span{overflow-wrap:normal}body app-toolbar .main-toolbar-actions{top:calc((var(--studio-top) - 44px) / 2);right:var(--studio-gutter);border-color:transparent;background:transparent}body .page-help-controls{display:none}body app-toolbar #openToolbarHelp{display:inline-flex}body .header-help-row{grid-template-columns:auto;width:auto;max-width:none;margin:0;padding:0;border:0;background:transparent}body :is(.header-help-button){min-height:36px}body #mainApp>header .header-transport-row{position:fixed;bottom:var(--pill-bottom);left:calc(var(--pill-left) + var(--pill-x-transport, 252px));z-index:1;display:flex;align-items:center;gap:0;height:var(--pill-h)}body #mainApp>header .header-playback-buttons{order:0;align-items:center;gap:0}#mainApp>header .header-playback-buttons .btn{min-width:0;border:0;box-shadow:none}#mainApp>header .header-playback-buttons #play{--header-play-size: 66px;margin-top:-28px;border:5px solid rgb(var(--app-bg));border-radius:50%;background:rgb(var(--accent));color:rgb(var(--on-accent))}#mainApp>header .header-playback-buttons #play>svg{width:26px;height:26px}#mainApp>header .header-playback-buttons #play:not(.bg-yellow-600)>svg{transform:translate(2px)}#mainApp>header .header-playback-buttons #stop{order:1;flex-direction:column;gap:4px;width:80px;height:44px;padding:0 6px;border-radius:12px;background:transparent;color:rgb(var(--text-secondary));font-size:.625rem;font-weight:500;line-height:1;transition:background-color .12s ease,color .12s ease,transform .12s ease}#mainApp>header .header-playback-buttons #stop>svg{width:20px;height:20px;color:rgb(var(--danger));transition:transform .12s ease}@media (hover: hover) and (pointer: fine){#mainApp>header .header-playback-buttons #stop:hover:not(:disabled){background:rgb(var(--danger) / 12%);color:rgb(var(--text))}}#mainApp>header .header-playback-buttons #stop:active:not(:disabled){background:rgb(var(--danger) / 22%);color:rgb(var(--danger));transform:scale(.94)}#mainApp>header .header-playback-buttons #stop:active:not(:disabled)>svg{transform:scale(.82)}#mainApp>header .header-playback-buttons #stop:after{content:attr(aria-label)}body #mainApp>header .header-tempo{order:1;padding-inline:0}#mainApp>header .header-tempo:before,#mainApp>header .header-tempo:after{content:none}#mainApp>header .header-tempo .tempo-tap-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:80px;height:52px;min-height:0;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;color:rgb(var(--text));font-size:1.25rem;font-weight:700;line-height:1}#mainApp>header .header-tempo .header-tempo-unit{font-size:0}#mainApp>header .header-tempo .header-tempo-unit:after{content:attr(data-compact-label);color:rgb(var(--text-secondary));font-size:.625rem;font-weight:500;letter-spacing:0}body app-toolbar .main-toolbar-toggles{bottom:var(--pill-group-bottom);left:calc(var(--pill-left) + var(--pill-pad));gap:0;padding:0;border:0;background:transparent}body app-toolbar .main-toolbar-toggles .ui-toolbar-compact-btn{flex-direction:column;justify-content:center;gap:4px;min-width:80px;height:44px;padding:0 6px;border-radius:12px;background:transparent;color:rgb(var(--text-secondary));font-size:.625rem;font-weight:500;line-height:1}body app-toolbar .main-toolbar-toggles .ui-toolbar-compact-btn>svg{width:20px;height:20px}body app-toolbar .main-toolbar-toggles .ui-toolbar-compact-btn[aria-pressed=true]{color:rgb(var(--accent));font-weight:600}@media (hover: hover) and (pointer: fine){body app-toolbar .main-toolbar-toggles .ui-toolbar-toggle-btn[aria-pressed=true]:hover{background:#ffffff0f}}body app-toolbar .main-toolbar-create{display:none}body app-toolbar .main-toolbar-history{position:fixed;bottom:var(--pill-group-bottom);left:calc(var(--pill-left) + var(--pill-x-history, 490px));z-index:60;display:flex;align-items:center;gap:6px;width:-moz-max-content;width:max-content;height:44px;pointer-events:none}app-toolbar .main-toolbar-history .dock-chip{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;width:40px;height:36px;padding:0;border:0;border-radius:12px;background:rgb(var(--text));color:rgb(var(--on-accent));box-shadow:0 1px 4px #0000002e;font-size:.8125rem;font-weight:600;pointer-events:auto}app-toolbar .main-toolbar-history .dock-chip>svg{width:17px;height:17px}app-toolbar .main-toolbar-history .dock-chip:disabled{visibility:visible;opacity:.4;cursor:not-allowed}app-toolbar .main-toolbar-history .dock-chip--wide{width:auto;margin-left:10px;padding:0 14px 0 11px}app-toolbar .main-toolbar-history .dock-chip--wide>svg{width:14px;height:14px}.recording-banner{bottom:calc(var(--studio-dock) + 1rem)}}.track-group-header{display:flex;align-items:center;gap:.375rem;min-height:1.75rem;margin-block:.75rem .25rem;padding-inline:.125rem;color:var(--control-muted-text);font-size:.75rem;font-weight:500;letter-spacing:.02em}.track-group-toggle{display:inline-flex;align-items:center;gap:.375rem;min-width:0;min-height:1.75rem;padding:0 .375rem 0 .125rem;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}.track-group-toggle:is(:hover,:focus-visible){color:var(--control-text);outline:none}.track-group-toggle:focus-visible{box-shadow:0 0 0 2px rgb(var(--accent) / 45%)}.track-group-chevron{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(90deg);transition:transform .12s ease}.track-group-toggle[aria-expanded=false] .track-group-chevron{transform:none}.track-group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-group-count{flex:none;opacity:.6;font-variant-numeric:tabular-nums}.track-group-count:before{content:"·";margin-inline-end:.375rem}.track-group-rule{flex:1;min-width:1rem;height:1px;background:var(--control-border);opacity:.7}.track-group-rename{min-width:0;width:14rem;max-width:50%;height:1.75rem;padding-inline:.5rem;border:1px solid var(--control-border);border-radius:6px;background:transparent;color:var(--control-text);font:inherit}.track-group-rename:focus{outline:none;border-color:rgb(var(--accent) / 60%)}.track-group-tools{display:inline-flex;gap:.125rem;opacity:0;transition:opacity .12s ease}.track-group-tools[hidden]{display:none}.track-group-header:is(:hover,:focus-within) .track-group-tools{opacity:1}.track-group-tool{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.track-group-tool svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.track-group-tool:is(:hover,:focus-visible){background:var(--control-surface-raised);color:var(--control-text);outline:none}@media (hover: none){.track-group-tools{opacity:.55}.track-group-tool{width:2.25rem;height:2.25rem}}grid-view track-grid[hidden]{display:none!important}ui-overlay[data-kind=track-menu][data-panel=group]>.ui-overlay-surface[popover]{width:16rem}.track-menu-submenu:after{content:"";width:6px;height:6px;margin-inline-start:auto;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);opacity:.5}.track-group-picker-field{display:flex;align-items:center;gap:.25rem;padding-bottom:.25rem}.track-group-picker-back{display:inline-grid;flex:none;place-items:center;width:2rem;height:2.25rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--control-muted-text);cursor:pointer}.track-group-picker-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.track-group-picker-back:is(:hover,:focus-visible){background:var(--control-surface-raised);color:var(--control-text);outline:none}.track-group-picker-input{flex:1;min-width:0;height:2.25rem;padding-inline:.625rem;border:1px solid var(--control-border);border-radius:8px;background:transparent;color:var(--control-text);font:inherit;font-size:.875rem}.track-group-picker-input::-moz-placeholder{color:var(--control-muted-text)}.track-group-picker-input::placeholder{color:var(--control-muted-text)}.track-group-picker-input:focus{outline:none;border-color:rgb(var(--accent) / 60%)}.track-group-picker-list{display:flex;flex-direction:column;gap:2px;max-height:15rem;overflow-y:auto}.track-group-picker-list[hidden]{display:none}.track-group-picker .track-menu-item[data-active]{background:var(--control-surface-raised)}.track-group-picker .track-menu-item svg{stroke-width:3}.track-group-picker .track-group-picker-create svg{stroke-width:2}.track-group-picker-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-group-picker-count{margin-inline-start:auto;color:var(--control-muted-text);font-size:.75rem;font-variant-numeric:tabular-nums}.track-group-picker-create{color:rgb(var(--accent))}.track-group-picker-leave{margin-top:.25rem;border-top:1px solid var(--control-border);border-radius:0 0 8px 8px;color:var(--control-muted-text)}@media (min-width: 1024px) and (min-height: 600px){body .track-group-header{align-items:flex-end;box-sizing:border-box;height:calc(var(--studio-grid-step) * 2);margin:0 calc(18px - var(--studio-header-bleed, 0px)) 0 calc(48px - var(--studio-header-bleed, 0px));padding:0}}.instrument-icon{width:1.5rem;height:1.5rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.instrument-icon .instrument-icon__index{fill:currentColor;stroke:none;font:700 7.5px/1 Poppins,system-ui,sans-serif}.ui-instrument-row{width:100%;border:0;background:transparent;color:rgb(var(--text));font:inherit;font-size:.9375rem;text-align:left;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}@media (hover: hover) and (pointer: fine){.ui-instrument-row:hover{background:#ffffff0a}}.ui-instrument-row:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:-2px}.ui-instrument-row>.instrument-icon{color:rgb(var(--text-secondary))}.ui-instrument-row[data-empty]>:is(.instrument-icon,.ui-row__label){color:rgb(var(--text-muted))}.ui-instrument-row .ui-row__value{display:inline-flex;align-items:center;justify-content:flex-end;gap:.625rem}.ui-instrument-row__count{color:rgb(var(--text-muted));font-size:.8125rem;white-space:nowrap}.ui-instrument-row .ui-row__value .instrument-icon{display:block;width:1.125rem;height:1.125rem;color:rgb(var(--accent))}.ui-instrument-row--active{animation:instrument-row-added 1.4s ease-out both}.ui-instrument-row--active>:is(.instrument-icon,.ui-row__label){color:rgb(var(--text))}.ui-instrument-row--active .ui-row__value .instrument-icon{color:#58daaa;animation:instrument-row-check .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes instrument-row-added{0%{background:#25a77799;box-shadow:inset 0 0 0 1px #43d6a0b3}45%{background:#20926861;box-shadow:inset 0 0 0 1px #43d6a073}to{background:#20926800;box-shadow:inset 0 0 0 1px #43d6a000}}@keyframes instrument-row-check{0%{transform:scale(.3) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.ui-instrument-row--active{animation:none;background:#20926852}.ui-instrument-row--active .ui-row__value .instrument-icon{animation:none}}.add-lane-slot{display:flex;justify-content:center}.add-lane-slot>.add-track-below{width:min(704px,100%)}body[data-arrangement-add-lane] #addTrackBelow{display:none}