@font-face{font-family:Upside SF Pro Rounded;src:url(/fonts/sf-pro-rounded/SF-Pro-Rounded-Regular.otf) format("opentype");font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:Upside SF Pro Rounded;src:url(/fonts/sf-pro-rounded/SF-Pro-Rounded-Semibold.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Upside SF Pro Rounded;src:url(/fonts/sf-pro-rounded/SF-Pro-Rounded-Bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Upside SF Pro Rounded;src:url(/fonts/sf-pro-rounded/SF-Pro-Rounded-Heavy.otf) format("opentype");font-style:normal;font-weight:800 900;font-display:swap}:root,[data-theme=personal],[data-theme=light]{color-scheme:light;--studio-teal: #089497;--teal-board: #089497;--studio-teal-bright: #3e9197;--deep-teal: #22595d;--deepest-teal: #0f3638;--seafoam: #b1cdb8;--teal-wash: #b1cdb8;--paper-cream: #f6e3c2;--paper-white: #f8ead2;--paper-edge: #e3cfad;--paper-rule: color-mix(in srgb, var(--deep-teal) 22%, transparent);--studio-pink: #d64f78;--pressed-pink: #c32b52;--pink-on-teal: #f57098;--teal-on-pink: #0b8588;--blush: #e7b9b0;--salmon: #ef9997;--mustard: #fbc551;--lilac: #b388ff;--coral: #d9825b;--plum: #8f5b84;--cobalt: #3967a8;--rose: #c95f78;--workspace-accent: var(--studio-pink);--teal-ink: #0f3638;--ink: #22595d;--muted-ink: #3e6566;--ink-muted: var(--muted-ink);--brick: #c9514e;--fresh-teal: #2d9b8f;--sidebar-ink: var(--paper-white);--sidebar-muted: var(--seafoam);--sidebar-hover: var(--paper-cream);--sidebar-active: var(--pink-on-teal);--sidebar-rule: var(--pink-on-teal);--color-primary: var(--studio-teal);--color-primary-strong: var(--deep-teal);--color-accent: var(--studio-pink);--color-accent-strong: var(--pressed-pink);--color-mustard: var(--mustard);--color-cream: var(--paper-cream);--color-cream-raised: var(--paper-white);--color-paper-line: var(--paper-edge);--bg: var(--studio-teal);--surface: var(--paper-cream);--surface-1: var(--paper-white);--surface-2: color-mix(in srgb, var(--paper-edge) 45%, var(--paper-cream));--surface-3: color-mix(in srgb, var(--seafoam) 13%, var(--paper-cream));--surface-hover: color-mix(in srgb, var(--seafoam) 17%, var(--paper-cream));--border: var(--paper-edge);--border-strong: color-mix(in srgb, var(--teal-ink) 28%, var(--paper-edge));--text: var(--ink);--text-strong: var(--teal-ink);--text-dim: var(--muted-ink);--muted: var(--muted-ink);--accent: var(--studio-pink);--error: var(--brick);--error-border: color-mix(in srgb, var(--brick) 45%, var(--paper-edge));--error-bg: color-mix(in srgb, var(--brick) 8%, var(--paper-cream));--success: var(--fresh-teal);--section-intro: #0b8c91;--section-verse: #0a9699;--section-prechorus: var(--lilac);--section-chorus: var(--studio-pink);--section-bridge: var(--mustard);--section-solo: var(--coral);--section-outro: #07868c;--radius-cell: 3px;--r-xs: 3px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--radius-control: var(--r-sm);--control-radius: var(--radius-control);--radius-list: var(--r-sm);--radius-popover: var(--r-md);--radius-dialog: var(--r-lg);--radius-sheet: var(--r-lg);--radius-shell: var(--r-lg);--sheet-radius: var(--radius-sheet);--shadow-contact: none;--shadow-pressed: none;--shadow-raised: none;--shadow-floating: 0 16px 34px rgba(43, 32, 20, .18), 0 2px 0 rgba(88, 62, 35, .09);--shadow-inset: none;--shadow-cutout: var(--shadow-contact);--shadow-popover: var(--shadow-floating);--shadow-dialog: var(--shadow-floating);--shadow-sheet: none;--shadow-paper-piece: none;--shadow-play-ring: 0 0 0 4px color-mix(in srgb, var(--studio-teal) 32%, transparent);--shadow-inline-edit: inset 0 0 0 2px var(--studio-pink);--shadow-inline-focus: inset 0 0 0 2px var(--studio-pink), 0 0 0 2px color-mix(in srgb, var(--paper-white) 72%, transparent);--shadow-section-selected: inset 0 0 0 2px var(--paper-white), var(--shadow-paper-piece);--shadow-1: none;--shadow-2: var(--shadow-floating);--shadow-3: var(--shadow-floating);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--font-rounded: "Upside SF Pro Rounded", ui-rounded, "SF Pro Rounded", "SF Compact Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Rounded", system-ui, sans-serif;--font-display: var(--font-rounded);--font-heading: var(--font-rounded);--font-ui: var(--font-rounded);--font-label: var(--font-rounded);--font-data: var(--font-text);--title-display-weight: 700;--title-display-leading: 1.04;--title-display-tracking: .008em;--title-heading-weight: 700;--title-heading-leading: 1.1;--title-heading-tracking: .014em;--title-small-leading: 1.16;--title-small-tracking: .02em;--text-xs: clamp(.72rem, .7rem + .06vw, .78rem);--text-sm: clamp(.84rem, .8rem + .09vw, .92rem);--text-md: clamp(.96rem, .91rem + .11vw, 1.04rem);--text-lg: clamp(1.14rem, 1.04rem + .22vw, 1.3rem);--text-xl: clamp(1.64rem, 1.42rem + .5vw, 2rem);--text-display: clamp(3.3rem, 2.42rem + 2.2vw, 4.8rem);--material-paper: url(/materials/prototype/paper-authored.webp);--material-board: url(/materials/prototype/teal-authored.webp);--material-teal: url(/materials/prototype/teal-authored.webp);--material-teal-wash: url(/materials/prototype/teal-wash-authored.webp);--material-pink: url(/materials/prototype/pink-authored.webp);--material-pink-wash: url(/materials/prototype/pink-wash-authored.webp);--material-salmon: url(/materials/prototype/salmon-authored.webp);--material-overprint: url(/materials/prototype/overprint-authored.webp);--material-pigment-grain: url(/materials/prototype/ink-absorption.webp);--material-print-ink-mask: none;--material-ink-mask: none;--material-control-mask: none;--material-highlight: url(/materials/highlight-stroke.png);--material-rule-horizontal: linear-gradient(var(--studio-pink), var(--studio-pink));--material-rule-teal-horizontal: linear-gradient(color-mix(in srgb, var(--deep-teal) 34%, transparent), color-mix(in srgb, var(--deep-teal) 34%, transparent));--material-rule-vertical: linear-gradient(var(--studio-pink), var(--studio-pink));--material-paper-edge-rule: none;--texture-fibre: var(--material-paper);--texture-grain: var(--material-pigment-grain);--texture-paper: var(--material-paper);--paper-stock-texture: var(--material-paper);--paper-material: var(--material-paper);--pigment-material: var(--material-pigment-grain);--board-material: var(--material-board);--material-size: 768px 768px;--paper-texture-size: 768px 768px;--pigment-texture-size: 768px 768px;--board-texture-size: 768px 768px;--ease-print: cubic-bezier(.2, .78, .24, 1);--ease-press: cubic-bezier(.22, .68, .3, 1);--motion-fast: .13s;--motion-medium: .19s;--popup-background: var(--paper-white);--popup-opaque-background: var(--paper-white);--popup-border: var(--paper-edge);--popup-shadow: var(--shadow-floating);--popup-radius: var(--r-md);--popup-padding: var(--sp-2);--popup-gap: var(--sp-1);--popup-font-size: var(--text-sm);--popup-font-weight: 650;--popup-backdrop: none;--pink-wash: color-mix(in srgb, var(--blush) 22%, transparent);--nav-width: clamp(196px, 16vw, 228px);--arrangement-nav-width: var(--nav-width);--topbar-height: 64px;--topbar-h: var(--topbar-height);--bottom-nav-h: clamp(64px, 8.8dvh, 72px);--bottom-nav-height: var(--bottom-nav-h);--page-inline: clamp(18px, 3vw, 48px);--page-block: clamp(18px, 2.6vw, 36px);--page-max: 1480px;--focus-ring: 3px solid var(--studio-pink);--focus-offset: 2px;--bar-width: 20px;--bar-gap: 0px;--section-radius: 5px;--section-alpha: .92}[data-theme=band]{color-scheme:light;--focus-ring: 3px solid var(--workspace-accent)}.material-board{background-color:var(--studio-teal);background-image:var(--material-board);background-position:left top;background-repeat:repeat;background-size:var(--board-texture-size);background-attachment:scroll}.material-sheet,.paper-material{background-color:var(--paper-cream);background-image:var(--material-paper);background-position:top left;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:scroll}.printed-ink{-webkit-mask-image:var(--material-print-ink-mask);mask-image:var(--material-print-ink-mask);-webkit-mask-position:left top;mask-position:left top;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--pigment-texture-size);mask-size:var(--pigment-texture-size)}.attached-label{position:relative;isolation:isolate;background-image:var(--material-teal);background-position:left top;background-repeat:repeat;background-size:var(--pigment-texture-size);background-attachment:scroll;background-blend-mode:normal;border-radius:5px 6px 4px/5px 4px 6px 5px;box-shadow:none;filter:none;overflow:hidden;-webkit-mask-image:none;mask-image:none;-webkit-mask-box-image:none;transition:color var(--motion-fast) var(--ease-print),background-color var(--motion-fast) var(--ease-print)}.attached-label:after{content:none}.attached-label:hover,.attached-label:active{filter:none}.attached-label:focus-visible{outline:2px solid var(--deep-teal);outline-offset:3px;filter:none}.ink-wash{position:relative;isolation:isolate}.ink-wash:before{content:"";position:absolute;z-index:-1;top:-.2em;right:-.44em;bottom:-.2em;left:-.44em;pointer-events:none;background-color:var(--wash-color, var(--seafoam));background-image:var(--material-teal-wash);background-position:left center;background-repeat:repeat;background-size:var(--pigment-texture-size);background-attachment:scroll;background-blend-mode:normal;opacity:var(--wash-opacity, .64);border-radius:7px 6px 8px 5px/6px 8px 5px 7px}.wash-mustard{--wash-color: var(--mustard);--wash-opacity: 1}.wash-mustard:before{top:-.28em;right:-.58em;bottom:-.28em;left:-.58em;background-color:transparent;background-image:var(--material-highlight);background-position:center;background-repeat:no-repeat;background-size:100% 100%;opacity:1;-webkit-mask:none;mask:none}.wash-seafoam{--wash-color: var(--seafoam);--wash-opacity: .74}.wash-pink{--wash-color: var(--blush);--wash-opacity: .7}.wash-pink:before{background-image:var(--material-pink-wash)}.printed-link{position:relative;color:var(--pressed-pink);font-family:var(--font-label);font-weight:760;text-decoration:none;transition:color var(--motion-fast) var(--ease-print)}.printed-link:after{content:"";position:absolute;right:0;bottom:-.14em;left:0;height:4px;background:var(--material-rule-horizontal) center / 100% 100% no-repeat;opacity:0;transform:scaleX(.66);transform-origin:left;transition:opacity var(--motion-fast) var(--ease-print),transform var(--motion-medium) var(--ease-print)}.printed-link:hover{color:var(--deep-teal)}.printed-link:hover:after,.printed-link:focus-visible:after{opacity:.92;transform:scaleX(1)}.printed-link.ruled-link:after{opacity:.92;transform:scaleX(1)}@media (prefers-reduced-motion: reduce){.attached-label,.printed-link,.printed-link:after{transition-duration:.01ms}}:where(.popup-surface){color:var(--ink);background-color:var(--paper-white);background-image:var(--paper-stock-texture);background-position:left top;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:local;border:0;border-radius:var(--radius-popover);box-shadow:var(--shadow-popover);font-family:var(--font-ui);font-size:var(--text-sm);line-height:1.35}.popup-menu{display:grid;gap:.15rem;min-width:12rem;max-width:min(20rem,calc(100vw - 1.5rem));padding:var(--sp-2);overflow:auto;overscroll-behavior:contain;word-break:normal}.popup-menu.popup-fixed{position:fixed;z-index:1600}.popup-menu.popup-absolute{position:absolute;z-index:1480}.popup-menu .popup-menu-item,.popup-menu>button,.popup-menu>a{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:2.4rem;padding:0 var(--sp-3);border:0;border-radius:var(--radius-control);box-sizing:border-box;color:var(--ink);background:transparent;font:inherit;font-family:var(--font-label);font-weight:700;text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-print),color var(--motion-fast) var(--ease-print)}.popup-menu .popup-menu-item:hover,.popup-menu .popup-menu-item:focus-visible,.popup-menu>button:hover,.popup-menu>button:focus-visible,.popup-menu>a:hover,.popup-menu>a:focus-visible{color:var(--deep-teal);background-color:var(--seafoam);background-image:var(--material-teal-wash);background-size:var(--material-size);outline:0}.popup-menu .popup-menu-item[aria-current=true],.popup-menu>button[aria-pressed=true]{color:var(--paper-white);background-color:var(--studio-teal);background-image:var(--material-teal);background-size:var(--material-size)}.popup-menu .popup-menu-item.danger,.popup-menu>.danger{color:var(--brick)}.popup-menu .popup-menu-item.danger:hover,.popup-menu .popup-menu-item.danger:focus-visible,.popup-menu>.danger:hover,.popup-menu>.danger:focus-visible{color:var(--brick);background-color:var(--salmon);background-image:var(--material-salmon);background-size:var(--material-size)}.popup-menu select,.popup-menu input,.popup-menu textarea{width:100%;min-height:2.5rem;padding:0 var(--sp-3);border:1px solid var(--paper-edge);border-radius:var(--radius-control);box-sizing:border-box;color:var(--ink);background-color:var(--paper-white);background-image:var(--material-paper);background-size:var(--paper-texture-size);background-attachment:scroll;font:inherit}.popup-menu textarea{min-height:5rem;padding-block:var(--sp-2);resize:vertical}.popup-menu select:focus-visible,.popup-menu input:focus-visible,.popup-menu textarea:focus-visible{border-color:transparent;outline:var(--focus-ring);outline-offset:var(--focus-offset)}.popup-menu-separator{height:4px;margin:var(--sp-1) var(--sp-2);background:var(--material-rule-teal-horizontal) center / 100% 100% no-repeat;opacity:.62}.popup-card{display:grid;gap:var(--sp-4);width:min(30rem,calc(100vw - 2rem));max-height:min(44rem,calc(100dvh - 2rem));padding:var(--sp-5);overflow:auto;overscroll-behavior:contain;border:0;border-radius:var(--radius-dialog);box-sizing:border-box;color:var(--ink);background-color:var(--paper-white);background-image:var(--paper-stock-texture);background-position:left top;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:local;box-shadow:var(--shadow-dialog)}.popup-card--wide{width:min(42rem,calc(100vw - 2rem))}.popup-card .form-group{display:grid;gap:var(--sp-1)}.popup-card label{color:var(--ink);font-size:.85rem;font-family:var(--font-label);font-weight:740}.popup-card .form-group input,.popup-card .form-group select,.popup-card .form-group textarea{width:100%;min-height:2.65rem;padding:0 var(--sp-3);border:1px solid var(--paper-edge);border-radius:var(--radius-control);box-sizing:border-box;color:var(--ink);background-color:color-mix(in srgb,var(--paper-white) 86%,transparent);background-image:var(--material-paper);background-size:var(--paper-texture-size);background-attachment:scroll;font:inherit}.popup-card .form-group textarea{min-height:6rem;padding-block:var(--sp-2);resize:vertical}.popup-card .form-group input:focus-visible,.popup-card .form-group select:focus-visible,.popup-card .form-group textarea:focus-visible{border-color:transparent;outline:var(--focus-ring);outline-offset:var(--focus-offset)}.popup-card .modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2)}@media (max-width: 640px){.popup-menu{max-width:calc(100vw - 1rem)}.popup-card,.popup-card--wide{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);padding:var(--sp-4)}}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--teal-board)}body{margin:0;color:var(--text);background-color:var(--studio-teal);background-image:var(--material-board);background-position:center;background-size:var(--board-texture-size);background-attachment:scroll;font:500 var(--text-md)/1.34 var(--font-ui);letter-spacing:-.006em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;user-select:text}a{color:inherit}h1,h2,h3,h4,h5,h6{margin-block:0;color:var(--text-strong);font-family:var(--font-heading);font-weight:var(--title-heading-weight);line-height:var(--title-heading-leading);letter-spacing:var(--title-heading-tracking);font-optical-sizing:auto;font-kerning:normal;font-synthesis:none}h1{font-size:var(--text-xl);font-weight:var(--title-display-weight);line-height:var(--title-display-leading);letter-spacing:var(--title-display-tracking)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md);line-height:var(--title-small-leading);letter-spacing:var(--title-small-tracking)}p{margin-block:0}.app-shell:not(.arrangement-route):not(.stage-route) .content h1:not(.no-auto-stop):after{content:".";display:inline-block;margin-left:.045em;color:var(--workspace-accent);text-shadow:.7px .4px color-mix(in srgb,var(--workspace-accent) 22%,transparent)}[data-theme=band] .app-shell:not(.arrangement-route):not(.stage-route) .content{border-left:5px solid color-mix(in srgb,var(--workspace-accent) 88%,transparent)}button,.button{min-height:36px;padding:.31rem .4rem .19rem;border:0;border-radius:5px 6px 4px/5px 4px 6px 5px;color:var(--paper-white);background-color:var(--studio-teal);background-image:var(--material-teal);background-position:left top;background-repeat:repeat;background-size:var(--pigment-texture-size);background-attachment:scroll;background-blend-mode:normal;font-family:var(--font-label);font-weight:740;line-height:1;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-print),color var(--motion-fast) var(--ease-print)}button:hover,.button:hover{background-color:var(--deep-teal)}button:active,.button:active{background-color:var(--deepest-teal)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}button:disabled,.button[aria-disabled=true]{color:color-mix(in srgb,var(--muted-ink) 74%,var(--paper-cream));background-color:color-mix(in srgb,var(--paper-edge) 68%,var(--paper-cream));cursor:not-allowed}.btn-primary,.primary,.cta{background-color:var(--studio-teal);color:var(--paper-white)}.btn-accent,.accent,.play{background-color:var(--studio-pink);background-image:var(--material-pink);color:var(--paper-white)}.btn-ghost,.ghost,.secondary,.icon-button{color:var(--teal-ink);background-color:transparent;background-image:none;border:1.6px solid currentColor}.btn-ghost:hover,.ghost:hover,.secondary:hover,.icon-button:hover{color:var(--deep-teal);background-color:color-mix(in srgb,var(--seafoam) 23%,transparent)}.btn-danger,.danger{color:var(--brick);background-color:transparent;background-image:none}.btn-danger:hover,.danger:hover{background-color:var(--brick);color:var(--paper-white)}input,textarea,select{min-height:38px;padding:.52rem .68rem;color:var(--teal-ink);background-color:var(--seafoam);background-image:var(--material-teal-wash);background-position:left top;background-repeat:repeat;background-size:var(--pigment-texture-size);background-attachment:scroll;background-blend-mode:normal;border:0;border-radius:5px 6px 4px/5px 4px 6px 5px;box-shadow:none;transition:background-color var(--motion-fast) var(--ease-print),color var(--motion-fast) var(--ease-print)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px dashed var(--workspace-accent);outline-offset:3px}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{color:var(--brick);background-color:var(--blush)}.material-board input:not([type=range]):not([type=checkbox]),.material-board textarea,.material-board select{color:var(--teal-ink);background-color:var(--paper-cream);background-image:var(--material-paper);background-size:var(--paper-texture-size)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;min-width:24px;height:24px;min-height:24px;margin:0;padding:0;color:var(--teal-ink);background-color:var(--paper-edge);background-image:var(--material-paper);background-position:center;background-size:var(--paper-texture-size);background-repeat:repeat;border:0;border-radius:4px 5px 3px/4px 3px 5px 4px;box-shadow:none;clip-path:polygon(2% 1%,99% 3%,97% 99%,1% 97%);cursor:pointer;opacity:1;transition:background-color var(--motion-fast) var(--ease-print)}input[type=checkbox]:checked{background-color:var(--studio-teal);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fceecf' d='m3.2 12.7 5.2 5.2L21 5.3l-2.4-2.4L8.4 13.1 5.6 10.3z'/%3E%3C/svg%3E"),var(--material-pigment-grain);background-position:center,left top;background-size:19px 19px,var(--pigment-texture-size);background-repeat:no-repeat,repeat}input[type=checkbox]:disabled{opacity:.12;cursor:not-allowed}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:28px;padding:0;background:transparent;border:0;box-shadow:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:5px;background-color:color-mix(in srgb,var(--studio-teal) 38%,var(--paper-edge));background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border:0;border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5.5px;background-color:var(--studio-teal);background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border:0;border-radius:50%;box-shadow:0 1px #4e321c2e;transition:transform var(--motion-fast) var(--ease-press)}input[type=range]::-moz-range-track{height:5px;background-color:color-mix(in srgb,var(--studio-teal) 38%,var(--paper-edge));background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border:0;border-radius:999px}input[type=range]::-moz-range-progress{height:5px;background-color:var(--studio-pink);background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border-radius:999px}input[type=range]::-moz-range-thumb{width:16px;height:16px;background-color:var(--studio-teal);background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border:0;border-radius:50%;box-shadow:0 1px #4e321c2e;transition:transform var(--motion-fast) var(--ease-press)}input[type=range]:active::-webkit-slider-thumb,input[type=range]:active::-moz-range-thumb{transform:scale(.9)}button[aria-label^=Close]:not(.dialog-backdrop):not(.drawer-backdrop):not(.lyrics-dialog-backdrop),button[aria-label^=Dismiss]:not(.overlay-dismiss){width:38px;min-width:38px;min-height:38px;padding:0;color:var(--teal-ink);background:transparent;border:0;border-radius:0;box-shadow:none}button.close,button.close-dialog,button.close-strip,button.close-brush{width:38px;min-width:38px;min-height:38px;padding:0;color:var(--teal-ink);background:transparent;border:0;border-radius:0;box-shadow:none}button[aria-label^=Close]:not(.dialog-backdrop):not(.drawer-backdrop):not(.lyrics-dialog-backdrop):hover,button[aria-label^=Dismiss]:not(.overlay-dismiss):hover{color:var(--studio-pink);background:transparent}button[aria-label^=Close] .phosphor-icon,button[aria-label^=Dismiss] .phosphor-icon{width:19px!important;height:19px!important}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted-ink) 72%,var(--paper-cream))}input:focus,textarea:focus,select:focus{background-color:var(--paper-white);box-shadow:none}label{color:var(--teal-ink);font-weight:700}.container{max-width:1320px;margin:0 auto;padding:clamp(10px,1.5vw,22px)}.paper-sheet{color:var(--ink);background-color:var(--paper-white);background-image:var(--material-paper);background-size:var(--paper-texture-size);background-attachment:scroll;border:0;border-radius:var(--r-lg)}.card,.panel,.group{color:var(--ink);background:transparent;border:0;border-radius:0;box-shadow:none}@media (max-width: 859px){.mobile-shell .content .page-heading h1,.mobile-shell .content .page-heading .eyebrow,.mobile-shell .content .page-heading .micro-label,.mobile-shell .content .page-heading>div>p,.mobile-shell .content .settings>header h1,.mobile-shell .content .settings>header .micro-label,.mobile-shell .content .settings>header p,.mobile-shell .content .stage-index>header h1,.mobile-shell .content .stage-index>header>div>span,.mobile-shell .content .stage-index>header p,.mobile-shell .content .composer-title h1,.mobile-shell .content .composer-title p{display:none!important}}.item-card,.paper-piece{background-color:var(--paper-white);background-image:var(--material-paper);background-position:left top;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:scroll;border:0;border-radius:var(--r-sm);box-shadow:var(--shadow-paper-piece)}.data,time,.bar-number,.timecode,.duration,.bpm{font-family:var(--font-data);font-variant-numeric:tabular-nums}.micro-label{color:var(--muted-ink);font-family:var(--font-label);font-size:var(--text-sm);font-weight:780;letter-spacing:.09em;text-transform:uppercase}.text-muted{color:var(--muted-ink)}.mouse-gradient,.hover-gradient:before{display:none}.popup-surface,.popup-card,.sync-card,.notif-panel,.popup-menu{color:var(--ink);background-color:var(--paper-white);background-image:var(--material-paper);background-size:var(--paper-texture-size);background-attachment:local;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.skeleton{background-color:color-mix(in srgb,var(--paper-edge) 58%,var(--paper-cream));background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;animation:paper-pulse 1.2s ease-in-out infinite alternate}body .app-shell :is(.error,.dialog-error,.warnings,.no-playback,.failed-panel){background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-attachment:scroll;background-blend-mode:multiply}@keyframes paper-pulse{to{background-color:color-mix(in srgb,var(--seafoam) 18%,var(--paper-cream))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 720px){:root{--sp-5: 16px;--sp-6: 22px;--sp-7: 28px}.container{padding:8px}}.display-type{font-family:var(--font-display);font-weight:var(--title-display-weight);line-height:var(--title-display-leading);letter-spacing:var(--title-display-tracking);font-optical-sizing:auto;font-kerning:normal;font-synthesis:none}.paper-surface{background-color:var(--paper-white);background-image:var(--material-paper);background-position:left top;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:scroll}.teal-surface{background-color:var(--studio-teal);background-image:var(--material-board);background-size:var(--board-texture-size);background-attachment:scroll}@supports not (color: color-mix(in srgb,red,blue)){:root,[data-theme=personal],[data-theme=light]{--surface-2: var(--paper-edge);--surface-3: var(--paper-cream);--surface-hover: var(--paper-white);--border-strong: var(--deep-teal);--error-border: var(--brick);--error-bg: var(--paper-cream);--pink-wash: var(--blush);--shadow-play-ring: 0 0 0 4px var(--studio-teal);--shadow-inline-focus: inset 0 0 0 2px var(--studio-pink), 0 0 0 2px var(--paper-white)}button:disabled,.button[aria-disabled=true]{color:var(--muted-ink);background-color:var(--paper-edge)}.btn-ghost:hover,.ghost:hover,.secondary:hover,.icon-button:hover{background-color:var(--seafoam)}input[type=range]::-webkit-slider-runnable-track,input[type=range]::-moz-range-track{background-color:var(--paper-edge)}input::placeholder,textarea::placeholder{color:var(--muted-ink)}.skeleton{background-color:var(--paper-edge)}.song-map .bar-card,.song-map .bar-card:nth-child(4n+1),.song-map .bar-card.section-start,.song-map .bar-card.section-end,.song-map .bar-card.section-start.section-end{border-color:var(--section-color)!important}.song-map .bar-main,.song-map .bar-main:hover{color:var(--paper-white);background-color:var(--section-color)!important}.song-map .bar-layer,.song-map .lyric-layer,.song-map .cue-layer{background-color:var(--paper-white)!important;border-top-color:var(--paper-edge)!important}.song-map .beat-grid i{background:var(--deep-teal)!important}.song-map .playback-fill,.song-map .completed-playback-fill{background:var(--blush)!important}.song-map .bar-card.focused,.song-map .bar-card.current,.song-map .bar-card.selected,.song-map .bar-card.editing{border-color:var(--studio-pink)!important}.song-map .amplitude-field .vocal-presence,.song-map .amplitude-field .bass-pulse{stroke:var(--amplitude-color)!important}.song-map .stem-start-label{background:var(--stem-color)!important;border-color:var(--paper-white)!important;box-shadow:none!important}}
