@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(./ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(./ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(./ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(./ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2)format("woff2"),url(./ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2)format("woff2"),url(./ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2)format("woff2"),url(./jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./jetbrains-mono-cyrillic-500-normal-DmUKJPL_.woff2)format("woff2"),url(./jetbrains-mono-cyrillic-500-normal-DJqRU3vO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./jetbrains-mono-cyrillic-700-normal-BWTpRfYl.woff2)format("woff2"),url(./jetbrains-mono-cyrillic-700-normal-CEoEElIJ.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(./jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(./jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2)format("woff2"),url(./jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./jetbrains-mono-latin-ext-500-normal-Cut-4mMH.woff2)format("woff2"),url(./jetbrains-mono-latin-ext-500-normal-ckzbgY84.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./jetbrains-mono-latin-ext-700-normal-CZipNAKV.woff2)format("woff2"),url(./jetbrains-mono-latin-ext-700-normal-CxPITLHs.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sp-chrome:#101a1e;--sp-chrome-raised:#17242a;--sp-chrome-sunken:#0b1215;--sp-hairline:#1d2c31;--sp-canvas:#16262b;--sp-canvas-alt:#1b2e34;--sp-hairline-canvas:#24383e;--sp-fg-base:#dde7ea;--sp-fg-2-base:#8aa3ab;--sp-fg-3-base:#67848c;--sp-fg:var(--sp-fg-base);--sp-fg-2:var(--sp-fg-2-base);--sp-fg-3:var(--sp-fg-3-base);--sp-fg-on-accent:#101a1e;--sp-select:#e8b93c;--sp-select-wash:oklab(80.6951% .00706157 .145566/.14);--sp-play-base:#3fbf9f;--sp-play:var(--sp-play-base);--sp-play-wash:oklab(72.6603% -.119868 .0152506/.12);--sp-object-chord-base:#ec6a83;--sp-object-section-base:#7fb6c4;--sp-object-chord:var(--sp-object-chord-base);--sp-object-section:var(--sp-object-section-base);--sp-object-track-1:#e0774c;--sp-object-track-2:#7aa2c9;--sp-object-track-3:#a98bd1;--sp-object-track-4:#77c08c;--sp-derive-draft:46%;--sp-derive-readonly:.5;--sp-measured-fg:#62808a;--sp-proposed-fg:#9fd4c6;--sp-canon-fg:var(--sp-fg);--sp-beat-line:#22343a;--sp-bar-line:#35525a;--sp-section-line:var(--sp-object-section);--sp-modified-fg:#e8b93c;--sp-error-fg:#e07a70;--sp-scrim:#04080a9e;--sp-error-wash:#dc3c3240;--sp-notice-bg:#2a2113;--sp-notice-fg:#f0dfc0;--sp-bg:var(--sp-chrome);--sp-text:var(--sp-fg);--sp-text-muted:var(--sp-fg-2);--sp-focus-ring:var(--sp-select);--sp-chart-bg:var(--sp-canvas);--sp-chart-fg:var(--sp-fg);--sp-chart-chord-fg:var(--sp-object-chord);--sp-chord-off:var(--sp-fg-3);--sp-link:var(--sp-select);--sp-link-hover:#f4d482}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sp-chrome:#e6e0d2;--sp-chrome-raised:#f1ebdd;--sp-chrome-sunken:#d8d1c0;--sp-hairline:#d2cbb9;--sp-canvas:#f4efe4;--sp-canvas-alt:#ede7d8;--sp-hairline-canvas:#dcd3bf;--sp-fg-base:#1b2b33;--sp-fg-2-base:#5a6e77;--sp-fg-3-base:#7e8f96;--sp-fg-on-accent:#f4efe4;--sp-select:#a87b25;--sp-play-base:#16796a;--sp-object-chord-base:#a81d3f;--sp-object-section-base:#2f6c7c;--sp-measured-fg:#7a8a90;--sp-proposed-fg:#2f6c7c;--sp-beat-line:#e0d8c6;--sp-bar-line:#c3b69c;--sp-modified-fg:#a87b25;--sp-error-fg:#b23a2e;--sp-scrim:#483e2c6b;--sp-notice-bg:#f6e7c4;--sp-notice-fg:#4a3512;--sp-link-hover:#7e5a16}:root{--sp-font-ui:"IBM Plex Sans", system-ui, "Segoe UI", sans-serif;--sp-font-chord:"JetBrains Mono", ui-monospace, Menlo, monospace;--sp-font-mono:var(--sp-font-chord);--sp-text-chrome:12px;--sp-text-chrome-sm:11px;--sp-text-chart-md:21px;--sp-text-chord-md:16px;--sp-text-chart-lg:36px;--sp-text-chord-lg:36px;--sp-text-chart-min:32px;--sp-text-chart-max:60px;--sp-weight-regular:400;--sp-weight-medium:500;--sp-weight-bold:600;--sp-leading-chrome:1;--sp-leading-chart:1.34;--sp-leading-prose:1.5;--sp-tracking-label:.08em;--sp-tracking-none:0;--sp-chord-baseline-factor:1.35;--sp-chord-gap-min:1ch;--sp-numeric:tabular-nums;--sp-row:24px;--sp-row-compact:20px;--sp-row-double:48px;--sp-icon:16px;--sp-icon-toolbar:20px;--sp-space-2:2px;--sp-space-4:4px;--sp-space-6:6px;--sp-space-8:8px;--sp-space-12:12px;--sp-space-16:16px;--sp-space-24:24px;--sp-space-32:32px;--sp-panel-pad-x:8px;--sp-panel-pad-y:2px;--sp-chart-word-gap:.44em;--sp-chart-row-gap:8px;--sp-chart-line-gap:4px;--sp-chart-pad:16px 24px 32px;--sp-rail-width:232px;--sp-rail-width-wide:288px;--sp-key-gutter:34px;--sp-chord-lane-h:22px;--sp-ruler-height:24px;--sp-target-min:44px;--sp-target-stage:96px;--sp-radius-tile:0;--sp-radius-control:2px;--sp-radius-float:5px;--sp-border-1:1px;--sp-border-2:2px;--sp-border-4:4px;--sp-hairline-chrome:1px solid var(--sp-hairline);--sp-hairline-on-canvas:1px solid var(--sp-hairline-canvas);--sp-shadow-float:0 8px 24px #00000080;--sp-shadow-none:none;--sp-focus-width:1px;--sp-focus-offset:1px;--sp-duration-chrome:.12s;--sp-ease-out:cubic-bezier(0, 0, .2, 1);--sp-transition-chrome:none;--sp-transition-time:none}.sp-motion{--sp-transition-chrome:background-color var(--sp-duration-chrome) var(--sp-ease-out), color var(--sp-duration-chrome) var(--sp-ease-out), border-color var(--sp-duration-chrome) var(--sp-ease-out)}@media (prefers-reduced-motion:reduce){.sp-motion{--sp-transition-chrome:none}}:root{--sp-chart-size:var(--sp-text-chart-md);--sp-chord-size:var(--sp-text-chord-md);--sp-ui-size:var(--sp-text-chrome);--sp-control-height:var(--sp-row)}[data-density=desk]{--sp-chart-size:var(--sp-text-chart-md);--sp-chord-size:var(--sp-text-chord-md);--sp-ui-size:var(--sp-text-chrome);--sp-control-height:var(--sp-row);--sp-chart-row-gap:8px;--sp-chart-line-gap:4px}[data-density=stage]{--sp-chart-size:var(--sp-text-chart-lg);--sp-chord-size:var(--sp-text-chord-lg);--sp-ui-size:13px;--sp-control-height:var(--sp-row-double);--sp-chart-row-gap:20px;--sp-chart-line-gap:10px;--sp-chart-pad:24px 32px 32px}[data-material=workshop]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sp-wood-img:url(./wood-walnut-CdDOPlpu.webp);--sp-wood-1:#231411;--sp-wood-2:#452d29;--sp-wood-3:#643a2c;--sp-wood-edge:#170d0b;--sp-on-wood:#f4e8cc;--sp-on-wood-2:#c6ae84;--sp-on-wood-3:#9c8459;--sp-on-wood-section:#9cc6d2;--sp-on-wood-chord:#e38c93;--sp-on-wood-play:#3f9e86;--sp-wood-scrim:#1c120d94;--sp-paper-1:#e5c9a5;--sp-paper-2:#d9bb92;--sp-paper-3:#edd5b4;--sp-paper-crease:#70543024;--sp-paper-section:#2a5a6b;--sp-paper-chord:#93242c;--sp-ink:#241a10;--sp-ink-2:#63502f;--sp-ink-3:#856e48;--sp-glass:#26312d;--sp-glass-alt:#2d3834;--sp-glass-beat:#343e3a;--sp-glass-bar:#47534f;--sp-glass-bezel:#150e0a;--sp-on-glass:#d5efe5;--sp-on-glass-2:#94aba2;--sp-on-glass-3:#6e817a;--sp-on-glass-play:#4fd9b4;--sp-on-glass-section:#7fc4d8;--sp-on-glass-chord:#f3a6a0;--sp-alu-1:#dfdfdf;--sp-alu-2:#c2c1bd;--sp-alu-3:#efefee;--sp-alu-edge:#9a9995;--sp-copper-1:#b87333;--sp-copper-2:#8e5522;--sp-copper-3:#d89b5c;--sp-copper-lift:#e4804c;--sp-patina:#2e6b5c;--sp-chrome:var(--sp-wood-2);--sp-chrome-raised:var(--sp-wood-3);--sp-chrome-sunken:var(--sp-wood-1);--sp-hairline:var(--sp-wood-edge);--sp-canvas:#e5c9a5;--sp-canvas-alt:#d9bb92;--sp-hairline-canvas:#c4a67c;--sp-fg-base:#241a10;--sp-fg-2-base:#63502f;--sp-fg-3-base:#856e48;--sp-fg:var(--sp-ink);--sp-fg-2:var(--sp-ink-2);--sp-fg-3:var(--sp-ink-3);--sp-fg-on-accent:#fbf4e4;--sp-select:#8e5522;--sp-select-wash:oklab(61.7953% .0578434 .101819/.2);--sp-play-base:#2e6b5c;--sp-play:var(--sp-patina);--sp-play-wash:oklab(48.2839% -.0678223 .00615591/.14);--sp-object-chord-base:#93242c;--sp-object-section-base:#2a5a6b;--sp-object-chord:var(--sp-paper-chord);--sp-object-section:var(--sp-paper-section);--sp-object-track-1:#a85b2b;--sp-object-track-2:#2f6070;--sp-object-track-3:#6b4e86;--sp-object-track-4:#4a7a45;--sp-modified-fg:#8e5522;--sp-error-fg:#a03325;--sp-error-wash:#a033252e;--sp-notice-bg:#e8cfa6;--sp-notice-fg:#43300f;--sp-beat-line:tan;--sp-bar-line:#ae8f63;--sp-measured-fg:#74603c;--sp-proposed-fg:#2a5a6b;--sp-canon-fg:#241a10;--sp-bg:#463228;--sp-text:#241a10;--sp-text-muted:#63502f;--sp-focus-ring:#8e5522;--sp-chart-bg:#e5c9a5;--sp-chart-fg:#241a10;--sp-chart-chord-fg:#93242c;--sp-link:#8e5522;--sp-link-hover:#b87333;--sp-tooth:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23t)'/%3E%3C/svg%3E");--sp-tooth-a:.16;--sp-tooth-a-text:.1;--sp-tex-paper:var(--sp-tooth), linear-gradient(147deg, transparent 0 30%, var(--sp-paper-crease) 34%, transparent 39%), url(./paper-tile-svvGbpLk.webp);--sp-tex-paper-size:160px 160px, 100% 100%, 768px 768px;--sp-tex-paper-blend:soft-light, normal, normal;--sp-tex-alu:linear-gradient(180deg, #ffffff8c, #fff0 44%, #0000001f), url(data:image/webp;base64,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);--sp-tex-copper:linear-gradient(180deg, #fff0de6b, #fff0 46%, #00000029), url(data:image/webp;base64,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);--sp-tex-metal-size:100% 100%, 512px 64px;--sp-tex-metal-blend:normal, multiply}[data-material=workshop][data-wood=rosewood],[data-material=workshop] [data-wood=rosewood]{--sp-wood-img:url(./wood-rosewood-ClsQo2Pv.webp);--sp-wood-1:#271718;--sp-wood-2:#552e2d;--sp-wood-3:#833b2c;--sp-wood-edge:#170c0d;--sp-bg:#552e2d;--sp-on-wood-chord:#f3b3ac;--sp-on-wood-play:#46a98f;--sp-wood-scrim:#170d0e8a}[data-material=workshop][data-wood=maple],[data-material=workshop] [data-wood=maple]{--sp-wood-img:url(./wood-maple-3a7hAYlW.webp);--sp-wood-1:#cf9468;--sp-wood-2:#e2b28e;--sp-wood-3:#e8bd9b;--sp-wood-edge:#b07b52;--sp-hairline:#c08e63;--sp-bg:#e2b28e;--sp-on-wood:#241a10;--sp-on-wood-2:#5c4529;--sp-on-wood-3:#7e6647;--sp-on-wood-section:#1f4a57;--sp-on-wood-chord:#8a1f26;--sp-on-wood-play:#1f6455;--sp-wood-scrim:#fff7eb4d;--sp-copper-lift:#8e5522}[data-material=workshop] .sp-wood-body,[data-material=workshop] .sp-strip-top,[data-material=workshop] .sp-hint,[data-material=workshop] .sp-ruler,[data-material=workshop] aside,[data-material=workshop] .sp-dock,[data-material=workshop] .sp-toolbar,[data-material=workshop] .sp-strip,[data-material=workshop] .sp-sheet__head,[data-material=workshop] .sp-sheet__foot{color:var(--sp-on-wood);background:0 0;box-shadow:inset 0 1px #ffecc812}[data-material=workshop]{position:relative}[data-material=workshop]:before{content:"";z-index:-1;pointer-events:none;background-color:var(--sp-wood-2);background-image:var(--sp-tooth), linear-gradient(var(--sp-wood-scrim), var(--sp-wood-scrim)), var(--sp-wood-img);background-blend-mode:soft-light, normal, normal;opacity:1;background-position:0 0,50%,50%;background-repeat:repeat,no-repeat,no-repeat;background-size:160px 160px,cover,cover;position:fixed;inset:0}[data-material=workshop] #root,[data-material=workshop] .sp-screen{background:0 0}[data-material=workshop] .sp-group,[data-material=workshop] .sp-row{border-color:#00000073}[data-material=workshop] .sp-row:hover,[data-material=workshop] .sp-pal__row:hover,[data-material=workshop] .sp-toggle:hover{background-color:#ffe8be17}[data-material=workshop] .sp-chart,[data-material=workshop] .sp-notice--flag,[data-material=workshop] .sp-export__target,[data-material=workshop] .sp-roll{background-color:var(--sp-paper-1);background-image:var(--sp-tex-paper);background-size:var(--sp-tex-paper-size);background-blend-mode:var(--sp-tex-paper-blend);color:var(--sp-ink)}[data-surface=chrome]{--sp-fg:var(--sp-on-wood,var(--sp-fg-base));--sp-fg-2:var(--sp-on-wood-2,var(--sp-fg-2-base));--sp-fg-3:var(--sp-on-wood-3,var(--sp-fg-3-base));--sp-play:var(--sp-on-wood-play,var(--sp-play-base));--sp-object-section:var(--sp-on-wood-section,var(--sp-object-section-base));--sp-object-chord:var(--sp-on-wood-chord,var(--sp-object-chord-base))}[data-surface=paper]{--sp-fg:var(--sp-ink,var(--sp-fg-base));--sp-fg-2:var(--sp-ink-2,var(--sp-fg-2-base));--sp-fg-3:var(--sp-ink-3,var(--sp-fg-3-base));--sp-play:var(--sp-patina,var(--sp-play-base));--sp-object-section:var(--sp-paper-section,var(--sp-object-section-base));--sp-object-chord:var(--sp-paper-chord,var(--sp-object-chord-base))}[data-surface=screen]{--sp-fg:var(--sp-on-glass,var(--sp-fg-base));--sp-fg-2:var(--sp-on-glass-2,var(--sp-fg-2-base));--sp-fg-3:var(--sp-on-glass-3,var(--sp-fg-3-base));--sp-play:var(--sp-on-glass-play,var(--sp-play-base));--sp-object-section:var(--sp-on-glass-section,var(--sp-object-section-base));--sp-object-chord:var(--sp-on-glass-chord,var(--sp-object-chord-base));--sp-measured-fg:var(--sp-on-glass-3,#62808a);--sp-proposed-fg:var(--sp-on-glass-section,#9fd4c6);--sp-canon-fg:var(--sp-on-glass,var(--sp-fg-base));--sp-beat-line:var(--sp-glass-beat,#1e3238);--sp-bar-line:var(--sp-glass-bar,#2c4750)}[data-material=workshop] [data-surface=chrome],[data-material=workshop] [data-surface=screen]{--sp-select:var(--sp-copper-lift);--sp-select-wash:color-mix(in oklab, var(--sp-copper-lift) 22%, transparent);--sp-focus-ring:var(--sp-copper-lift);--sp-modified-fg:var(--sp-copper-lift)}[data-material=workshop] .sp-chart{box-shadow:inset 0 1px #ffffff80,0 6px 14px #140c0457}[data-material=workshop] .sp-notice--flag{border-left-color:var(--sp-copper-2)}[data-material=workshop] .sp-syl.is-draft .sp-syl__chord{color:color-mix(in oklab, var(--sp-object-chord) 55%, var(--sp-ink-3))}[data-material=workshop] .sp-roll__note.is-draft{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sp-note-color) 62%, var(--sp-ink-3))}[data-material=workshop] .sp-ruler__section.is-draft{color:color-mix(in oklab, var(--sp-on-wood-section) 62%, var(--sp-wood-2));border-left-color:color-mix(in oklab, var(--sp-on-wood-section) 62%, var(--sp-wood-2));background:0 0}[data-material=workshop] .sp-row--draft .sp-row__name{color:color-mix(in oklab, var(--sp-on-wood) 62%, var(--sp-wood-2))}[data-material=workshop] .sp-syl__txt{color:var(--sp-ink)}[data-material=workshop] .sp-syl__chord{color:var(--sp-object-chord)}[data-material=workshop] .sp-sec-head{border-bottom-color:#c4a67c}[data-material=workshop] .sp-sec-head__label{color:var(--sp-object-section)}[data-material=workshop] .sp-wave,[data-material=workshop] .sp-plot,[data-material=workshop] .sp-roll{background-color:var(--sp-glass);box-shadow:inset 0 1px 0 var(--sp-glass-bezel), inset 0 -1px 0 #d7f0e61a;border-color:var(--sp-glass-bezel);background-image:none}[data-material=workshop] .sp-roll__bar{background:var(--sp-glass-bar)}[data-material=workshop] .sp-roll__beat,[data-material=workshop] .sp-roll__octave{background:var(--sp-glass-beat)}[data-material=workshop] .sp-btn--icon,[data-material=workshop] .sp-btn--text,[data-material=workshop] .sp-btn--toolbar,[data-material=workshop] .sp-select,[data-material=workshop] .sp-scrub,[data-material=workshop] .sp-toggle__box{background-color:var(--sp-alu-1);background-image:var(--sp-tex-alu);background-size:var(--sp-tex-metal-size);background-blend-mode:var(--sp-tex-metal-blend);color:#241c12;border:1px solid var(--sp-alu-edge);background-position:50%,50%;box-shadow:inset 0 1px #fffc,inset 0 -1px #0000002e}[data-material=workshop] .sp-btn--icon:hover:not([disabled]),[data-material=workshop] .sp-btn--text:hover:not([disabled]),[data-material=workshop] .sp-btn--toolbar:hover:not([disabled]){background-color:var(--sp-alu-3);color:#000;border-color:#6f6d69}[data-material=workshop] .sp-btn:active:not([disabled]){box-shadow:inset 0 2px 3px #00000059}[data-material=workshop] .sp-btn[disabled]{color:#7b7973;box-shadow:none}[data-material=workshop] .sp-scrub{color:#1e1710}[data-material=workshop] .sp-btn--confirm{background-color:var(--sp-copper-1);background-image:var(--sp-tex-copper);background-size:var(--sp-tex-metal-size);background-blend-mode:var(--sp-tex-metal-blend);color:#fdf3e2;border:1px solid var(--sp-copper-2);text-shadow:0 1px #00000059;background-position:50%,50%;box-shadow:inset 0 1px #ffe2be8c}[data-material=workshop] .sp-btn--icon.is-active{color:#6e3a0e;border-color:var(--sp-copper-2);box-shadow:inset 0 0 0 1px var(--sp-copper-1)}[data-material=workshop] .sp-btn--icon.is-playing{color:var(--sp-play);border-color:var(--sp-play)}[data-material=workshop] .sp-ruler__playhead,[data-material=workshop] .sp-wave__playhead,[data-material=workshop] .sp-roll__playhead{background:var(--sp-play)}[data-material=workshop] .sp-hint__transient{color:var(--sp-copper-3)}.sp-btn{justify-content:center;align-items:center;gap:var(--sp-space-4);height:var(--sp-control-height);min-width:var(--sp-control-height);padding:0 var(--sp-space-6);font-family:var(--sp-font-ui);font-size:var(--sp-ui-size);font-weight:var(--sp-weight-regular);line-height:var(--sp-leading-chrome);color:var(--sp-fg-2);border-radius:var(--sp-radius-control);cursor:pointer;transition:var(--sp-transition-chrome);background:0 0;border:0;display:inline-flex}.sp-btn:hover:not([disabled]){background:var(--sp-chrome-raised);color:var(--sp-fg)}.sp-btn:active:not([disabled]){background:var(--sp-chrome-sunken)}.sp-btn[disabled]{color:var(--sp-fg-3);cursor:default}.sp-btn:focus-visible{outline:var(--sp-focus-width) solid var(--sp-focus-ring);outline-offset:var(--sp-focus-offset)}.sp-btn--icon{font-size:var(--sp-icon);color:var(--sp-fg-2);padding:0}.sp-btn--icon.is-active{color:var(--sp-select)}.sp-btn--icon.is-playing{color:var(--sp-play)}.sp-btn--text{padding:0 var(--sp-space-8)}.sp-btn.is-active{background:var(--sp-chrome-sunken);color:var(--sp-fg)}.sp-btn--toolbar{font-size:var(--sp-icon-toolbar);padding:0}.sp-btn--action{padding:0 var(--sp-space-8);color:var(--sp-fg);background:var(--sp-chrome-raised);border:1px solid var(--sp-fg-3);border-radius:var(--sp-radius-control);white-space:nowrap}.sp-btn--action:hover:not([disabled]){background:var(--sp-select-wash);border-color:var(--sp-select);color:var(--sp-fg)}.sp-btn--action:active:not([disabled]){background:var(--sp-chrome-sunken)}.sp-btn--action[disabled]{color:var(--sp-fg-3);border-style:dashed;border-color:var(--sp-fg-3);opacity:.7;background:0 0}.sp-btn__spin{border:1.5px solid;border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:.7s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sp-btn__spin{animation:1.2s ease-in-out infinite sp-pulse}@keyframes sp-pulse{50%{opacity:.35}}}.sp-toasts{bottom:var(--sp-space-8);right:var(--sp-space-8);z-index:22;align-items:flex-end;gap:var(--sp-space-4);pointer-events:none;flex-direction:column;max-width:min(46ch,60%);display:flex;position:absolute}.sp-toast{pointer-events:auto;text-align:left;max-width:100%;padding:var(--sp-space-6) var(--sp-space-8);font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome);line-height:var(--sp-leading-prose);color:var(--sp-fg);background:var(--sp-chrome-raised);border:1px solid var(--sp-hairline-chrome);border-left:2px solid var(--sp-select);border-radius:var(--sp-radius-float);box-shadow:var(--sp-shadow-float,0 2px 8px #00000059);cursor:pointer;animation:.18s ease-out sp-toast-in}.sp-toast.is-error{border-left-color:var(--sp-error-fg);color:var(--sp-error-fg)}.sp-toast:hover{background:var(--sp-chrome-sunken)}@keyframes sp-toast-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.sp-toast{animation:.18s ease-out sp-toast-fade}@keyframes sp-toast-fade{0%{opacity:0}}}.sp-seg{border:1px solid var(--sp-hairline-chrome);border-radius:var(--sp-radius-control);align-items:center;display:inline-flex;overflow:hidden}.sp-seg>.sp-btn{padding:0 var(--sp-space-8);border-radius:0}.sp-seg>.sp-btn+.sp-btn{border-left:1px solid var(--sp-hairline-chrome)}.sp-seg>.sp-btn.is-active{background:var(--sp-select-wash);color:var(--sp-fg);box-shadow:inset 0 -2px 0 var(--sp-select)}.sp-seg>.sp-btn.is-active:hover:not([disabled]){background:var(--sp-select-wash);color:var(--sp-fg)}.sp-btn--confirm{background:var(--sp-select);color:var(--sp-fg-on-accent);font-weight:var(--sp-weight-medium);padding:0 var(--sp-space-12)}.sp-btn--confirm:hover:not([disabled]){background:color-mix(in oklab, var(--sp-select) 88%, #fff);color:var(--sp-fg-on-accent)}.sp-select{height:var(--sp-control-height);max-width:150px;font-family:var(--sp-font-ui);font-size:var(--sp-ui-size);color:var(--sp-fg);background:var(--sp-chrome-sunken);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-control);padding:0 var(--sp-space-4)}.sp-select:hover{border-color:var(--sp-fg-3)}.sp-select:focus-visible{outline:var(--sp-focus-width) solid var(--sp-focus-ring);outline-offset:var(--sp-focus-offset)}.sp-field{align-items:center;gap:var(--sp-space-4);height:var(--sp-control-height);font-family:var(--sp-font-ui);font-size:var(--sp-ui-size);color:var(--sp-fg-2);display:inline-flex}.sp-field__label{white-space:nowrap}.sp-scrub{height:var(--sp-control-height);width:64px;min-width:0;font-family:var(--sp-font-chord);font-variant-numeric:var(--sp-numeric);font-size:var(--sp-ui-size);color:var(--sp-fg);text-align:right;background:var(--sp-chrome-sunken);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-control);padding:0 var(--sp-space-4);cursor:ew-resize}.sp-scrub:hover{border-color:var(--sp-fg-3)}.sp-scrub:focus{cursor:text;border-color:var(--sp-select);outline:none}.sp-scrub::-webkit-inner-spin-button{appearance:none;margin:0}.sp-scrub::-webkit-outer-spin-button{appearance:none;margin:0}.sp-scrub--narrow{width:44px}.sp-scrub__unit{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3)}.sp-toggle{align-items:center;gap:var(--sp-space-6);height:var(--sp-control-height);padding:0 var(--sp-space-4);font-family:var(--sp-font-ui);font-size:var(--sp-ui-size);color:var(--sp-fg-2);cursor:pointer;border-radius:var(--sp-radius-control);transition:var(--sp-transition-chrome);display:inline-flex}.sp-toggle:hover{background:var(--sp-chrome-raised);color:var(--sp-fg)}.sp-toggle__box{border:1px solid var(--sp-fg-3);width:12px;height:12px;color:var(--sp-select);border-radius:1px;flex:none;place-items:center;font-size:10px;line-height:1;display:grid}.sp-toggle input{opacity:0;width:0;height:0;position:absolute}.sp-toggle input:checked+.sp-toggle__box{border-color:var(--sp-select)}.sp-toggle input:focus-visible+.sp-toggle__box{outline:var(--sp-focus-width) solid var(--sp-focus-ring);outline-offset:var(--sp-focus-offset)}.sp-label{font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome-sm);font-weight:var(--sp-weight-medium);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-fg-3)}.sp-group{border-top:1px solid var(--sp-hairline);padding:var(--sp-space-4) 0 var(--sp-space-8)}.sp-group__title{height:var(--sp-row);font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome-sm);font-weight:var(--sp-weight-medium);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-fg-3);align-items:center;display:flex}.sp-notice{font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome);line-height:var(--sp-leading-prose);color:var(--sp-fg-2)}.sp-notice--flag{background:var(--sp-notice-bg);color:var(--sp-notice-fg);border-left:2px solid var(--sp-select);padding:var(--sp-space-6) var(--sp-space-8)}.sp-notice--flag b{color:var(--sp-select);font-weight:var(--sp-weight-medium)}.sp-notice--error{color:var(--sp-error-fg)}.sp-notice--ok{color:var(--sp-play)}.sp-notice code{font-family:var(--sp-font-chord);color:var(--sp-select)}.sp-tip{z-index:60;align-items:center;gap:var(--sp-space-6);min-height:var(--sp-row);padding:var(--sp-space-4) var(--sp-space-6);background:var(--sp-chrome-raised);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-float);max-width:min(44ch,320px);box-shadow:var(--sp-shadow-float);font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome-sm);line-height:var(--sp-leading-prose);color:var(--sp-fg);pointer-events:none;display:flex;position:fixed}.sp-tip__what{min-width:0}.sp-tip kbd{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3);background:0 0;border:0;padding:0}.sp-tip-wrap{display:inline-flex}.sp-tip-wrap>.sp-btn:disabled{pointer-events:none}.sp-hint{align-items:center;gap:var(--sp-space-12);height:var(--sp-row);padding:0 var(--sp-panel-pad-x);background:var(--sp-chrome);border-top:1px solid var(--sp-hairline);font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-2);white-space:nowrap;display:flex;overflow:hidden}.sp-hint__object{color:var(--sp-fg);font-weight:var(--sp-weight-medium)}.sp-hint__mods{gap:var(--sp-space-12);color:var(--sp-fg-3);min-width:0;display:flex;overflow:hidden}.sp-hint__mod{gap:var(--sp-space-4);display:flex}.sp-hint kbd{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-2);background:0 0;border:0;padding:0}.sp-hint__spacer{flex:1}.sp-hint__transient{color:var(--sp-select)}.sp-toolbar{align-items:center;gap:var(--sp-space-2);height:32px;padding:0 var(--sp-space-4);background:var(--sp-chrome);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-float);box-shadow:var(--sp-shadow-float);display:inline-flex}.sp-toolbar__sep{background:var(--sp-hairline);width:1px;height:16px;margin:0 var(--sp-space-2)}.sp-strip{align-items:center;gap:var(--sp-space-4);height:32px;padding:0 var(--sp-space-6);background:var(--sp-chrome);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-float);box-shadow:var(--sp-shadow-float);font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome);display:inline-flex}.sp-strip__what{color:var(--sp-fg-3);font-size:var(--sp-text-chrome-sm);white-space:nowrap}.sp-strip__sep{background:var(--sp-hairline);width:1px;height:16px}.sp-screen,.sp-dock{background:var(--sp-chrome)}.sp-tree{font-family:var(--sp-font-ui);font-size:var(--sp-ui-size);color:var(--sp-fg-2)}.sp-tree__row{gap:var(--sp-space-4);height:var(--sp-row-compact);padding-right:var(--sp-space-8);cursor:pointer;white-space:nowrap;transition:var(--sp-transition-chrome);grid-template-columns:10px auto minmax(0,1fr) auto;align-items:center;display:grid}.sp-tree__row:hover{background:var(--sp-chrome-raised);color:var(--sp-fg)}.sp-tree__row.is-selected{background:var(--sp-select-wash);color:var(--sp-fg);box-shadow:inset 2px 0 0 var(--sp-select)}.sp-tree__row.is-draft{color:var(--sp-fg-3);font-style:italic}.sp-tree__row--group{font-size:var(--sp-text-chrome-sm);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-fg-3)}.sp-tree__disc{text-align:center;color:var(--sp-fg-3);font-size:8px;line-height:1}.sp-tree__glyph{text-align:center;width:12px;color:var(--sp-fg-3);justify-content:center;align-items:center;display:flex}.sp-tree__label{text-overflow:ellipsis;overflow:hidden}.sp-tree__meta{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);font-variant-numeric:var(--sp-numeric);letter-spacing:0;text-transform:none;color:var(--sp-fg-3)}.sp-glyph{flex:none;display:block}.sp-filter{height:var(--sp-row);width:100%;font-family:var(--sp-font-ui);font-size:var(--sp-ui-size);color:var(--sp-fg);background:var(--sp-chrome-sunken);border:0;border-bottom:1px solid var(--sp-hairline);padding:0 var(--sp-space-8);border-radius:0}.sp-filter::placeholder{color:var(--sp-fg-3)}.sp-filter:focus-visible{outline:var(--sp-focus-width) solid var(--sp-focus-ring);outline-offset:calc(-1 * var(--sp-focus-width))}.sp-path{height:var(--sp-row);width:100%;min-width:0;font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome);color:var(--sp-fg);background:var(--sp-chrome-sunken);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-control);padding:0 var(--sp-space-6)}.sp-path::placeholder{color:var(--sp-fg-3)}.sp-path:focus-visible{outline:var(--sp-focus-width) solid var(--sp-focus-ring);outline-offset:calc(-1 * var(--sp-focus-width))}.sp-scrim{background:var(--sp-scrim);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sp-pref__head{height:var(--sp-row);padding:0 var(--sp-space-8);font-size:var(--sp-text-chrome-sm);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-fg-3);align-items:center;display:flex}.sp-pref__row{gap:var(--sp-space-8);min-height:var(--sp-row);padding:0 var(--sp-space-8);border-bottom:1px solid var(--sp-hairline);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.sp-pref__ctl{align-items:center;gap:var(--sp-space-6);display:flex}.sp-pref__note{padding:var(--sp-space-6) var(--sp-space-8);font-size:var(--sp-text-chrome-sm);line-height:var(--sp-leading-prose);color:var(--sp-fg-3);border-bottom:1px solid var(--sp-hairline)}.sp-readout{height:var(--sp-row);align-items:center;gap:var(--sp-space-6);padding:0 var(--sp-panel-pad-x);font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);font-variant-numeric:var(--sp-numeric);color:var(--sp-fg-2);background:var(--sp-chrome-sunken);border-top:1px solid var(--sp-hairline);white-space:nowrap;text-overflow:ellipsis;display:flex;overflow:hidden}.sp-pref__row .sp-readout{border-top:0;border:1px solid var(--sp-hairline)}.sp-plot{background:var(--sp-chrome-sunken);flex-direction:column;min-height:0;display:flex;position:relative;overflow:auto}.sp-window{z-index:15;background:var(--sp-chrome);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-float);min-width:0;min-height:0;box-shadow:var(--sp-shadow-float);font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome);color:var(--sp-fg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.sp-window__head{align-items:center;gap:var(--sp-space-6);min-height:var(--sp-row);padding:0 var(--sp-space-2) 0 var(--sp-space-8);border-bottom:1px solid var(--sp-hairline);background:var(--sp-chrome-raised);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-wrap:wrap;flex:none;display:flex}.sp-window__head:active{cursor:grabbing}.sp-window__title{text-overflow:ellipsis;white-space:nowrap;max-width:24ch;font-size:var(--sp-text-chrome-sm);font-weight:var(--sp-weight-medium);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-fg-2);flex:none;overflow:hidden}.sp-window__tools{align-items:center;gap:var(--sp-space-6);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.sp-window__body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.sp-window__grip{z-index:1;touch-action:none;position:absolute}.sp-window__grip--e{top:var(--sp-row);cursor:ew-resize;width:6px;bottom:12px;right:0}.sp-window__grip--s{cursor:ns-resize;height:6px;bottom:0;left:0;right:12px}.sp-window__grip--se{cursor:nwse-resize;background:linear-gradient(135deg,transparent 55%,var(--sp-hairline) 55% 62%,transparent 62% 75%,var(--sp-hairline) 75% 82%,transparent 82%);width:12px;height:12px;bottom:0;right:0}.sp-menu{z-index:70;min-width:220px;max-width:340px;padding:var(--sp-space-2) 0;background:var(--sp-chrome-raised);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-float);box-shadow:var(--sp-shadow-float);font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome);color:var(--sp-fg);flex-direction:column;display:flex;position:fixed}.sp-menu__item{align-items:center;gap:var(--sp-space-12);height:var(--sp-row);padding:0 var(--sp-space-8);color:var(--sp-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.sp-menu__item:hover:not(:disabled),.sp-menu__item:focus-visible{background:var(--sp-select-wash);color:var(--sp-fg);outline:none}.sp-menu__item:disabled{color:var(--sp-fg-3);cursor:default}.sp-menu__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sp-menu__keys{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3);flex:none}.sp-menu__sep{height:1px;margin:var(--sp-space-2) 0;background:var(--sp-hairline)}.sp-menu__head{padding:var(--sp-space-2) var(--sp-space-8);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3);letter-spacing:var(--sp-tracking-label);text-transform:uppercase}.sp-chart{background:var(--sp-chart-bg);color:var(--sp-chart-fg);padding:var(--sp-chart-pad);font-family:var(--sp-font-ui);position:relative}.sp-chart__grid{pointer-events:none;position:absolute;inset:0}.sp-chart__bar{background:var(--sp-bar-line);width:1px;position:absolute;top:0;bottom:0}.sp-chart__beat{background:var(--sp-beat-line);width:1px;position:absolute;top:0;bottom:0}.sp-chart__body{position:relative}.sp-sec{margin-bottom:var(--sp-space-16)}.sp-sec-head{align-items:center;gap:var(--sp-space-8);height:var(--sp-row);border-bottom:1px solid var(--sp-hairline-canvas);margin-bottom:var(--sp-space-8);padding-left:var(--sp-space-6);border-left:2px solid #0000;display:flex}.sp-sec-head.is-selected{border-left-color:var(--sp-select);background:var(--sp-select-wash)}.sp-sec-head.is-playing{border-left-color:var(--sp-play)}.sp-sec-head__label{font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome-sm);font-weight:var(--sp-weight-bold);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-object-section);white-space:nowrap}.sp-sec-head__meta{font-family:var(--sp-font-chord);font-variant-numeric:var(--sp-numeric);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3)}.sp-sec-head__mark{color:var(--sp-modified-fg);font-family:var(--sp-font-chord)}.sp-sec-head--stage .sp-sec-head__label{font-size:16px}.sp-sec-head--stage{height:auto;padding-bottom:var(--sp-space-4)}.sp-line{align-items:flex-end;column-gap:var(--sp-chart-word-gap);row-gap:var(--sp-chart-row-gap);margin-bottom:var(--sp-chart-line-gap);flex-wrap:wrap;display:flex}.sp-word{display:flex}.sp-syl{padding-top:calc(var(--sp-chord-size) * 1.25);font-family:var(--sp-font-ui);font-size:var(--sp-chart-size);line-height:var(--sp-leading-chart);color:var(--sp-canon-fg);cursor:default;border-radius:var(--sp-radius-control);display:inline-block;position:relative}.sp-syl:after{content:"";height:max(100%,var(--sp-target-min));position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sp-syl:hover{background:var(--sp-select-wash)}.sp-syl.is-selected{background:var(--sp-select-wash);box-shadow:inset 0 0 0 1px var(--sp-select)}.sp-syl:focus-visible{outline:var(--sp-focus-width) solid var(--sp-focus-ring);outline-offset:var(--sp-focus-offset)}.sp-syl__txt{white-space:pre}.sp-syl__chord{z-index:1;font-family:var(--sp-font-chord);font-size:var(--sp-chord-size);font-weight:var(--sp-weight-bold);letter-spacing:-.01em;color:var(--sp-object-chord);white-space:nowrap;cursor:grab;line-height:1.05;position:absolute;top:0;left:0}.sp-syl__chord sup{vertical-align:super;letter-spacing:0;font-size:.62em}.sp-syl__chord:hover{color:color-mix(in oklab, var(--sp-object-chord) 78%, #fff)}.sp-syl.is-draft .sp-syl__chord{color:color-mix(in oklab, var(--sp-object-chord) var(--sp-derive-draft), var(--sp-canvas));border-bottom:1px dashed}.sp-syl.is-draft .sp-syl__txt{color:color-mix(in oklab, var(--sp-canon-fg) 62%, var(--sp-canvas))}.sp-syl.is-modified .sp-syl__chord{color:var(--sp-modified-fg)}.sp-syl.is-modified .sp-syl__chord:after{content:"*";margin-left:1px}.sp-syl.is-readonly{opacity:var(--sp-derive-readonly)}.sp-syl.is-drop{background:var(--sp-select-wash);box-shadow:inset 0 -2px 0 var(--sp-select)}.sp-syl__preview{font-family:var(--sp-font-chord);font-size:var(--sp-chord-size);font-weight:var(--sp-weight-bold);color:color-mix(in oklab, var(--sp-object-chord) 55%, var(--sp-canvas));pointer-events:none;border-bottom:1px dashed;line-height:1.05;position:absolute;top:0;left:0}.sp-chart--marks .sp-syl+.sp-syl .sp-syl__txt{border-left:1px solid var(--sp-hairline-canvas)}.sp-pal{flex-direction:column;display:flex}.sp-pal__row{align-items:center;gap:var(--sp-space-8);height:var(--sp-row);padding:0 var(--sp-space-4);cursor:grab;font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome);color:var(--sp-fg-2);transition:var(--sp-transition-chrome);background:0 0;border:0;border-left:2px solid #0000;display:flex}.sp-pal__row:hover{background:var(--sp-chrome-raised)}.sp-pal__row.is-armed{border-left-color:var(--sp-select);background:var(--sp-select-wash)}.sp-pal__row:focus-visible{outline:var(--sp-focus-width) solid var(--sp-focus-ring);outline-offset:var(--sp-focus-offset)}.sp-pal__chord{font-family:var(--sp-font-chord);font-weight:var(--sp-weight-bold);font-size:var(--sp-text-chrome);color:var(--sp-object-chord);text-align:left;min-width:56px}.sp-pal__degree{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3)}.sp-chord-editor{align-items:center;gap:var(--sp-space-2);display:inline-flex}.sp-chord-editor .sp-select{min-width:44px}.sp-chord-editor__slash{color:var(--sp-fg-3);font-family:var(--sp-font-chord)}.sp-syl__chord.is-unconfirmed{color:var(--sp-chord-off);text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sp-syl__chord.is-unconfirmed:hover{color:color-mix(in oklab, var(--sp-chord-off) 78%, var(--sp-fg))}.sp-strip-top{align-items:center;gap:var(--sp-space-12);height:var(--sp-row);padding:0 var(--sp-panel-pad-x);background:var(--sp-chrome);border-bottom:1px solid var(--sp-hairline);font-family:var(--sp-font-ui);font-size:var(--sp-ui-size);color:var(--sp-fg-2);white-space:nowrap;display:flex}.sp-strip-top__song{color:var(--sp-fg);font-weight:var(--sp-weight-medium);text-overflow:ellipsis;min-width:0;overflow:hidden}.sp-strip-top__mark{color:var(--sp-modified-fg);font-family:var(--sp-font-chord)}.sp-strip-top__key{font-family:var(--sp-font-chord);font-variant-numeric:var(--sp-numeric);font-weight:var(--sp-weight-bold);color:var(--sp-fg)}.sp-strip-top__meta{font-family:var(--sp-font-chord);font-variant-numeric:var(--sp-numeric);color:var(--sp-fg-3)}.sp-strip-top__spacer{flex:1}.sp-grp{align-items:center;gap:var(--sp-space-2);display:flex}.sp-transport{align-items:center;gap:var(--sp-space-8);height:var(--sp-row);font-family:var(--sp-font-ui);font-size:var(--sp-ui-size);color:var(--sp-fg-2);display:flex}.sp-transport__clock{font-family:var(--sp-font-chord);font-variant-numeric:var(--sp-numeric);color:var(--sp-fg);transition:none}.sp-pos{align-items:baseline;gap:var(--sp-space-4);padding:0 var(--sp-space-6);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-control);background:var(--sp-chrome-sunken);display:inline-flex}.sp-pos b{font-family:var(--sp-font-chord);font-variant-numeric:var(--sp-numeric);font-weight:var(--sp-weight-medium);font-size:var(--sp-text-chrome);color:var(--sp-play);transition:none}.sp-pos i{font-style:normal;font-size:var(--sp-text-chrome-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--sp-fg-3)}.sp-pos__dot{color:var(--sp-fg-3);margin:0 var(--sp-space-4)}.sp-pos.is-dead b{color:var(--sp-fg-3)}.sp-rows{font-family:var(--sp-font-ui);font-size:var(--sp-ui-size);margin:0;padding:0;list-style:none}.sp-row{gap:var(--sp-space-8);height:var(--sp-row);padding:0 var(--sp-space-4);color:var(--sp-fg);cursor:default;transition:var(--sp-transition-chrome);border-left:2px solid #0000;grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}.sp-row:hover{background:var(--sp-chrome-raised)}.sp-row.is-selected{background:var(--sp-chrome-raised);border-left-color:var(--sp-select)}.sp-row.is-playing{border-left-color:var(--sp-play)}.sp-row__swatch{border-radius:1px;flex:none;width:8px;height:8px}.sp-row__name{align-items:center;gap:var(--sp-space-6);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;overflow:hidden}.sp-row__meta{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sp-row__state{font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3);white-space:nowrap}.sp-row--draft .sp-row__name{color:color-mix(in oklab, var(--sp-fg) 62%, var(--sp-chrome))}.sp-stem{border-left:2px solid #0000}.sp-stem.is-sounding{border-left-color:var(--sp-play)}.sp-stem .sp-row{border-left:0}.sp-stem__name{min-width:0;height:var(--sp-row);text-overflow:ellipsis;white-space:nowrap;text-align:left;font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg);cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.sp-stem .sp-row.is-selected .sp-stem__name{color:var(--sp-select)}.sp-stem__badge{font-size:var(--sp-text-chrome-sm);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-play);white-space:nowrap}.sp-stem__mix{align-items:center;gap:var(--sp-space-4);height:var(--sp-row);padding:0 var(--sp-space-4);display:flex}.sp-stem__mix input[type=range]{min-width:0;accent-color:var(--sp-select);flex:auto}.sp-stem__recognize{align-items:center;gap:var(--sp-space-4);min-height:var(--sp-row);padding:var(--sp-space-2) var(--sp-space-4);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-2);flex-wrap:wrap;display:flex}.sp-stem__recognize select{flex:9em;min-width:0;max-width:100%}.sp-stem__recognize progress{height:4px;accent-color:var(--sp-select);flex:6em}.sp-row--draft .sp-row__swatch{box-shadow:inset 0 0 0 1px;background:0 0!important}.sp-ruler{height:var(--sp-ruler-height);background:var(--sp-chrome);border-bottom:1px solid var(--sp-hairline);font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);font-variant-numeric:var(--sp-numeric);color:var(--sp-fg-3);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.sp-ruler__bar{background:var(--sp-bar-line);width:1px;position:absolute;top:11px;bottom:0}.sp-ruler__num{height:11px;color:var(--sp-fg-3);padding-left:3px;line-height:11px;transition:none;position:absolute;top:0}.sp-ruler__section{font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome-sm);font-weight:var(--sp-weight-bold);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-object-section);border-left:2px solid var(--sp-object-section);background:color-mix(in oklab, var(--sp-object-section) 10%, transparent);white-space:nowrap;cursor:pointer;align-items:center;padding:0 4px;display:flex;position:absolute;top:11px;bottom:0;overflow:hidden}.sp-ruler__section.is-draft{color:color-mix(in oklab, var(--sp-object-section) var(--sp-derive-draft), var(--sp-chrome));background:0 0;border-left-style:dashed}.sp-ruler__section.is-selected{background:var(--sp-select-wash);border-left-color:var(--sp-select);color:var(--sp-select)}.sp-ruler__section.is-playing{border-left-color:var(--sp-play)}.sp-ruler__change{color:var(--sp-fg-2);border-left:1px solid var(--sp-fg-2);align-items:center;padding:0 3px;display:flex;position:absolute;top:11px;bottom:0}.sp-ruler__section-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.sp-ruler__section-change{font-family:var(--sp-font-chord);font-weight:var(--sp-weight-regular);letter-spacing:var(--sp-tracking-none);text-transform:none;color:var(--sp-fg-2);flex:none;margin-left:auto;padding-left:6px}.sp-ruler__playhead{background:var(--sp-play);width:1px;transition:none;position:absolute;top:0;bottom:0}.sp-ruler.is-live{cursor:pointer;touch-action:none}.sp-ruler.is-live .sp-ruler__section{cursor:inherit}.sp-ruler__loop{background:color-mix(in oklab, var(--sp-play) 35%, transparent);border-left:1px solid var(--sp-play);border-right:1px solid var(--sp-play);pointer-events:none;height:11px;position:absolute;top:0}.sp-ruler-row{align-items:stretch;display:flex}.sp-ruler-row__gutter{z-index:2;width:var(--sp-key-gutter);background:var(--sp-chrome-raised);border-right:1px solid var(--sp-hairline);border-bottom:1px solid var(--sp-hairline);flex:none;position:sticky;left:0}.sp-ruler-row>.sp-ruler{flex:none}.sp-plot__grid{flex:1 0 auto;position:relative}.sp-plot__bar{background:var(--sp-bar-line);width:1px;position:absolute;top:0;bottom:0}.sp-plot__beat{background:var(--sp-beat-line);width:1px;position:absolute;top:0;bottom:0}.sp-plot__playhead{background:var(--sp-play);pointer-events:none;width:1px;transition:none;position:absolute;top:0;bottom:0}.sp-plot__hint{top:var(--sp-space-8);left:var(--sp-space-8);align-items:flex-start;gap:var(--sp-space-6);pointer-events:none;font-size:var(--sp-text-chrome);white-space:nowrap;flex-direction:column;display:flex;position:absolute}.sp-plot__hint>span{color:var(--sp-fg-3);opacity:.55}.sp-plot__hint>.sp-btn{pointer-events:auto}.sp-wave{background:var(--sp-chrome-sunken);border-bottom:1px solid var(--sp-hairline);position:relative;overflow-x:auto}.sp-wave canvas{cursor:crosshair;display:block}.sp-wave__playhead{background:var(--sp-play);pointer-events:none;width:1px;transition:none;position:absolute;top:0;bottom:0}.sp-roll{background:var(--sp-canvas-alt);border-bottom:1px solid var(--sp-hairline);position:relative}.sp-roll__grid{position:relative}.sp-roll__row{align-items:flex-start;display:flex}.sp-roll--keys .sp-roll__keys{display:block}.sp-roll__keys{z-index:2;width:var(--sp-key-gutter);background:var(--sp-chrome-raised);border-right:1px solid var(--sp-hairline);flex:none;position:sticky;left:0}.sp-roll__key{padding-right:var(--sp-space-2);font-family:var(--sp-font-mono);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3);border-top:1px solid var(--sp-hairline);justify-content:flex-end;align-items:center;line-height:1;display:flex;position:absolute;left:0;right:0;overflow:visible}.sp-roll__key.is-black{background:var(--sp-chrome-sunken)}.sp-roll__bar{background:var(--sp-bar-line);width:1px;position:absolute;top:0;bottom:0}.sp-roll__beat{background:var(--sp-beat-line);width:1px;position:absolute;top:0;bottom:0}.sp-roll__octave{background:var(--sp-beat-line);height:1px;position:absolute;left:0;right:0}.sp-roll__note{cursor:default;border-radius:1px;transition:none;position:absolute}.sp-roll__note:after{content:"";position:absolute;inset:-2px -3px}.sp-roll__note.is-canon{background:color-mix(in oklab, var(--sp-note-color) calc(40% + 60% * var(--sp-note-vel,.75)), var(--sp-canvas-alt))}.sp-roll__note.is-draft{box-shadow:inset 0 0 0 1px var(--sp-note-color);opacity:.85;background:0 0}.sp-roll__note.is-modified{background:var(--sp-modified-fg)}.sp-roll__note.is-selected{background:var(--sp-select);box-shadow:0 0 0 1px var(--sp-select);z-index:1}.sp-roll__grid.is-pencil,.sp-roll__grid.is-pencil .sp-roll__note{cursor:crosshair}.sp-roll__grid.is-eraser,.sp-roll__grid.is-eraser .sp-roll__note{cursor:not-allowed}.sp-roll__grid.is-split .sp-roll__note{cursor:col-resize}.sp-roll__grid.is-glue .sp-roll__note{cursor:copy}.sp-roll__playhead{background:var(--sp-play);pointer-events:none;width:1px;transition:none;position:absolute;top:0;bottom:0}.sp-roll__velrow{align-items:flex-start;display:flex}.sp-roll__velgutter{z-index:2;width:var(--sp-key-gutter);background:var(--sp-chrome-raised);border-right:1px solid var(--sp-hairline);border-top:1px solid var(--sp-hairline);flex:none;position:sticky;left:0}.sp-roll__vel{background:var(--sp-canvas-alt);border-top:1px solid var(--sp-hairline);touch-action:none;cursor:ns-resize;flex:none;position:relative}.sp-roll__stalk{background:var(--sp-note-color);border-radius:1px;width:2px;position:absolute;bottom:0}.sp-roll__stalk:after{content:"";background:var(--sp-note-color);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:-2px;left:50%}.sp-roll__stalk.is-draft{background:repeating-linear-gradient(var(--sp-note-color) 0 2px,transparent 2px 4px)}.sp-roll__stalk.is-draft:after{background:var(--sp-canvas-alt);box-shadow:inset 0 0 0 1px var(--sp-note-color)}.sp-roll__stalk.is-modified,.sp-roll__stalk.is-modified:after{background:var(--sp-modified-fg)}.sp-roll__stalk.is-selected{box-shadow:0 0 0 1px var(--sp-select)}.sp-chord-lane{height:var(--sp-chord-lane-h);background:var(--sp-canvas-alt);border-bottom:1px solid var(--sp-hairline);align-items:stretch;display:flex;position:relative}.sp-chord-lane__gutter{z-index:2;width:var(--sp-key-gutter);background:var(--sp-chrome-raised);border-right:1px solid var(--sp-hairline);flex:none;position:sticky;left:0}.sp-chord-lane__grid{flex:none;position:relative}.sp-chord-lane__bar{background:var(--sp-bar-line);width:1px;position:absolute;top:0;bottom:0}.sp-chord-lane__chip{border-left:2px solid var(--sp-object-chord);cursor:grab;white-space:nowrap;align-items:center;padding-left:3px;display:flex;position:absolute;top:2px;bottom:2px;overflow:hidden}.sp-chord-lane__face{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome);font-weight:var(--sp-weight-bold);letter-spacing:-.01em;color:var(--sp-object-chord);line-height:1}.sp-chord-lane__face sup{vertical-align:super;letter-spacing:0;font-size:.62em}.sp-chord-lane__chip.is-proposed{border-left-style:dashed}.sp-chord-lane__chip.is-proposed .sp-chord-lane__face{color:color-mix(in oklab, var(--sp-object-chord) var(--sp-derive-draft), var(--sp-canvas))}.sp-chord-lane__chip.is-unconfirmed{border-left-color:var(--sp-chord-off)}.sp-chord-lane__chip.is-unconfirmed .sp-chord-lane__face{color:var(--sp-chord-off);text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sp-chord-lane__chip.is-selected{background:var(--sp-select-wash);box-shadow:inset 0 0 0 1px var(--sp-select)}.sp-chord-lane__chip:hover{background:var(--sp-select-wash)}.sp-chord-lane__playhead{background:var(--sp-play);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.sp-structure{align-items:center;gap:var(--sp-space-2);height:calc(var(--sp-row) + 1px);padding:0 var(--sp-space-8);border-bottom:var(--sp-hairline-chrome);scrollbar-width:none;flex:none;display:flex;overflow:auto hidden}.sp-structure::-webkit-scrollbar{display:none}.sp-structure__block{flex:none;align-items:center;display:flex}.sp-structure .sp-btn{font-family:var(--sp-font-chord);font-variant-numeric:var(--sp-numeric);padding:0 var(--sp-space-6);flex:none}.sp-structure__tail{width:var(--sp-space-8);background:var(--sp-fg-3);opacity:.55;border-radius:1px;flex:none;height:2px}:root{--sp-sheet-w:520px}.sp-scrim:has(>.sp-sheet--ask){z-index:50;position:fixed}.sp-sheet--ask{width:min(420px,calc(100vw - var(--sp-space-16) * 2));max-height:none}.sp-sheet--ask .sp-sheet__foot{gap:var(--sp-space-6)}.sp-sheet--ask .grow{flex:1}.sp-sheet{width:var(--sp-sheet-w);background:var(--sp-chrome);border:1px solid var(--sp-hairline);border-radius:var(--sp-radius-float);min-height:0;max-height:100%;box-shadow:var(--sp-shadow-float);font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome);color:var(--sp-fg);flex-direction:column;display:flex}.sp-sheet__head{height:var(--sp-row);padding:0 var(--sp-space-8);border-bottom:1px solid var(--sp-hairline);font-size:var(--sp-text-chrome-sm);font-weight:var(--sp-weight-medium);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-fg-3);flex:none;align-items:center;display:flex}.sp-sheet__body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.sp-export__target{gap:var(--sp-space-8);padding:var(--sp-space-6) var(--sp-space-8);border-bottom:1px solid var(--sp-hairline);cursor:default;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.sp-export__options{align-items:center;gap:var(--sp-space-8);padding-top:var(--sp-space-6);border-top:1px solid var(--sp-hairline);flex-wrap:wrap;grid-column:1/-1;display:flex}.sp-export__options:empty{display:none}.sp-export__target:last-child{border-bottom:0}.sp-export__target.is-selected{background:var(--sp-chrome-raised);box-shadow:inset 2px 0 0 var(--sp-select)}.sp-export__name{align-items:center;gap:var(--sp-space-8);height:var(--sp-row);display:flex}.sp-export__where{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3)}.sp-export__list{font-size:var(--sp-text-chrome-sm);margin:0;padding:0;line-height:1.5;list-style:none}.sp-export__list li{gap:var(--sp-space-6);display:flex}.sp-export__list li:before{text-align:center;flex:none;width:1em}.sp-export__carries{color:var(--sp-fg-2)}.sp-export__carries:before{content:"✓";color:var(--sp-play)}.sp-export__drops{color:var(--sp-fg-3)}.sp-export__drops:before{content:"×";color:var(--sp-error-fg)}.sp-sheet__foot{gap:var(--sp-space-4);padding:var(--sp-space-6) var(--sp-space-8);border-top:1px solid var(--sp-hairline);flex-direction:column;flex:none;display:flex}.sp-sheet__says{gap:var(--sp-space-2);flex-direction:column;display:flex}.sp-sheet__says:empty{display:none}.sp-sheet__acts{align-items:center;gap:var(--sp-space-8);display:flex}.sp-export__act{align-items:flex-end;gap:var(--sp-space-2);flex-direction:column;display:flex}.sp-export__said{text-align:right;grid-column:1/-1;justify-self:end;max-width:100%}.sp-export__status{font-family:var(--sp-font-chord);font-size:var(--sp-text-chrome-sm);line-height:var(--sp-leading-prose);animation:.5s ease-out sp-said}@keyframes sp-said{0%{opacity:0;transform:translateY(-2px)}35%{opacity:1}}@media (prefers-reduced-motion:reduce){.sp-export__status{animation:.5s ease-out sp-said-fade}@keyframes sp-said-fade{0%{opacity:0}35%{opacity:1}}}.sp-export__status.is-ok{color:var(--sp-play)}.sp-export__status.is-error{color:var(--sp-error-fg)}html,body{background:var(--sp-chrome);height:100%;margin:0}#root{background:var(--sp-chrome);height:100%;min-height:100vh}*{box-sizing:border-box}a{color:var(--sp-link)}a:hover{color:var(--sp-link-hover)}.app{background:var(--sp-chrome);height:100%;min-height:100vh;color:var(--sp-fg);font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.bar{align-content:center;align-items:center;row-gap:0;column-gap:var(--sp-space-6);box-sizing:content-box;min-height:var(--sp-row-double);padding:0 var(--sp-space-8);border-bottom:var(--sp-hairline-chrome);flex-wrap:wrap;display:flex;overflow:hidden}.grid-head{align-items:center;gap:var(--sp-space-2);height:var(--sp-row);flex:none;display:flex}.bar .meta{font-family:var(--sp-font-mono);font-variant-numeric:var(--sp-numeric);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-2);white-space:nowrap}.bar .brand{font-weight:var(--sp-weight-medium);letter-spacing:var(--sp-tracking-none);white-space:nowrap}.bar .song{font-family:var(--sp-font-mono);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-2);white-space:nowrap;text-overflow:ellipsis;max-width:24ch;overflow:hidden}button.song{height:var(--sp-row);padding:0 var(--sp-space-4);border-radius:var(--sp-radius-control);cursor:text;text-align:left;background:0 0;border:0}button.song:hover{background:var(--sp-chrome-raised);color:var(--sp-fg)}.song--edit{height:var(--sp-row);padding:0 var(--sp-space-4);background:var(--sp-chrome-sunken);border:1px solid var(--sp-select);border-radius:var(--sp-radius-control);color:var(--sp-fg);min-width:12ch}.bar .pace,.bar .meter{align-items:center;gap:var(--sp-space-4);display:inline-flex}.bar .pace input[type=number]{width:52px}.bar .meter input[type=number]{width:38px}.bar .unit{font-family:var(--sp-font-mono);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-3)}.bar .pace .unit{font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome)}.bar .song .mark{color:var(--sp-modified-fg)}.bar .rule{width:var(--sp-border-1);height:var(--sp-row);background:var(--sp-hairline);flex:none}.swatch{flex:none;width:8px;height:8px}.bar .knob{gap:var(--sp-space-2)}.bar .knob input[type=range]{width:72px;accent-color:var(--sp-select)}.bar .file{white-space:nowrap}.bar>*{flex:none}.bar .grow{flex:auto}.bar .sp-transport{white-space:nowrap;flex:none}.body{grid-template-columns:var(--sp-rail-width-wide) minmax(0, 1fr);min-height:0;display:grid}.body--solo{grid-template-columns:minmax(0,1fr)}.rail{border-right:var(--sp-hairline-chrome);flex-direction:column;min-height:0;display:flex;overflow:hidden}.rail__head{align-items:center;gap:var(--sp-space-2);padding-right:var(--sp-space-2);border-bottom:var(--sp-hairline-chrome);flex:none;display:flex}.rail__head .sp-filter{border-bottom:0;flex:auto;min-width:0}.rail__group{align-items:center;gap:var(--sp-space-4);width:100%;height:var(--sp-row-compact);padding:0 var(--sp-space-6);cursor:pointer;text-align:left;font-family:var(--sp-font-ui);font-size:var(--sp-text-chrome-sm);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-fg-3);transition:var(--sp-transition-chrome);background:0 0;border:0;border-radius:0;flex:none;display:flex}.rail__group:hover{background:var(--sp-chrome-raised);color:var(--sp-fg)}.rail__twist{text-align:center;width:10px;font-size:8px;line-height:1}.rail>.pal-rail,.rail>.start,.rail>.panel{min-height:0;padding:var(--sp-space-6);overflow-y:auto}.rail__foot{height:var(--sp-row);padding:0 var(--sp-panel-pad-x);border-top:var(--sp-hairline-chrome);flex:none;align-items:center;display:flex}.prefs{left:var(--sp-space-2);bottom:calc(var(--sp-row) * 2 + var(--sp-space-2));z-index:40;min-height:0;max-height:calc(100% - var(--sp-row) * 4 - var(--sp-space-4));flex-direction:column;display:flex;position:absolute}.rail .empty{color:var(--sp-fg-3);line-height:var(--sp-leading-prose);margin:0}.work{flex-direction:column;min-height:0;display:flex;position:relative}.surface{min-height:0;padding:var(--sp-space-8) var(--sp-space-12);flex-direction:column;flex:auto;display:flex}.surface>.wave{flex:auto;min-height:0}.surface>.result{flex:none;overflow-y:auto}.surface>.sp-plot{flex:auto;min-height:0}.surface>.chart{border:0;flex:auto;min-height:0;overflow:auto}.pal-rail{gap:var(--sp-space-4);flex-direction:column;display:flex}.controls.tight{gap:var(--sp-space-4);margin:0}.keynow{text-align:center;min-width:4ch;font-family:var(--sp-font-mono);font-size:var(--sp-text-chrome);color:var(--sp-select)}.pal-rail .sp-pal{margin-bottom:var(--sp-space-4)}.pal-rail .hint{margin:var(--sp-space-4) 0 0;color:var(--sp-fg-3)}.sheet{top:var(--sp-space-8);right:var(--sp-space-8);z-index:21;min-height:0;max-height:calc(100% - var(--sp-space-8) * 2);flex-direction:column;display:flex;position:absolute}.sheet-scrim{z-index:20;background:var(--sp-scrim);position:fixed;inset:0}body.is-sheet{overflow:hidden}.work{position:relative}.work.has-sheet .sp-toasts{left:var(--sp-space-8);right:calc(var(--sp-sheet-w) + var(--sp-space-8) * 2);align-items:flex-start;max-width:none}.work--dropping{outline:1px dashed var(--sp-accent);outline-offset:-2px}.work__drop{z-index:6;pointer-events:none;background:var(--sp-select-wash);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.work__drop>span{padding:var(--sp-space-8) var(--sp-space-16);border:1px dashed var(--sp-accent);border-radius:var(--sp-radius-float);background:var(--sp-chrome-raised);color:var(--sp-fg);font-size:var(--sp-text-chrome)}.surface>.text{gap:var(--sp-space-8);flex-direction:column;flex:auto;min-height:0;display:flex}.chart-text{resize:none;width:100%;min-height:0;font-family:var(--sp-font-mono);font-size:var(--sp-text-chrome);line-height:var(--sp-leading-prose);padding:var(--sp-space-8);border:var(--sp-hairline-chrome);border-radius:var(--sp-radius-control);background:var(--sp-chrome-sunken);color:var(--sp-fg);tab-size:4;flex:auto}.chart-text:focus-visible{outline:var(--sp-focus-width) solid var(--sp-focus-ring);outline-offset:var(--sp-focus-offset)}.chart-text::placeholder{color:var(--sp-fg-3)}.text-mirror{flex:auto;min-height:0;display:grid;position:relative}.text-mirror>.chart-text,.text-mirror>.chart-marks{white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--sp-font-mono);font-size:var(--sp-text-chrome);line-height:var(--sp-leading-prose);padding:var(--sp-space-8);border:var(--sp-hairline-chrome);border-radius:var(--sp-radius-control);tab-size:4;grid-area:1/1;margin:0;overflow:auto}.text-mirror>.chart-text{z-index:1;color:#0000;caret-color:var(--sp-fg);background:0 0}.text-mirror>.chart-text::selection{background:var(--sp-select-wash)}.chart-marks{pointer-events:none;background:var(--sp-chrome-sunken);color:var(--sp-fg);border-color:#0000}.chart-marks .chord{color:var(--sp-object-chord)}.chart-marks .off{color:var(--sp-chord-off);text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.start__head{color:var(--sp-fg-3);letter-spacing:var(--sp-tracking-label);text-transform:uppercase;font-size:var(--sp-text-chrome-sm);margin:var(--sp-space-8) var(--sp-space-4) var(--sp-space-4)}.start__head--row{align-items:center;gap:var(--sp-space-8);display:flex}.start__head--row .grow{flex:1}.dock__ctl{align-items:center;gap:var(--sp-space-4);text-transform:none;letter-spacing:normal;display:inline-flex}.dock__ctl>span{color:var(--sp-fg-3)}.start__head--row .sp-field{text-transform:none;letter-spacing:normal}.start__head--row .sp-field__label{color:var(--sp-fg-3)}.surface>.empty{color:var(--sp-fg-3);line-height:var(--sp-leading-prose);max-width:62ch;margin:0}.work>.roll{border-top:var(--sp-hairline-chrome);max-height:46vh;padding:var(--sp-space-6) var(--sp-space-12) var(--sp-space-8);flex:none;overflow:auto}.hint{color:var(--sp-fg-2);line-height:var(--sp-leading-prose);margin:0 0 var(--sp-space-8);max-width:82ch}.file{padding:0 var(--sp-space-8);height:var(--sp-control-height);border:var(--sp-hairline-chrome);border-radius:var(--sp-radius-control);cursor:pointer;font:inherit;color:var(--sp-fg);transition:var(--sp-transition-chrome);background:0 0;align-items:center;display:inline-flex}.file:hover{background:var(--sp-chrome-raised)}.file input{display:none}.panel{border:0;border-radius:0;margin:0;padding:0}.panel>p{margin:0 0 var(--sp-space-4)}.reading{min-width:0;height:var(--sp-control-height);padding:0 var(--sp-space-8);border:var(--sp-hairline-chrome);border-radius:var(--sp-radius-control);background:var(--sp-chrome-sunken);flex:none;align-items:center;display:inline-flex;position:relative;overflow:hidden}.reading__fill{background:var(--sp-select-wash);border-right:1px solid var(--sp-select);width:0;transition:width var(--sp-duration-chrome) var(--sp-ease-out);position:absolute;inset:0 auto 0 0}.reading__fill.is-sweeping{border-left:1px solid var(--sp-select);width:35%;animation:reading-sweep 1.1s var(--sp-ease-out) infinite;transition:none}@keyframes reading-sweep{0%{transform:translate(-100%)}to{transform:translate(286%)}}@media (prefers-reduced-motion:reduce){.reading__fill.is-sweeping{animation-duration:3s}}.reading__label{font-family:var(--sp-font-mono);font-size:var(--sp-text-chrome-sm);color:var(--sp-fg-2);white-space:nowrap;position:relative}.error,.warn{color:var(--sp-error-fg)}.ok{color:var(--sp-play)}.controls{gap:var(--sp-space-12);margin:0 0 var(--sp-space-8);flex-wrap:wrap;align-items:center;display:flex}.controls input[type=number]{width:56px}.scroll{border:var(--sp-hairline-chrome);border-radius:var(--sp-radius-control);position:relative;overflow-x:auto}.result{margin-top:var(--sp-space-16)}.result .bars{width:64px}.sections{margin-bottom:var(--sp-space-8)}.sections .sp-row{border-bottom:var(--sp-hairline-chrome);grid-template-columns:auto minmax(0,1fr) auto auto auto auto}.meter{align-items:center;gap:var(--sp-space-2);display:flex}.meter input[type=number]{width:44px}button{font:inherit;height:var(--sp-control-height);padding:0 var(--sp-space-8);border-radius:var(--sp-radius-control);border:var(--sp-hairline-chrome);color:var(--sp-fg);cursor:pointer;transition:var(--sp-transition-chrome);background:0 0}button:hover:not(:disabled){background:var(--sp-chrome-raised)}button:disabled{color:var(--sp-fg-3);cursor:default}input[type=number],input[type=text],select{font:inherit;height:var(--sp-control-height);padding:0 var(--sp-space-4);border:var(--sp-hairline-chrome);border-radius:var(--sp-radius-control);background:var(--sp-chrome-sunken);color:var(--sp-fg);font-variant-numeric:var(--sp-numeric)}label{align-items:center;gap:var(--sp-space-4);color:var(--sp-fg-2);display:inline-flex}.lengths{gap:var(--sp-space-6) var(--sp-space-16);margin:0 0 var(--sp-space-8);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.lengths label{justify-content:space-between;align-items:center;gap:var(--sp-space-8);min-width:0;display:flex}.lengths label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lengths input[type=number]{flex:none;width:56px}.lengths label.is-empty span{color:var(--sp-select)}.lengths label.is-empty input[type=number]{border-color:var(--sp-select);color:var(--sp-select)}.marquee{z-index:40;pointer-events:none;border:1px solid var(--sp-select);background:color-mix(in oklch, var(--sp-select) 12%, transparent);border-radius:var(--sp-radius-control);position:fixed}.notation{color:#000;background:#fff;min-height:120px}.notation-failed{padding:var(--sp-space-8) var(--sp-panel-pad-x);font-size:var(--sp-text-chrome);color:var(--sp-error-fg);background:var(--sp-chrome);margin:0}.notation-page{position:relative}.notation-host{cursor:grab}.notation-host:active{cursor:grabbing}.notation-marks{pointer-events:none;position:absolute;inset:0}.notation-mark{border-radius:var(--sp-radius-control);position:absolute}.notation-mark.doubt{background:color-mix(in oklch, var(--sp-chord-off) 12%, transparent);border-bottom:2px solid color-mix(in oklch, var(--sp-chord-off) 70%, transparent)}.notation-mark.picked{background:color-mix(in oklch, var(--sp-select) 28%, transparent);box-shadow:0 0 0 1px var(--sp-select)}.notation-held{padding:var(--sp-space-4) var(--sp-panel-pad-x);font:var(--sp-text-chrome-sm);color:var(--sp-fg-2);background:var(--sp-chrome);margin:0}.boundary{padding:var(--sp-space-16);gap:var(--sp-space-12);flex-direction:column;align-items:flex-start;display:flex}.boundary .controls{margin:0}.pw{flex-direction:column;flex:auto;min-height:0;display:flex}.pw__roll,.pw__notes{min-height:0;padding:var(--sp-space-6) var(--sp-space-12) var(--sp-space-8);flex-direction:column;flex:1 1 0;display:flex;overflow:auto}.pw__roll>*,.pw__notes>*{flex:none}.pw--both>.pw__roll{flex:0 auto;max-height:62%}.pw--both>.pw__notes{border-top:var(--sp-hairline-chrome)}.pw__notes>.scroll{flex:auto;min-height:120px;overflow:auto}.pw__roll{overflow:hidden}.pw__roll>.scroll{flex:auto;min-height:140px;overflow:auto}.roll-head{z-index:4;position:sticky;top:0}.controls.inspector{min-height:var(--sp-control-height);white-space:nowrap;flex-wrap:nowrap;overflow:hidden}