:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{min-height:100%;margin:0}body{min-width:320px}.app-bar{border-bottom:1px solid;border-color:var(--mui-palette-divider);background:var(--mui-palette-background-paper)!important}.app-bar .MuiIconButton-root,.workspace-header .MuiIconButton-root,.song-row>.MuiIconButton-root,.library-sort-direction,.player-row .MuiIconButton-root{min-width:44px;min-height:44px}.wordmark{font-family:var(--font-brand)!important;letter-spacing:-.04em!important;font-size:clamp(2rem,7vw,3rem)!important;font-weight:600!important}.wordmark.small{font-size:1.45rem!important}.brand-lockup{align-items:center;gap:16px;display:flex}.logo-support,.small-logo-support{background:#f6f2e9;border-radius:18px;flex:none;place-items:center;display:grid}.logo-support{width:78px;height:78px}.logo-support img{object-fit:contain;width:64px;height:64px}.small-logo-support{border-radius:12px;width:42px;height:42px}.small-logo-support img{object-fit:contain;width:34px;height:34px}.brand-logo-fallback{border:2px solid var(--sheet-brand);border-radius:inherit;width:100%;height:100%;color:var(--sheet-brand);font-family:var(--font-brand);text-transform:lowercase;place-items:center;font-weight:700;display:grid}.unlock-page{background:radial-gradient(circle at 50% 15%, color-mix(in srgb, var(--mui-palette-secondary-main) 15%, transparent), transparent 42%);place-items:center;min-height:100dvh;padding:24px;display:grid}.unlock-card{width:min(100%,440px);padding:clamp(12px,3vw,28px);box-shadow:0 24px 80px color-mix(in srgb, var(--mui-palette-primary-main) 12%, transparent)!important}.app-menu-heading{color:var(--mui-palette-text-secondary);padding:8px 10px 4px;display:block;font-weight:700!important}.unlock-content{align-items:stretch}.unlock-content .brand-lockup{margin-bottom:8px}.unlock-content h1{margin-bottom:4px;font-size:clamp(1.75rem,4vw,2.25rem)}.library-page{width:min(1100px,100%);margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,3vw,32px) 72px}.library-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.library-heading h1{font-size:clamp(2rem,3vw,2.7rem);line-height:1.1}.library-controls{border:1px solid var(--mui-palette-divider);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;margin-bottom:16px;padding:16px;display:grid;background:var(--mui-palette-background-paper)!important;border-radius:16px!important}.library-sort,.library-filter-row{align-items:center;gap:8px;display:flex}.library-filter-row{border-top:1px solid var(--mui-palette-divider);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;padding-top:12px}.library-controls .MuiToggleButton-root{min-height:28px;color:var(--mui-palette-text-secondary);text-transform:none;gap:6px;padding-inline:9px;font-weight:600}.library-controls .MuiToggleButton-root.Mui-selected{color:var(--mui-palette-primary-main);background:color-mix(in srgb, var(--mui-palette-primary-main) 13%, transparent)}.library-controls .MuiToggleButton-root svg{width:16px;height:16px}.library-sort-direction{border:1px solid var(--mui-palette-divider)!important;border-radius:10px!important}.song-list{border:1px solid var(--mui-palette-divider);background:var(--mui-palette-background-paper);border-radius:16px;overflow:hidden}.song-row{grid-template-columns:minmax(0,1fr) auto 44px 44px;align-items:center;gap:8px;min-height:76px;padding:8px 12px 8px 20px;display:grid}.song-row+.song-row{border-top:1px solid var(--mui-palette-divider)}.song-row:hover{background:color-mix(in srgb, var(--mui-palette-primary-main) 5%, var(--mui-palette-background-paper))}.song-row-main{text-align:left;min-width:0!important;color:var(--mui-palette-text-primary)!important;justify-content:flex-start!important;padding:0!important}.song-row-details{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.song-row-details .MuiTypography-h6{max-width:100%;font-family:var(--font-interface);font-size:var(--text-body);font-weight:600;line-height:1.3}.song-row-details .MuiTypography-body1{max-width:100%;font-size:.9rem}.song-row>.MuiChip-root{justify-self:end}.empty-state{text-align:center;border:1px dashed var(--mui-palette-divider);border-radius:16px;place-content:center;justify-items:center;gap:8px;min-height:220px;padding:24px;display:grid}.workspace-page{min-height:calc(100dvh - 64px);padding-bottom:32px}.workspace-page.has-audio{padding-bottom:108px}.workspace-header,.song-toolbar{border-bottom:1px solid var(--mui-palette-divider);background:var(--mui-palette-background-paper);padding:10px clamp(16px,3vw,32px)}.workspace-header{min-height:76px}.workspace-header h1{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15}.workspace-header .MuiTypography-subtitle1{font-size:.9rem}.version-selector{align-items:center;gap:8px;min-width:0;display:flex}.version-selector>.MuiInputBase-root{min-width:116px;max-width:min(200px,28vw);height:40px}.version-selector .MuiSelect-select{padding:8px 32px 8px 12px}.song-save-state{min-width:max-content;margin-left:4px!important}.song-toolbar{align-items:center;min-height:60px}.workspace-action-bar{align-items:center;width:100%}.workspace-action-bar>.MuiButton-root:last-child{margin-left:auto}.workspace-action-bar .MuiButton-root{white-space:nowrap}.semitone-controls .MuiIconButton-root{min-height:44px}.semitone-controls{border:1px solid var(--mui-palette-divider);border-radius:10px;flex:none;display:flex;overflow:hidden}.semitone-controls .MuiIconButton-root{border-radius:0;width:44px;height:44px}.semitone-controls .MuiIconButton-root+.MuiIconButton-root{border-left:1px solid var(--mui-palette-divider)}.document-container{width:100%;margin:0 auto 24px;overflow:hidden}.backup-section{gap:12px;display:grid}.backup-section>.MuiButton-root{justify-self:start}.editor-stage-scroll{box-sizing:border-box;width:100%;padding:20px 16px 28px;overflow:auto}.editor-stage{min-width:0;max-width:none;margin-inline:auto;container-type:inline-size}.editor-toolbar{box-sizing:border-box;border-bottom:1px solid var(--mui-palette-divider);background:var(--mui-palette-background-paper);z-index:9;align-items:center;width:100%;padding:7px clamp(12px,3vw,32px);scroll-padding-inline:clamp(12px,3vw,32px);position:sticky;top:64px;overflow:auto hidden}.editor-toolbar:after{content:"";flex:0 0 2px}.editor-toolbar .MuiButton-root,.editor-toolbar .MuiTypography-caption{white-space:nowrap;flex-shrink:0}.editor-toolbar .MuiIconButton-root{flex:0 0 var(--size-control);width:var(--size-control);height:var(--size-control)}.editor-toolbar .MuiInputBase-root{min-height:var(--size-control)}.editor-paper{box-sizing:border-box;border:1px solid var(--mui-palette-divider);background:var(--chordleaf-editor-paper);box-shadow:0 24px 60px color-mix(in srgb, var(--mui-palette-primary-main) 8%, transparent);border-radius:18px;padding-block:clamp(12px,1.5cqi,20px);padding-inline:clamp(24px,2.5cqi,32px) clamp(16px,2cqi,24px);position:relative;overflow:auto}.editor-paper:focus-within{border-color:color-mix(in srgb, var(--mui-palette-primary-main) 52%, var(--mui-palette-divider));box-shadow:0 0 0 2px color-mix(in srgb, var(--mui-palette-primary-main) 12%, transparent), 0 24px 60px color-mix(in srgb, var(--mui-palette-primary-main) 8%, transparent)}.editor-input{white-space:pre-wrap;outline:none;min-height:100%;font-size:1.05rem;line-height:1.55}.editor-input:focus,.editor-input:focus-visible{outline:none!important}.editor-input>*{break-inside:avoid}.editor-input>.music-line{break-after:avoid}.editor-input>.music-line+.music-line,.editor-input>.music-line+.lyric-line{break-before:avoid}.editor-placeholder{color:var(--mui-palette-text-secondary);pointer-events:none;position:absolute;top:clamp(12px,1.5cqi,20px);left:clamp(24px,2.5cqi,32px)}.lyric-line,.music-line{overflow-wrap:normal;word-break:normal;text-wrap:pretty;min-height:.75em;margin:0;line-height:1.55}.music-line{color:var(--mui-palette-text-primary);border-radius:8px;padding-inline:0 8px;font-weight:600;position:relative}.music-line:focus-within{background:color-mix(in srgb, var(--mui-palette-secondary-main) 15%, transparent)}.recognized-chord{color:var(--mui-palette-warning-main);cursor:pointer;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;border-radius:3px;font-weight:750}.chart-grid{--chart-font-size:14px;--chart-line-spacing:1.15;--chart-char-width:8.4px;--chart-row-height:21px;font-family:var(--font-mono);font-size:var(--chart-font-size);line-height:var(--chart-line-spacing);white-space:pre;tab-size:4}.chart-text-layer{outline:none;height:100%;min-height:100%;position:relative;overflow:auto}.chart-text-layer.is-read-only{height:auto;overflow:visible}.chart-scroll-content{box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:max-content;min-width:100%;min-height:100%;padding:16px;position:relative}.chart-read-view{min-height:100%;color:var(--mui-palette-text-primary);-webkit-user-select:text;user-select:text}.chart-read-view .recognized-chord{cursor:pointer}.chart-read-view .recognized-chord:focus-visible{outline:2px solid var(--mui-palette-primary-main);outline-offset:2px}.chart-read-line{min-height:calc(var(--chart-font-size) * var(--chart-line-spacing));break-inside:avoid-column}.chart-underlay,.chart-textarea{box-sizing:border-box;font-family:inherit;font-size:var(--chart-font-size);font-weight:400;line-height:var(--chart-edit-line-height);letter-spacing:normal;tab-size:4;white-space:pre;word-wrap:normal;overflow-wrap:normal;border:0;margin:0;padding:0}.chart-underlay{z-index:0;width:max-content;color:var(--mui-palette-text-primary);pointer-events:none;background:0 0;position:relative;overflow:visible}.chart-textarea{z-index:1;resize:none;color:#0000;width:calc(100% - 32px);height:calc(100% - 32px);caret-color:var(--mui-palette-text-primary);background:0 0;outline:none;position:absolute;inset:16px auto auto 16px;overflow:hidden}.chart-textarea:focus,.chart-textarea:focus-visible{outline:none}.chart-textarea::selection{background:color-mix(in srgb, var(--mui-palette-secondary-main) 35%, transparent);color:#0000}.chart-underlay-line{min-height:var(--chart-edit-line-height)}.chart-underlay-line[data-chord-line=true]{color:var(--sheet-terracotta,var(--mui-palette-warning-main));font-weight:700}.chart-grid .chart-mark{color:var(--mui-palette-text-secondary);font-weight:600}.chart-grid .recognized-chord{color:var(--mui-palette-warning-main);white-space:nowrap;border-radius:3px;font-weight:700}@media print{.chart-textarea{display:none}.chart-underlay{pointer-events:auto;position:static;overflow:visible}}.recognized-chord:hover,.recognized-chord:focus{outline:2px solid color-mix(in srgb, var(--mui-palette-warning-main) 55%, transparent);outline-offset:2px}.voicing-carousel{width:100%;padding-block:4px 8px}.voicing-diagram svg{width:100%;height:auto;display:block}@media print{.recognized-chord{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-underline{text-decoration:underline}.text-strike{text-decoration:line-through}.editor-toolbar-status{min-width:max-content;color:var(--mui-palette-text-secondary);align-self:center;padding-inline:6px}.editor-viewport-title-icon{width:44px;height:44px;color:var(--mui-palette-primary-main);background:color-mix(in srgb, var(--mui-palette-primary-main) 11%, transparent);border-radius:5px;flex:0 0 44px;place-items:center;display:grid}.editor-viewport-current,.editor-viewport-custom,.editor-viewport-summary{border:1px solid var(--mui-palette-divider);border-radius:6px;padding:14px 16px}.editor-viewport-current{background:color-mix(in srgb, var(--mui-palette-primary-main) 5%, transparent)}.editor-viewport-current .MuiTypography-overline,.editor-viewport-summary .MuiTypography-overline{line-height:1.3;display:block}.editor-viewport-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.editor-viewport-preset{text-align:left;grid-template-columns:32px minmax(0,1fr) 20px;min-height:64px;text-transform:none!important;padding:8px 10px!important;display:grid!important}.editor-viewport-preset-icon{place-items:center;display:grid}.editor-viewport-preset-icon .material-symbols-outlined{font-size:1.25rem}.editor-viewport-preset-copy{justify-items:start;min-width:0;display:grid}.editor-viewport-preset-copy .MuiTypography-body2{font-weight:700}.editor-viewport-preset-copy .MuiTypography-caption{opacity:.78}.editor-viewport-preset-check{font-size:1.15rem!important}.editor-viewport-custom{background:var(--mui-palette-background-default)}.editor-viewport-rotate{flex:0 0 var(--size-control);width:var(--size-control);height:var(--size-control);border:1px solid var(--mui-palette-divider)!important;border-radius:5px!important}.editor-viewport-dimensions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.editor-viewport-times{color:var(--mui-palette-text-secondary);font-size:1.25rem!important}.editor-viewport-unit{white-space:nowrap}.editor-viewport-summary{background:var(--mui-palette-background-paper);align-items:center}.editor-viewport-summary.changed{border-color:color-mix(in srgb, var(--mui-palette-primary-main) 38%, var(--mui-palette-divider));background:color-mix(in srgb, var(--mui-palette-primary-main) 7%, transparent)}.bottom-player{z-index:20;padding:0 clamp(12px, 3vw, 28px) env(safe-area-inset-bottom);border-top:1px solid var(--mui-palette-divider);background:var(--mui-palette-background-paper);box-shadow:0 -16px 50px color-mix(in srgb, var(--mui-palette-primary-main) 12%, transparent);position:fixed;bottom:0;left:0;right:0}.player-audio-element{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.player-timeline{width:100%;height:40px;position:absolute;top:-20px;left:0}.player-timeline .MuiSlider-root{width:100%;padding:0;position:absolute;inset:0}.playhead-slider{z-index:2}.playhead-slider .MuiSlider-rail{opacity:.28;height:5px}.playhead-slider .MuiSlider-track{height:5px}.playhead-slider .MuiSlider-thumb{width:15px;height:15px}.loop-range-slider{z-index:3;pointer-events:none}.loop-range-slider .MuiSlider-rail{opacity:0}.loop-range-slider .MuiSlider-track{background:color-mix(in srgb, var(--mui-palette-secondary-main) 64%, transparent);border:0;border-radius:999px;height:9px}.loop-range-slider .MuiSlider-thumb{border:2px solid var(--mui-palette-background-paper);width:30px;height:30px;color:var(--mui-palette-secondary-main);box-shadow:0 2px 10px color-mix(in srgb, var(--mui-palette-common-black) 24%, transparent);pointer-events:auto}.loop-range-slider .MuiSlider-thumb:before{color:var(--mui-palette-secondary-contrastText);text-align:center;font-size:.72rem;font-weight:800;line-height:26px}.loop-range-slider .MuiSlider-thumb[data-index="0"]:before{content:"A"}.loop-range-slider .MuiSlider-thumb[data-index="1"]:before{content:"B"}.timeline-marker{z-index:4;cursor:pointer;background:0 0;border:0;width:28px;height:40px;padding:0;position:absolute;top:-18px;transform:translate(-50%)}.timeline-marker span{border:3px solid var(--mui-palette-background-paper);background:var(--mui-palette-error-main);width:22px;height:22px;box-shadow:0 2px 8px color-mix(in srgb, var(--mui-palette-common-black) 24%, transparent);border-radius:50%;margin:9px auto;transition:transform .12s,box-shadow .12s;display:block}.timeline-marker:hover span,.timeline-marker:focus-visible span{box-shadow:0 3px 12px color-mix(in srgb, var(--mui-palette-common-black) 32%, transparent);transform:scale(1.14)}.timeline-marker:focus-visible{outline:2px solid var(--mui-palette-secondary-main);outline-offset:-5px;border-radius:8px}.player-row{min-height:72px}.mobile-seek-controls{display:none}.loop-lock-chip{border:1px solid color-mix(in srgb, var(--mui-palette-secondary-main) 45%, transparent);max-width:150px;color:var(--mui-palette-secondary-main)!important;background:color-mix(in srgb, var(--mui-palette-secondary-main) 9%, transparent)!important}.player-expanded{max-height:min(72dvh,640px);padding:10px 0 16px;overflow:auto}.practice-section{border:1px solid var(--mui-palette-divider);background:color-mix(in srgb, var(--mui-palette-background-default) 38%, transparent);border-radius:12px;padding:12px}.practice-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.practice-section-heading .MuiTypography-subtitle1{font-family:var(--font-interface);font-size:.9rem;font-style:normal;font-weight:700}.loop-builder{background:var(--mui-palette-background-paper);border-radius:12px;gap:10px;padding:12px;display:grid}.loop-point-controls,.loop-save-controls,.marker-create-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.loop-point-controls .MuiButton-root{justify-content:flex-start;min-width:124px}.loop-point-letter{width:24px;height:24px;color:var(--mui-palette-secondary-contrastText);background:var(--mui-palette-secondary-main);border-radius:50%;place-items:center;margin-right:8px;font-weight:800;display:inline-grid}.loop-point-connector{background:var(--mui-palette-divider);width:26px;height:2px}.loop-duration{background:color-mix(in srgb, var(--mui-palette-secondary-main) 10%, transparent);border-radius:999px;padding:5px 8px}.loop-save-controls .MuiTextField-root,.marker-create-controls .MuiTextField-root{width:min(220px,100%)}.loop-save-controls .MuiSelect-root{min-width:138px}.saved-loop-list{margin-top:12px}.saved-loop-list .MuiTypography-overline{color:var(--mui-palette-text-secondary);font-weight:700}.saved-loop{border:1px solid var(--mui-palette-divider);border-radius:12px;align-items:center;gap:10px;padding:7px 8px;display:flex}.saved-loop[data-active=true]{border-color:var(--mui-palette-secondary-main);background:color-mix(in srgb, var(--mui-palette-secondary-main) 10%, transparent)}.saved-loop>.MuiButton-root{min-width:112px}.marker-create-controls{margin-bottom:10px}.marker-list{flex-wrap:wrap}.marker-item{align-items:center;gap:4px;max-width:100%;display:inline-flex}.marker-list .MuiChip-root{min-width:0;min-height:44px}.marker-item .MuiIconButton-root{width:var(--size-control);height:var(--size-control)}@media (width>=1000px){.player-expanded{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;width:min(100%,1600px);margin-inline:auto;gap:12px!important;display:grid!important}.playback-section{grid-column:1/-1}}@media (width>=1200px){.player-expanded{padding-block:10px 14px}.practice-section{padding:12px}.practice-section-heading{margin-bottom:8px}.playback-section{grid-template-columns:190px minmax(0,1fr);gap:12px;display:grid}.playback-section>.practice-section-heading{margin:4px 0 0}.loop-builder{grid-template-columns:auto minmax(390px,1fr);align-items:center;gap:8px 12px;padding:10px}.loop-builder>[role=alert]{grid-column:1/-1}.saved-loop-list{margin-top:8px}}.presentation-overlay{z-index:2000;background:var(--mui-palette-background-default);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.presentation-stage{transform-origin:50%}.presentation-overlay .editor-paper{box-shadow:none}.presentation-overlay .lyric-line,.presentation-overlay .music-line{break-inside:avoid}.voicing-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.voicing-card{border:1px solid var(--mui-palette-divider);border-radius:16px;padding:8px}.voicing-card svg{width:100%;height:auto;display:block}.center-progress,.splash{place-items:center;min-height:70dvh;display:grid}.splash{min-height:100dvh}.splash img{object-fit:contain;width:88px;height:88px}@media (width<=599px){.app-bar .MuiToolbar-root{padding-inline:16px}.wordmark.small{font-size:1.2rem!important}.library-heading{flex-wrap:wrap;align-items:flex-start}.library-heading>.MuiButton-root{width:100%}.library-controls{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.library-filter-row{gap:8px}.library-filter-row .MuiToggleButtonGroup-root{width:100%}.library-filter-row .MuiToggleButton-root{flex:auto;padding-inline:8px}.library-sort .MuiFormControl-root{flex:1}.song-row{gap:4px;min-height:72px;padding-left:12px}.song-row-details .MuiTypography-h6{font-size:1.05rem}.editor-stage-scroll{padding:12px 0 24px}.bottom-player{padding-inline:10px}.player-row{gap:2px!important}.player-desktop-seek{display:none}.mobile-seek-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.mobile-seek-controls .MuiButton-root{min-height:44px;padding-inline:8px}.player-row .MuiIconButton-root{width:44px;height:44px}.loop-lock-chip{display:none!important}.player-expanded{max-height:min(78dvh,680px);padding-top:10px}.practice-section{padding:12px}.practice-section-heading{align-items:center;gap:6px}.practice-section-heading .MuiTypography-caption{display:none}.practice-section-heading .MuiChip-root{max-width:48%}.loop-builder{padding:8px}.loop-point-controls{grid-template-columns:repeat(2,minmax(0,1fr)) 44px;gap:6px;display:grid}.loop-point-controls .MuiButton-root{justify-content:center;min-width:0;padding-inline:4px}.loop-point-connector{display:none}.loop-duration{grid-column:1/-1;justify-self:start}.loop-save-controls{grid-template-columns:minmax(0,1fr) 112px;display:grid}.loop-save-controls .MuiTextField-root,.loop-save-controls .MuiSelect-root{width:100%;min-width:0}.loop-save-controls>.MuiButton-root{grid-column:1/-1;justify-self:end}.marker-create-controls{grid-template-columns:minmax(0,1fr) auto;display:grid}.marker-create-controls .MuiTextField-root{min-width:0}.marker-create-controls>.MuiButton-root{white-space:nowrap;min-width:0;padding-inline:8px}.saved-loop{grid-template-columns:minmax(0,1fr) 44px;display:grid}.saved-loop>.MuiButton-root{grid-area:2/1;justify-self:start;min-width:0}.saved-loop>.MuiBox-root{grid-area:1/1}.saved-loop>.MuiIconButton-root{grid-area:1/2/3;align-self:center}}@media (width<=520px){.editor-viewport-title .MuiStack-root{align-items:flex-start}.editor-viewport-presets{grid-template-columns:1fr}.editor-viewport-dimensions{grid-template-columns:minmax(0,1fr)}.editor-viewport-times{display:none}.editor-viewport-unit{justify-self:start;margin-top:-4px!important}}@media (width<=359px){.unlock-content .brand-lockup{gap:10px}.unlock-content .logo-support{width:56px;height:56px}.unlock-content .logo-support img{width:46px;height:46px}.unlock-content .wordmark{font-size:1.65rem!important}.song-row{grid-template-columns:minmax(0,1fr) 44px 44px}.song-row>.MuiChip-root{grid-area:2/1;justify-self:start;margin-top:-4px}}@media (width<=899px){.workspace-page{min-height:100dvh}.workspace-header{grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:center;min-height:0;padding:8px 12px;gap:4px!important;display:grid!important}.workspace-header>.MuiBox-root:first-of-type{grid-area:1/2}.workspace-header>button[aria-label="Back to library"]{grid-area:1/1}.workspace-header>button[aria-label="Add to favorites"],.workspace-header>button[aria-label="Remove from favorites"]{grid-area:1/3}.workspace-header>button[aria-label=App\ menu]{grid-area:1/4}.version-selector{grid-area:2/2/auto/-1;min-width:0;padding-block:0 2px}.version-selector>.MuiInputBase-root{min-width:100px;max-width:min(170px,48vw)}.version-selector .song-save-state{text-overflow:ellipsis;overflow:hidden}.song-toolbar{min-height:56px;padding:6px 12px}.workspace-action-bar{grid-template-columns:minmax(0,1fr) auto auto auto;gap:4px!important;display:grid!important}.workspace-action-bar .MuiButton-root{min-width:0;padding-inline:6px;font-size:.82rem;overflow:hidden}.workspace-action-bar .MuiButton-startIcon,.workspace-action-bar .key-prefix{display:none}.workspace-action-bar>.MuiButton-root:last-child{margin-left:0}.workspace-action-bar .MuiButton-root:first-child{text-overflow:ellipsis;justify-content:flex-start}.workspace-present-action{display:none!important}.editor-toolbar{top:0}.editor-toolbar .MuiButton-root{white-space:nowrap;flex:none}}@media (width>=600px) and (width<=999px){.playback-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-volume{grid-column:1/-1}}@media (width<=999px){.library-controls{align-items:stretch}}@media (orientation:landscape) and (height<=520px){.player-expanded{max-height:72dvh}.presentation-overlay{padding:0}}@media print{.app-bar,.workspace-header,.song-toolbar,.editor-toolbar,.bottom-player{display:none!important}.document-container{width:100%;margin:0}html.chordleaf-pdf-export,html.chordleaf-pdf-export body,html.chordleaf-pdf-export #root,html.chordleaf-pdf-export .workspace-page{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;height:auto;min-height:0;margin:0;padding:0;display:block;overflow:visible}html.chordleaf-pdf-export .workspace-page.pdf-exporting>:not(.document-container){display:none!important}html.chordleaf-pdf-export .workspace-page.pdf-exporting .document-container{border-radius:0;height:auto;min-height:0;overflow:visible;width:auto!important;margin:0!important}html.chordleaf-pdf-export .workspace-page.pdf-exporting .editor-stage-scroll{width:auto;padding:0;overflow:visible}html.chordleaf-pdf-export .workspace-page.pdf-exporting .editor-stage,html.chordleaf-pdf-export .workspace-page.pdf-exporting .editor-paper{width:auto!important}html.chordleaf-pdf-export .workspace-page.pdf-exporting .editor-stage{container-type:normal}html.chordleaf-pdf-export .workspace-page.pdf-exporting .editor-paper{min-height:0;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border:0;border-radius:0;padding:0;overflow:visible;height:auto!important}html.chordleaf-pdf-export .workspace-page.pdf-exporting .chart-text-layer{height:auto;overflow:visible}html.chordleaf-pdf-export .workspace-page.pdf-exporting .chart-underlay-line,html.chordleaf-pdf-export .workspace-page.pdf-exporting .chart-read-line{break-inside:avoid-page}html.chordleaf-pdf-export .workspace-page.pdf-exporting .chart-underlay-line[data-chord-line=true],html.chordleaf-pdf-export .workspace-page.pdf-exporting .chart-read-line[data-chord-line=true]{break-after:avoid-page}html.chordleaf-pdf-export .MuiPopper-root,html.chordleaf-pdf-export .MuiModal-root{display:none!important}}@media screen{body{background:var(--mui-palette-background-default)}.wordmark,.song-row-details .MuiTypography-h6{letter-spacing:-.025em;font-family:var(--font-interface)!important}.library-page{max-width:1180px}.library-controls,.song-list{border-color:var(--mui-palette-divider);box-shadow:0 2px 4px #2c262108;border-radius:8px!important}.song-row:hover{background:color-mix(in srgb, var(--mui-palette-primary-main) 7%, var(--mui-palette-background-paper))}.workspace-page{background:var(--mui-palette-background-default);min-height:100dvh}.workspace-header{z-index:12;box-sizing:border-box;background:var(--mui-palette-background-paper);min-height:58px;padding:8px clamp(12px,2vw,28px);position:sticky;top:0;box-shadow:0 1px 8px #2c26210a;gap:4px!important}.workspace-header h1{font-size:clamp(1rem,1.6vw,1.3rem);font-weight:750;line-height:1.15}.workspace-brand-mark{object-fit:contain;flex:none;width:22px;height:22px}.workspace-header .MuiTypography-subtitle1{color:var(--mui-palette-text-secondary);margin-top:2px;font-size:.7rem;line-height:1.15}.workspace-header .MuiIconButton-root{border-radius:6px;width:34px;min-width:34px;height:34px;min-height:34px;padding:5px}.workspace-header .MuiIconButton-root svg{width:18px;height:18px}.workspace-header button[aria-label="Toggle quick settings"],.workspace-header button[aria-label=Fullscreen],.workspace-header button[aria-label=More\ options]{border:1px solid var(--mui-palette-divider);background:var(--mui-palette-background-paper)}.workspace-header button[aria-label="Toggle quick settings"][aria-expanded=true]{color:var(--mui-palette-primary-main);background:color-mix(in srgb, var(--mui-palette-primary-main) 10%, var(--mui-palette-background-paper))}.song-toolbar{display:none!important}.workspace-page .document-container{max-width:1180px;margin:0 auto}.workspace-page .editor-stage-scroll{padding:12px clamp(12px,2vw,24px) 40px}.editor-stage.is-reading{width:100%;max-width:100%}.editor-stage.is-reading .editor-paper{border:1px solid var(--mui-palette-divider);border-radius:8px;width:100%;height:auto;min-height:calc(100dvh - 140px);padding:clamp(12px,2vw,30px);overflow:visible;box-shadow:0 2px 4px #2c26210a}.editor-stage.is-reading .chart-read-view{max-width:100%}.editor-stage.is-reading .chart-read-line{white-space:pre}.editor-stage.is-reading .chart-read-line[data-chord-line=true]{color:var(--mui-palette-secondary-main);font-weight:700}.editor-stage.is-reading .recognized-chord{color:var(--mui-palette-secondary-main)}.bottom-player{padding:0 clamp(12px, 3vw, 28px) calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--mui-palette-divider);background:var(--mui-palette-background-paper);box-shadow:0 -6px 18px #2c26210d}.player-timeline{width:calc(100% - 108px);height:18px;top:10px;left:54px}.player-timeline .MuiSlider-root{padding:0}.playhead-slider .MuiSlider-rail,.playhead-slider .MuiSlider-track{height:3px}.playhead-slider .MuiSlider-rail{opacity:.65;color:var(--mui-palette-divider)}.playhead-slider .MuiSlider-thumb{width:12px;height:12px;color:var(--sheet-amber)}.timeline-marker{width:24px;height:28px;top:-9px}.timeline-marker span{background:var(--mui-palette-secondary-main);width:2px;height:17px;box-shadow:none;border:0;border-radius:0;margin:4px auto}.player-time-row{height:34px;color:var(--mui-palette-text-secondary);font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:.66rem;display:flex}.player-row{grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);min-height:48px;gap:8px!important;display:grid!important}.player-transport{align-items:center;gap:5px;display:flex}.player-row .MuiIconButton-root{border:1px solid var(--mui-palette-divider);width:34px;min-width:34px;height:34px;min-height:34px;color:var(--mui-palette-text-primary);background:var(--mui-palette-background-paper);border-radius:7px;padding:5px}.player-row .MuiIconButton-root svg{width:17px;height:17px}.player-row .player-play-button{width:42px;min-width:42px;height:42px;min-height:42px;color:var(--sheet-on-amber);background:var(--sheet-amber);border:0;border-radius:50%;box-shadow:0 3px 9px #8355052b}.player-row .player-play-button svg{width:20px;height:20px}.player-volume-control{justify-self:start;position:relative}.player-volume-popover{border:1px solid var(--mui-palette-divider);background:var(--mui-palette-background-paper);border-radius:8px;align-items:center;gap:8px;width:180px;padding:8px 14px;display:flex;position:absolute;bottom:42px;left:0;box-shadow:0 8px 16px #2c262114}.presentation-overlay{background:var(--mui-palette-background-default);width:100vw;height:100dvh;display:block;overflow:auto}.presentation-controls{top:max(12px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:2;gap:4px;display:flex;position:fixed}.presentation-controls .MuiButtonBase-root.MuiIconButton-root{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--sheet-outline) 30%, transparent);background:var(--mui-palette-background-paper);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--mui-palette-text-secondary);border-radius:5px;padding:0}.presentation-stage{width:100%;max-width:1180px;margin:0 auto}.presentation-stage .editor-stage-scroll{padding:12px}}@media screen and (width<=899px){.workspace-header{padding:7px 9px;display:flex!important}.workspace-header>.MuiBox-root:first-of-type{flex:1;min-width:0}.workspace-header>button[aria-label="Back to library"]{margin-left:0}.workspace-page .editor-stage-scroll{padding:0 0 24px}.editor-stage.is-reading .editor-paper{min-height:calc(100dvh - 140px);box-shadow:none;border:0;border-radius:0;padding:12px}.editor-stage.is-reading .chart-grid{font-size:min(var(--chart-font-size), 14px);line-height:1.25}.workspace-page.has-audio{padding-bottom:106px}.bottom-player{padding-inline:12px}.player-row .MuiIconButton-root{width:32px;min-width:32px;height:32px;min-height:32px}.player-row .player-play-button{width:42px;min-width:42px;height:42px;min-height:42px}}@media screen and (width<=359px){.presentation-controls{top:max(13px, env(safe-area-inset-top));right:max(4px, env(safe-area-inset-right))}.presentation-controls .MuiButtonBase-root.MuiIconButton-root{width:26px;min-width:26px;height:26px;min-height:26px}.player-transport{gap:2px}.player-row{gap:2px!important}.workspace-header .MuiIconButton-root{width:30px;min-width:30px;height:30px;min-height:30px}}.material-symbols-outlined{width:1em;height:1em;font-family:var(--font-icons);letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-smoothing:antialiased;direction:ltr;flex:0 0 1em;justify-content:center;align-items:center;font-style:normal;font-weight:400;line-height:1;display:inline-flex;overflow:hidden}@media screen{.workspace-page{box-sizing:border-box;height:100dvh;min-height:0;padding-bottom:calc(105px + env(safe-area-inset-bottom));background:var(--sheet-surface);color:var(--sheet-ink);flex-direction:column;display:flex;overflow:hidden}.workspace-header{--header-leading-size:var(--size-control);z-index:var(--layer-header);box-sizing:border-box;width:100%;height:var(--size-header);min-height:var(--size-header);background:var(--sheet-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:4px;padding:0 8px;display:flex;position:sticky;top:0;box-shadow:0 1px 8px #0000000a}.workspace-header-identity,.workspace-header-actions,.workspace-brand-lockup{align-items:center;min-width:0;display:flex}.workspace-header-identity{flex:1;gap:7px}.workspace-header-leading{flex:0 0 var(--header-leading-size);width:var(--header-leading-size);height:var(--header-leading-size);justify-content:center;align-items:center;display:flex}.workspace-header-actions{flex:none;gap:4px}.workspace-brand-lockup{flex:none;gap:5px}.workspace-brand-mark{object-fit:contain;flex:none;width:20px;height:20px}.workspace-brand-name{color:var(--sheet-brand);font-family:var(--font-brand);font-size:var(--size-arrow);letter-spacing:-.025em;font-weight:600}.workspace-header-divider{background:var(--sheet-outline);width:1px;height:14px;margin-inline:1px;display:block}.workspace-title-group{flex-direction:column;min-width:0;display:flex}.workspace-header .workspace-title-group .workspace-header-title{font-family:var(--font-interface);font-size:var(--text-title);letter-spacing:0;margin:0;font-weight:700;line-height:20px}.workspace-header .workspace-title-group .MuiTypography-subtitle1{color:var(--sheet-muted);font-family:var(--font-interface);font-size:var(--text-control);margin:0;font-style:normal;line-height:13px}.workspace-header .MuiIconButton-root{width:var(--header-leading-size);height:var(--header-leading-size);min-width:var(--header-leading-size);min-height:var(--header-leading-size);border:1px solid var(--sheet-outline);border-radius:var(--radius-control);color:var(--sheet-muted);background:var(--sheet-paper);box-shadow:var(--shadow-control);padding:0}.workspace-header .workspace-back-button,.workspace-header .workspace-favorite-button.MuiIconButton-root{box-shadow:none;background:0 0;border:0}.workspace-header .MuiIconButton-root:hover{color:var(--sheet-muted);background:var(--sheet-container)}.workspace-header .workspace-favorite-button.MuiIconButton-root,.workspace-header .workspace-favorite-button.MuiIconButton-root:hover{color:var(--sheet-muted);background:0 0}.workspace-header .workspace-favorite-button.MuiIconButton-root[aria-pressed=true],.workspace-header .workspace-favorite-button.MuiIconButton-root[aria-pressed=true]:hover{color:var(--sheet-favorite)}.workspace-header .workspace-header-state-button.MuiIconButton-root:hover{color:var(--sheet-muted);background:var(--sheet-paper)}.workspace-header .workspace-header-state-button.MuiIconButton-root[aria-expanded=true],.workspace-header .workspace-header-state-button.MuiIconButton-root[aria-pressed=true],.workspace-header .workspace-header-state-button.MuiIconButton-root[aria-expanded=true]:hover,.workspace-header .workspace-header-state-button.MuiIconButton-root[aria-pressed=true]:hover{color:var(--sheet-amber);background:var(--sheet-paper)}.workspace-header-actions .MuiIconButton-root:focus-visible{outline:2px solid var(--sheet-focus)}.library-page{width:min(1024px,100%);color:var(--sheet-ink);padding:20px 16px 48px}.library-heading{align-items:center;gap:10px;margin-bottom:14px}.library-heading>.MuiTypography-root{color:var(--sheet-muted);font:500 var(--text-control)/1.4 var(--font-interface)}.library-heading>.MuiButton-root,.empty-state>.MuiButton-root{min-height:var(--size-control);height:var(--size-control);border-radius:var(--radius-control);font:600 var(--text-control)/1 var(--font-interface);text-transform:none;padding:0 10px}.library-heading>.MuiButton-contained,.empty-state>.MuiButton-contained{background:var(--sheet-amber);color:var(--sheet-on-amber);box-shadow:var(--shadow-control)}.library-heading>.MuiButton-contained:hover,.empty-state>.MuiButton-contained:hover{background:color-mix(in srgb, var(--sheet-amber) 85%, var(--sheet-ink))}.library-heading .MuiButton-startIcon{margin-right:4px}.library-controls,.song-list{border-color:var(--sheet-outline);box-shadow:var(--shadow-control);border-radius:var(--radius-card)!important;background:var(--sheet-paper)!important}.library-controls{gap:8px 10px;margin-bottom:10px;padding:10px}.library-controls .MuiOutlinedInput-root{height:var(--size-control);min-height:var(--size-control);border-radius:var(--radius-control);background:var(--sheet-paper)}.library-controls .MuiInputBase-input{font:500 var(--text-control)/1.2 var(--font-interface)}.library-controls .MuiInputAdornment-root{color:var(--sheet-muted)}.library-controls .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.library-controls .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.library-controls .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--sheet-outline);border-width:1px}.library-sort-direction.MuiIconButton-root{box-sizing:border-box;width:var(--size-control);height:var(--size-control);min-width:var(--size-control);min-height:var(--size-control);color:var(--sheet-muted);background:var(--sheet-paper);box-shadow:var(--shadow-control);padding:0;border-color:var(--sheet-outline)!important;border-radius:5px!important}.library-filter-row{border-color:var(--sheet-outline);gap:6px;padding-top:8px}.library-controls .MuiToggleButton-root{min-height:var(--size-control);height:var(--size-control);border-color:var(--sheet-outline);color:var(--sheet-muted);background:var(--sheet-paper);font:600 var(--text-control)/1 var(--font-interface);gap:4px;padding:0 8px}.library-controls .MuiToggleButton-root.Mui-selected{color:var(--sheet-key-text);background:var(--sheet-selected)}.library-controls .MuiToggleButton-root .material-symbols-outlined{font-size:var(--text-title)}.song-row{box-sizing:border-box;gap:6px;min-height:54px;padding:6px 9px 6px 12px;display:flex}.song-row+.song-row{border-color:var(--sheet-outline)}.song-row:hover{background:color-mix(in srgb, var(--sheet-amber) 7%, var(--sheet-paper))}.song-row-main,.song-row>.song-row-details{flex:auto;min-width:0}.song-row-main:hover{background:0 0}.song-row-details .MuiTypography-h6{color:var(--sheet-ink);font:700 var(--text-body)/1.4 var(--font-interface);letter-spacing:0}.song-row-details .MuiTypography-body1{color:var(--sheet-muted);font:500 var(--text-control)/15px var(--font-interface)}.song-row-actions{flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}.song-row-actions .MuiIconButton-root{width:var(--size-control);height:var(--size-control);min-width:var(--size-control);min-height:var(--size-control);border-radius:var(--radius-control);color:var(--sheet-muted);flex:0 0 28px;padding:0}.song-row-actions .MuiIconButton-root:hover{background:var(--sheet-container)}.song-row-actions .song-favorite-button.MuiIconButton-root,.song-row-actions .song-favorite-button.MuiIconButton-root:hover{box-shadow:none;color:var(--sheet-muted);background:0 0;border:0}.song-row-actions .song-favorite-button.MuiIconButton-root[aria-pressed=true],.song-row-actions .song-favorite-button.MuiIconButton-root[aria-pressed=true]:hover{color:var(--sheet-favorite)}.song-row-actions .song-favorite-button.MuiIconButton-root:focus-visible{outline:2px solid var(--sheet-focus)}.song-row>.MuiChip-root{border-color:var(--sheet-outline);border-radius:var(--radius-control);height:20px;color:var(--sheet-muted);font:600 var(--text-caption)/1 var(--font-interface)}.library-row-menu.MuiPaper-root{min-width:156px}.library-row-menu .library-destructive-icon,.menu-destructive-icon{color:var(--sheet-favorite)}.unlock-shell .unlock-page{box-sizing:border-box;min-height:calc(100dvh - 52px)}.workspace-quick-settings{top:var(--size-header);z-index:45;box-sizing:border-box;border-bottom:1px solid color-mix(in srgb, var(--sheet-terracotta) 10%, transparent);background:var(--sheet-low);width:100%;max-width:100vw;animation:quick-settings-open var(--motion-sheet) var(--motion-easing) both;flex-direction:column;align-items:stretch;gap:3px;padding:6px 0;display:flex;position:sticky}.workspace-quick-settings>.quick-scroll-row{flex:none;width:100%}.workspace-quick-settings .song-save-state{font-size:.68rem}@keyframes quick-settings-open{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.quick-scroll-row{box-sizing:border-box;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.quick-scroll-row:before,.quick-scroll-row:after{z-index:1;opacity:0;pointer-events:none;content:"";width:48px;transition:opacity var(--motion-fast) var(--motion-easing);position:absolute;top:0;bottom:0}.quick-scroll-row:before{background:linear-gradient(to right, var(--sheet-low) 0%, var(--sheet-low) 20%, color-mix(in srgb, var(--sheet-low) 70%, transparent) 60%, transparent 100%);left:0}.quick-scroll-row:after{background:linear-gradient(to left, var(--sheet-low) 0%, var(--sheet-low) 20%, color-mix(in srgb, var(--sheet-low) 70%, transparent) 60%, transparent 100%);right:0}.quick-scroll-row[data-overflow-left=true]:before,.quick-scroll-row[data-overflow-right=true]:after{opacity:1}.quick-scroll-viewport{box-sizing:border-box;scrollbar-width:none;width:100%;padding:2px 12px;overflow:auto hidden}.quick-scroll-viewport::-webkit-scrollbar{display:none}.quick-scroll-content{align-items:center;gap:4px;width:max-content;min-width:100%;display:flex}.quick-version-fit{height:var(--size-control);flex:none;position:relative}.quick-version-measure{box-sizing:border-box;min-width:80px;height:var(--size-control);visibility:hidden;white-space:nowrap;font:600 var(--text-control)/16px var(--font-interface);padding:6px 34px 6px 10px;display:block}.quick-version-row .MuiInputBase-root{width:100%;min-width:0;height:var(--size-control);min-height:var(--size-control);border-radius:var(--radius-control);background:var(--sheet-paper);font-size:var(--text-control);font-weight:600;position:absolute;inset:0}.quick-version-row .MuiSelect-select{padding:4px 26px 4px 10px}:root .MuiOutlinedInput-root .MuiSelect-select{font-size:var(--text-control);padding:4px 26px 4px 10px}:root .MuiInputAdornment-root .MuiIconButton-root{width:24px;min-width:24px;height:24px;min-height:24px;padding:2px}:root .MuiInputAdornment-root .MuiIconButton-root svg{width:16px;height:16px}:root .MuiSelect-icon{color:var(--sheet-muted);font-size:var(--size-arrow);right:6px}:root .MuiSelect-iconOpen{color:var(--sheet-amber)}:root .MuiOutlinedInput-root:has(.MuiSelect-select) .MuiOutlinedInput-notchedOutline,:root .MuiOutlinedInput-root:has(.MuiSelect-select):hover .MuiOutlinedInput-notchedOutline,:root .MuiOutlinedInput-root.Mui-focused:has(.MuiSelect-select) .MuiOutlinedInput-notchedOutline{border-color:var(--sheet-outline);border-width:1px}:root .MuiSelect-select:focus,:root .MuiSelect-select:focus-visible{background:0 0;outline:none}.quick-tonal-row .MuiIconButton-root,.quick-tonal-row .MuiButton-root,.quick-shape-chip{box-sizing:border-box;min-width:var(--size-control);min-height:var(--size-control);height:var(--size-control);border:1px solid var(--sheet-outline);border-radius:var(--radius-control);background:var(--sheet-paper);color:var(--sheet-muted);box-shadow:var(--shadow-control);font-family:var(--font-interface);font-size:var(--text-control);text-transform:none;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 9px;line-height:1;display:inline-flex}.quick-tonal-row .MuiIconButton-root{width:var(--size-control);padding:0}.workspace-study-settings{z-index:44;flex:none;animation:none;position:relative;top:auto}.workspace-study-actions{padding-right:var(--space-md);align-items:center;gap:var(--space-xs);display:flex}.workspace-study-actions>.quick-scroll-row{flex:1;min-width:0}.workspace-study-actions>.workspace-header-state-button{flex:none}.quick-shape-chip small{font-size:var(--text-caption);text-transform:uppercase;font-weight:500}.quick-shape-chip strong{font-size:var(--text-control);font-weight:700}.quick-shape-chip{background:var(--sheet-low);color:var(--sheet-key-text)}.workspace-quick-chords{padding-top:3px}.quick-chord-card{border:1px solid var(--sheet-outline);border-radius:var(--radius-control);background:var(--sheet-paper);width:98px;min-height:112px;color:var(--sheet-key-text);box-shadow:var(--shadow-control);cursor:pointer;flex-direction:column;flex:0 0 98px;justify-content:center;align-items:center;padding:4px;display:flex}.quick-chord-card strong{font:700 var(--text-caption)/1.1 var(--font-interface)}.quick-chord-diagram{place-items:center;width:88px;height:88px;margin:1px 0;display:grid}.quick-chord-diagram svg{width:100%;height:auto;max-height:100%;display:block}.quick-chord-diagram-placeholder{width:88px;height:88px;display:block}.quick-chord-card .chord-capo-label{font-size:18px}.quick-chord-card:hover{background:color-mix(in srgb, var(--sheet-amber) 10%, white)}.workspace-page .document-container{flex:auto;width:100%;max-width:1024px;min-height:0;margin:0 auto;overflow:hidden}.workspace-page:not(.pdf-exporting) .song-editor-root,.workspace-page:not(.pdf-exporting) .chart-editor,.workspace-page:not(.pdf-exporting) .editor-stage-scroll,.workspace-page:not(.pdf-exporting) .editor-stage,.workspace-page:not(.pdf-exporting) .editor-paper{width:100%;height:100%;min-height:0}.workspace-page .editor-stage-scroll{padding:0}.workspace-page:not(.pdf-exporting) .editor-paper,.workspace-page:not(.pdf-exporting) .editor-paper:focus-within{background:var(--sheet-surface);box-shadow:none;border:0;border-radius:0;padding:0}.workspace-page:not(.pdf-exporting) .chart-read-view{padding:16px}.workspace-page .chart-grid{font-family:var(--font-mono);font-size:min(var(--chart-font-size), 13px)}.editor-stage.is-reading,.editor-stage.is-reading .editor-paper,.editor-stage.is-reading .chart-read-view{width:100%;max-width:100%}.editor-stage.is-reading .editor-paper{box-sizing:border-box;background:var(--sheet-surface);height:auto;min-height:calc(100dvh - 164px);box-shadow:none;border:0;border-radius:0;padding:0}.editor-stage.is-reading .chart-grid{font-family:var(--font-mono);font-size:min(var(--chart-font-size), 13px);line-height:var(--chart-line-spacing)}.chart-read-view{min-height:0;color:var(--sheet-ink);font-weight:400;display:block;overflow-x:auto}.chart-read-line{min-height:calc(var(--chart-font-size) * var(--chart-line-spacing));white-space:pre}.editor-stage.is-reading .chart-read-line[data-chord-line=true]{color:var(--sheet-terracotta);font-weight:700}.editor-stage.is-reading .recognized-chord{color:inherit;font-weight:inherit;cursor:pointer}.chart-read-view .recognized-chord:hover{color:var(--sheet-key-text)}.chart-chord-positions{color:var(--sheet-sage)}.bottom-player{--player-footer-background:linear-gradient(to bottom, var(--sheet-paper), var(--sheet-surface), var(--sheet-low));z-index:var(--layer-player);box-sizing:border-box;width:100%;min-height:98px;padding:0 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--sheet-outline);background:var(--player-footer-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0000000f,0 -1px 3px #00000008}.bottom-player[data-expanded=true]{border-radius:var(--radius-dialog) var(--radius-dialog) 0 0}.player-footer,.player-sheet{flex-direction:column;width:100%;display:flex}.player-footer{box-sizing:border-box;padding-inline:16px}.player-sheet{border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;background:var(--sheet-paper);order:-1}.player-expanded-panel{background:var(--player-footer-background);opacity:0;width:100%;max-height:0;transition:max-height var(--motion-sheet) var(--motion-easing), opacity var(--motion-standard) var(--motion-easing);border-radius:0;flex-shrink:0;margin-inline:auto;overflow:hidden}.player-sheet[data-open=true] .player-expanded-panel{opacity:1;max-height:min(72dvh,680px);overflow-y:auto}.player-expanded-panel[data-dragging=true]{opacity:1;transition:none;overflow:hidden}.player-expanded-panel h2{border-bottom:1px solid var(--sheet-high);background:var(--sheet-paper);color:var(--sheet-amber);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:12px 16px}.player-expanded-panel h2:active{cursor:grabbing}.player-expanded-header{border-bottom:1px solid var(--sheet-high);background:var(--sheet-paper);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.player-expanded-panel .player-expanded-header h2{background:0 0;border:0;flex:1;min-width:0;padding:0}.player-expanded-panel .player-expanded{background:var(--player-footer-background);max-height:none;overflow:visible}.player-footer>.player-progress-row,.player-footer>.player-row,.player-footer>.MuiAlert-root{max-width:768px;margin-inline:auto}.player-grab-handle{cursor:grab;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:22px;padding:0;display:flex}.player-grab-handle:active{cursor:grabbing}.player-grab-handle span{background:color-mix(in srgb, var(--sheet-outline) 70%, transparent);border-radius:999px;width:36px;height:4px}.player-grab-handle:hover span{background:var(--sheet-amber)}.player-progress-row{align-items:center;gap:10px;width:100%;height:20px;display:flex}.player-time{color:var(--sheet-muted);font:500 var(--text-caption)/1 var(--font-mono);white-space:nowrap}.player-timeline{flex:1;width:auto;height:20px;position:relative;top:auto;left:auto}.player-timeline .MuiSlider-root{width:100%;height:4px;color:var(--sheet-amber);padding:8px 0;position:absolute;top:0;left:0}.playhead-slider .MuiSlider-rail,.playhead-slider .MuiSlider-track{border:0;height:4px}.playhead-slider .MuiSlider-rail{color:var(--sheet-high);opacity:1}.playhead-slider .MuiSlider-thumb{border:2px solid var(--sheet-paper);width:14px;height:14px;box-shadow:0 1px 2px #2c26211a}.loop-range-slider{z-index:2;pointer-events:none}.loop-range-slider .MuiSlider-thumb{pointer-events:auto}.timeline-marker{z-index:3;width:12px;height:20px;color:var(--sheet-amber);cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;top:-10px;transform:translate(-50%)}.timeline-marker[data-tone="1"]{color:var(--sheet-terracotta)}.timeline-marker[data-tone="2"]{color:var(--sheet-sage)}.timeline-marker svg{width:12px;height:20px}.player-row{grid-template-columns:minmax(32px,1fr) auto minmax(56px,1fr);align-items:center;width:100%;min-height:42px;margin-top:8px;gap:8px!important;display:grid!important}.player-side-controls,.player-transport{align-items:center;gap:6px;display:flex}.player-row .MuiIconButton-root{box-sizing:border-box;width:var(--size-player);height:var(--size-player);min-width:var(--size-player);min-height:var(--size-player);border:1px solid var(--sheet-outline);border-radius:var(--radius-card);color:var(--sheet-muted);background:var(--sheet-paper);box-shadow:var(--shadow-control);padding:0}.player-row .MuiIconButton-root:hover{color:var(--sheet-muted);background:var(--sheet-container)}.player-row .player-quick-marker[data-has-marker=true]{color:var(--sheet-terracotta)}.player-row .MuiIconButton-root[aria-expanded=true],.player-row .MuiIconButton-root[aria-expanded=true]:hover{color:var(--sheet-amber);background:var(--sheet-paper)}.player-row .player-play-button{width:var(--size-play);height:var(--size-play);min-width:var(--size-play);min-height:var(--size-play);color:var(--sheet-on-amber);background:var(--sheet-amber);border:0;border-radius:50%;margin-inline:2px;box-shadow:0 4px 9px #8355052b}.player-row .player-play-button:hover{background:var(--sheet-amber-hover)}.player-add-audio{flex:0 0 44px;justify-content:center;width:44px;height:42px;display:flex;position:relative}.player-add-audio .player-play-button{background:color-mix(in srgb, var(--sheet-amber) 82%, var(--sheet-paper))}.player-add-audio .player-play-button:hover{background:var(--sheet-amber)}.player-row .player-tempo-control{justify-self:end}.player-bpm{box-sizing:border-box;height:var(--size-player);border:1px solid var(--sheet-outline);border-radius:var(--radius-card);background:var(--sheet-paper);color:var(--sheet-muted);font-family:var(--font-mono);white-space:nowrap;cursor:pointer;align-items:baseline;gap:4px;padding:0 8px;display:flex}.player-bpm[aria-expanded=true],.player-bpm[data-metronome-enabled=true],.player-bpm[data-metronome-enabled=true] small,.player-bpm[aria-expanded=true] small{color:var(--sheet-amber)}.player-tempo-control{position:relative}.player-tempo-popover{z-index:1450;box-sizing:border-box;border:1px solid var(--sheet-outline);background:var(--sheet-paper);border-radius:8px;flex-direction:column;align-items:flex-start;gap:12px;width:min(420px,100vw - 24px);max-height:min(680px,100dvh - 140px);padding:12px;display:flex;position:absolute;bottom:40px;right:0;overflow-y:auto;box-shadow:0 12px 24px #2c26211f}.player-tempo-popover .MuiTextField-root{flex:1;min-width:0}.player-tempo-edit{align-items:flex-start;gap:8px;width:100%;display:flex}.player-tempo-edit .MuiButton-root{min-width:48px;min-height:var(--size-control)}.player-bpm strong{font-size:var(--text-control);line-height:30px}.player-bpm small{color:var(--sheet-muted);font-size:9px}.player-volume-control{position:relative}.player-volume-popover{z-index:1450;border:1px solid var(--sheet-outline);border-radius:var(--radius-surface);background:var(--sheet-surface);align-items:center;gap:8px;width:180px;padding:6px;display:flex;position:absolute;bottom:40px;left:0;box-shadow:0 12px 24px #2c26211f}.player-volume-popover .MuiSlider-root{color:var(--sheet-amber);flex:1}.player-volume-popover .MuiTypography-root{min-width:30px;font:600 var(--text-caption) var(--font-mono)}.player-expanded{flex:1;padding:14px 16px 16px;overflow-y:auto}.practice-section{box-sizing:border-box;border:1px solid var(--sheet-outline);border-radius:var(--radius-card);background:var(--sheet-paper);box-shadow:var(--shadow-control);padding:12px 14px}.prototype-pitch-grid{grid-template-columns:minmax(56px,1fr) minmax(110px,1.5fr) minmax(142px,2fr) minmax(66px,1fr);gap:8px;display:grid}.pitch-key-column,.pitch-semitones-column{flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}.pitch-column-label{height:14px;color:var(--sheet-muted);font:600 var(--text-caption)/14px var(--font-interface);letter-spacing:.04em;text-transform:uppercase}.pitch-original-column .MuiSelect-select{min-width:40px}.pitch-key-column strong{min-height:var(--size-control);font:700 var(--text-body)/1 var(--font-interface);align-items:center;gap:4px;display:flex}.pitch-key-column small{border:1px solid var(--sheet-outline);border-radius:var(--radius-control);background:var(--sheet-low);color:var(--sheet-muted);padding:3px 5px;font-size:9px;font-weight:400}.pitch-key-column .pitch-result-key{min-height:var(--size-control);height:var(--size-control);box-sizing:border-box;border:1px solid var(--sheet-tuning-border);border-radius:var(--radius-control);background:var(--sheet-tuning-surface);color:var(--sheet-tuning-text);font-size:var(--text-body);padding:0 10px}.practice-section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.practice-section-title{align-items:center;gap:6px;display:flex}.practice-section-title .material-symbols-outlined{color:var(--sheet-terracotta)}.markers-section .practice-section-title .material-symbols-outlined{color:var(--sheet-key-text)}.practice-section-title .MuiTypography-root{font:700 var(--text-control) var(--font-interface)}.vertical-fade-list{min-width:0;position:relative}.loop-section .vertical-fade-list{margin-top:8px}.saved-loop-list{margin-top:0}.vertical-fade-list:before,.vertical-fade-list:after{z-index:1;opacity:0;pointer-events:none;content:"";height:22px;transition:opacity var(--motion-fast) var(--motion-easing);position:absolute;left:0;right:0}.vertical-fade-list:before{background:linear-gradient(to bottom, var(--sheet-paper), transparent);top:0}.vertical-fade-list:after{background:linear-gradient(to top, var(--sheet-paper), transparent);bottom:0}.vertical-fade-list[data-overflow-top=true]:before,.vertical-fade-list[data-overflow-bottom=true]:after{opacity:1}.vertical-fade-viewport{min-width:0;overflow-y:visible}.vertical-fade-list[data-scrollable=true] .vertical-fade-viewport{overscroll-behavior:contain;scrollbar-width:none;max-height:144px;overflow-y:auto}.vertical-fade-viewport::-webkit-scrollbar{display:none}.vertical-fade-content{flex-direction:column;gap:6px;display:flex}.saved-loop,.marker-item{border:1px solid var(--sheet-outline);border-radius:var(--radius-control);background:var(--sheet-low);min-width:0;min-height:44px;color:var(--sheet-muted);align-items:center;gap:8px;padding:7px 8px;display:flex}.saved-loop[data-editing=true],.marker-item[data-editing=true]{flex-wrap:wrap}.practice-time-editor{flex-wrap:wrap;align-items:flex-start;gap:6px;width:100%;padding-top:6px;display:flex}.practice-time-editor .practice-time-input{flex:92px;min-width:92px}.practice-time-editor .MuiButton-root{min-height:var(--size-control)}.saved-loop[data-active=true]{border-color:var(--sheet-tuning-border);background:var(--sheet-tuning-low);color:var(--sheet-sage)}.practice-item-copy{flex:1;min-width:0}.practice-item-copy .MuiTypography-root:first-child{color:var(--sheet-ink);font-size:var(--text-control);line-height:15px}.practice-item-copy .MuiTypography-caption{color:var(--sheet-muted);font:500 var(--text-caption)/1.3 var(--font-mono)}.saved-loop>.MuiIconButton-root[aria-pressed],.marker-item>.MuiIconButton-root[aria-label^=Play]{color:var(--sheet-sage)}.marker-time{border:1px solid var(--sheet-outline);border-radius:var(--radius-control);background:color-mix(in srgb, var(--sheet-amber) 10%, white);color:var(--sheet-key-text);font:700 var(--text-caption) var(--font-mono);padding:3px 5px}.marker-name{min-width:0;color:var(--sheet-ink);font-size:var(--text-control);flex:1}.loop-builder,.marker-create-controls{margin-bottom:10px}.loop-builder{grid-template-columns:minmax(0,1fr)}.loop-time-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.practice-time-input{min-width:0}.practice-time-input .MuiInputBase-input{font:600 var(--text-control) var(--font-mono)}.marker-create-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.marker-create-controls .MuiTextField-root{width:100%}.marker-create-controls>.MuiButton-root{grid-column:1/-1;justify-self:end}.loop-builder .MuiButton-root,.marker-create-controls .MuiButton-root{min-height:var(--size-control)}}@media screen and (width<=599px){.workspace-page .document-container{width:100%}.workspace-brand-name{display:none}.workspace-header-identity{gap:7px}.workspace-header-actions{gap:3px}.workspace-header .MuiIconButton-root{width:var(--size-control);height:var(--size-control);min-width:var(--size-control);min-height:var(--size-control)}.workspace-page .editor-stage-scroll{padding:0}.player-footer{padding-inline:16px}}@media screen and (width<=560px){.player-expanded-panel .prototype-pitch-grid{grid-template-columns:minmax(110px,1fr) minmax(142px,1fr)}.player-expanded-panel .pitch-chart-column{grid-area:1/1}.player-expanded-panel .pitch-result-column{grid-area:1/2}.player-expanded-panel .pitch-original-column{grid-area:2/1}.player-expanded-panel .pitch-semitones-column{grid-area:2/2}}@media screen and (width<=359px){.player-bpm .material-symbols-outlined{display:none}.workspace-header{--header-leading-size:26px;padding-inline:4px}.workspace-header-identity{gap:2px}.workspace-header-actions{gap:1px}.workspace-header .MuiIconButton-root{width:26px;min-width:26px;height:26px;min-height:26px}.player-row{grid-template-columns:minmax(32px,1fr) auto minmax(56px,1fr);gap:3px!important}.player-transport,.player-side-controls{gap:2px}.player-footer{padding-inline:8px}}@media screen{:root[data-chordleaf-theme=dark] .bottom-player{--player-footer-background:linear-gradient(to bottom, var(--sheet-paper), var(--sheet-surface), var(--sheet-low));background:var(--player-footer-background)}:root[data-chordleaf-theme=dark] .workspace-brand-name,:root[data-chordleaf-theme=dark] .quick-shape-chip,:root[data-chordleaf-theme=dark] .quick-chord-card{color:var(--sheet-amber)}:root[data-chordleaf-theme=dark] .loop-active-chip{color:var(--sheet-tuning-text);background:var(--sheet-tuning-surface)}:root[data-chordleaf-theme=dark] .marker-time{color:var(--sheet-amber);background:var(--sheet-container)}.sheet-dialog-backdrop.MuiBackdrop-root{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#201b1673}.sheet-dialog.MuiDialog-root{z-index:var(--layer-sheet)}.sheet-dialog .MuiDialog-container{box-sizing:border-box;align-items:center;padding:12px}.sheet-dialog .MuiDialog-paper{box-sizing:border-box;border:1px solid var(--sheet-outline);border-radius:var(--radius-dialog);background:var(--sheet-surface);width:min(560px,100%);max-width:100%;min-height:0;max-height:calc(100dvh - 24px);box-shadow:var(--shadow-dialog);color:var(--sheet-ink);font-family:var(--font-interface);flex-direction:column;margin:0;display:flex;overflow:hidden}.mp3-confirm-dialog.sheet-dialog .MuiDialog-paper{width:min(400px,100%)}.mp3-confirm-body{background:var(--sheet-surface);flex-direction:column;gap:16px;padding:16px;display:flex}.mp3-confirm-body .MuiTypography-root{font-size:var(--text-body);line-height:1.5}.mp3-confirm-actions{border-top:1px solid var(--sheet-high);background:var(--sheet-paper);justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.mp3-confirm-actions .MuiButton-root{min-height:var(--size-control);border-radius:var(--radius-control);font-size:var(--text-control)}.sheet-dialog-header{border-bottom:1px solid var(--sheet-high);background:var(--sheet-paper);flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.sheet-dialog-actions{flex:none;align-items:center;gap:6px;display:flex}.sheet-dialog-heading{flex:1;min-width:0}.sheet-dialog-header h2,.player-expanded-panel h2{color:var(--sheet-ink);font:700 var(--text-title)/1.4 var(--font-interface);letter-spacing:-.03em;margin:0}.chord-detail-heading{min-width:0}.chord-detail-name,.chord-detail-context{flex-wrap:wrap;align-items:center;display:flex}.chord-detail-name{min-height:26px;font-size:var(--text-control);color:var(--sheet-muted);gap:8px;font-weight:500}.chord-detail-divider,.chord-context-dot{color:color-mix(in srgb, var(--sheet-outline) 60%, transparent)}.chord-detail-divider{font-size:18px;font-weight:300}.chord-detail-context{font-size:var(--text-caption);gap:6px;margin-top:8px;line-height:1.4}.chord-detail-context strong{color:var(--sheet-tuning-text);letter-spacing:.08em}.chord-detail-context b{color:var(--sheet-key-text)}.chord-voicing-card .MuiIconButton-root{box-sizing:border-box;width:var(--size-control);height:var(--size-control);min-width:var(--size-control);min-height:var(--size-control);border:1px solid var(--sheet-outline);border-radius:var(--radius-control);background:var(--sheet-paper);color:var(--sheet-muted);padding:0}.chord-detail-body{flex-direction:column;flex:1;gap:12px;padding:14px 16px;display:flex;overflow-y:auto}.chord-voicing-card{border:1px solid var(--sheet-outline);border-radius:var(--radius-card);background:var(--sheet-paper);min-height:250px;padding:12px;position:relative;box-shadow:0 1px 2px #2c26210a}.chord-voicing-main{justify-content:space-between;align-items:center;gap:3px;min-height:188px;padding:4px 3px;display:flex}.chord-voicing-main .MuiIconButton-root:disabled{opacity:.4}.chord-voicing-svg{flex:0 220px;width:220px;min-width:0}.chord-voicing-svg svg{width:100%;height:auto;display:block}.chord-string-label,.chord-fret-label,.chord-position-label{font-family:var(--font-mono);fill:var(--sheet-diagram-muted);font-size:9px;font-weight:600}.chord-fret-label{font-size:var(--text-control);fill:var(--sheet-key-text);font-weight:800}.chord-position-label{fill:var(--sheet-key-text)}.chord-capo-label{font-family:var(--font-interface);font-size:var(--text-body);fill:var(--sheet-key-text);font-weight:700}.chord-capo-mark{font-family:var(--font-interface);fill:var(--sheet-paper);font-size:8px;font-weight:800}.chord-string-line{stroke:var(--sheet-diagram-line);stroke-width:1.5px}.chord-neck-fade-in,.chord-neck-fade-out{stroke-width:1.5px}.chord-fret-line,.chord-capo-fret-line{stroke:var(--sheet-diagram-fret);stroke-width:1.2px}.chord-nut-line{stroke:var(--sheet-diagram-nut);stroke-width:6px}.chord-capo-bar{stroke:var(--sheet-tuning-text);stroke-width:12px;stroke-linecap:round}.chord-finger-dot{fill:var(--sheet-amber);filter:drop-shadow(0 1px 2px #6432002e)}.chord-barre-line{stroke:var(--sheet-amber);stroke-width:15px;stroke-linecap:round}.chord-finger-number{fill:var(--sheet-diagram-dot);font:700 9px var(--font-interface)}.chord-voicing-footer{border-top:1px solid var(--sheet-outline);justify-content:space-between;align-items:flex-end;min-height:39px;padding:8px 1px 0;display:flex}.chord-voicing-actions,.chord-voicing-count{align-items:center;gap:6px;display:flex}.chord-voicing-actions .MuiIconButton-root:first-child{color:var(--sheet-key-text)}.chord-voicing-actions .MuiIconButton-root:nth-child(2),.chord-voicing-count .material-symbols-outlined{color:var(--sheet-sage)}.chord-voicing-position{flex-direction:column;align-items:flex-end;gap:6px;padding-right:3px;display:flex}.chord-voicing-count{font-size:10.5px;font-weight:600}.chord-notes-bar{border:1px solid var(--sheet-outline);border-radius:var(--radius-card);background:var(--sheet-low);min-height:34px;font-size:var(--text-caption);justify-content:space-between;align-items:center;gap:6px;padding:5px 12px;display:flex}.chord-notes-bar>span{color:var(--sheet-muted);white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.chord-notes-bar .material-symbols-outlined{color:var(--sheet-sage)}.chord-notes-bar strong{border:1px solid var(--sheet-outline);border-radius:var(--radius-control);background:var(--sheet-paper);color:var(--sheet-tuning-text);letter-spacing:.05em;text-align:right;padding:3px 6px;font-weight:700}.chord-dictionary-search{border:1px solid var(--sheet-outline);border-radius:var(--radius-card);background:var(--sheet-paper);font-size:var(--text-control);padding:8px 10px}.chord-dictionary-search summary,.chord-syntax-guide summary{cursor:pointer;font-weight:700}.chord-dictionary-search form{gap:6px;margin-top:8px;display:flex}.chord-dictionary-search .MuiTextField-root{flex:1;min-width:0}.chord-syntax-guide{margin-top:8px}.chord-syntax-guide .MuiStack-root{margin-top:6px}.chord-syntax-examples{flex-wrap:wrap;gap:2px;display:flex}}@media screen and (width<=359px){.sheet-dialog-header,.chord-detail-body{padding-inline:10px}.player-expanded-panel .player-expanded{padding-inline:8px}.chord-notes-bar{flex-wrap:wrap}}@media screen{:root[data-chordleaf-theme=dark] .chord-detail-context b{color:var(--sheet-amber)}:root[data-chordleaf-theme=dark] .chord-detail-context strong,:root[data-chordleaf-theme=dark] .chord-notes-bar strong{color:var(--sheet-sage)}:root[data-chordleaf-theme=dark] .chord-nut-line{stroke:var(--sheet-outline)}}@media (prefers-reduced-motion:reduce){.workspace-quick-settings{animation:none}}@media screen and (width<=899px) and (pointer:coarse){.workspace-study-settings .design-compact-toggle.MuiButton-root{min-height:var(--size-touch);height:var(--size-touch)}.workspace-study-actions>.workspace-header-state-button.MuiIconButton-root{width:var(--size-touch);height:var(--size-touch);min-width:var(--size-touch);min-height:var(--size-touch)}.MuiInputBase-root .MuiInputBase-input{font-size:var(--text-touch-input)}.chart-underlay,.chart-textarea{font-size:var(--text-touch-input);line-height:var(--chart-touch-edit-line-height)}.chart-underlay-line{min-height:var(--chart-touch-edit-line-height)}}.design-select.MuiInputBase-root{height:var(--size-control);min-height:var(--size-control);border-radius:var(--radius-control);background:var(--sheet-paper);font:600 var(--text-control)/1.2 var(--font-interface)}.design-stepper{align-items:center;gap:var(--space-xs);display:flex}.design-stepper .design-select{min-width:56px;color:var(--sheet-key-text);font-variant-numeric:tabular-nums}.design-tonal-button.MuiButton-root,.design-compact-toggle.MuiButton-root{box-sizing:border-box;min-height:var(--size-control);height:var(--size-control);gap:var(--space-xs);border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-control);background:var(--sheet-paper);color:var(--sheet-muted);box-shadow:var(--shadow-control);flex:none;padding:0 9px}.design-compact-toggle.MuiButton-root{min-width:var(--size-control);font-family:var(--font-interface);font-size:var(--text-control);text-transform:none;line-height:1}.design-compact-toggle.MuiButton-root:hover{background:var(--sheet-container)}.design-compact-toggle.MuiButton-root[aria-pressed=true]{color:var(--sheet-sage);border-color:var(--sheet-sage);background:color-mix(in srgb, var(--sheet-sage) 10%, var(--sheet-paper))}.design-compact-toggle.MuiButton-root:focus-visible{outline:2px solid var(--sheet-focus);outline-offset:2px}.design-menu-switch{width:26px;height:14px;margin-left:var(--space-md);background:var(--sheet-outline);border-radius:7px;flex:none;align-items:center;padding:2px;display:inline-flex}.design-menu-switch>span{background:var(--sheet-paper);border-radius:50%;width:10px;height:10px}.design-menu-switch[data-checked=true]{background:var(--sheet-sage);justify-content:flex-end}.design-tonal-button small{font-size:var(--text-caption);text-transform:uppercase;font-weight:500}.design-tonal-button strong{font-size:var(--text-control);font-weight:700}.design-tonal-button .material-symbols-outlined{color:var(--sheet-muted)}.design-tonal-button[aria-expanded=true] .material-symbols-outlined{color:var(--sheet-amber)}.design-tonal-key strong,.design-tonal-capo strong{color:var(--sheet-key-text)}.design-tonal-tuning strong{color:var(--sheet-tuning-text)}.design-icon-button.MuiIconButton-root{box-sizing:border-box;width:var(--header-leading-size,var(--size-control));height:var(--header-leading-size,var(--size-control));min-width:var(--header-leading-size,var(--size-control));min-height:var(--header-leading-size,var(--size-control));border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-control);background:var(--sheet-paper);color:var(--sheet-muted);box-shadow:var(--shadow-control);padding:0}.design-icon-button.MuiIconButton-root:hover{background:var(--sheet-container)}.design-icon-button.MuiIconButton-root[aria-expanded=true],.design-icon-button.MuiIconButton-root[aria-pressed=true]{color:var(--sheet-amber)}.design-icon-button.MuiIconButton-root.Mui-disabled{color:var(--sheet-muted);opacity:.45}.design-icon-button.MuiIconButton-root:focus-visible{outline:2px solid var(--sheet-focus);outline-offset:2px}.design-favorite.MuiIconButton-root,.design-favorite.MuiIconButton-root:hover{box-shadow:none;color:var(--sheet-muted);background:0 0;border:0}.design-favorite.MuiIconButton-root[aria-pressed=true]{color:var(--sheet-favorite)}.design-empty-state{justify-items:center;gap:var(--space-sm);padding:var(--space-xl);border:var(--border-width) dashed var(--sheet-outline);border-radius:var(--radius-card);text-align:center;display:grid}.design-song-list{border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-card);background:var(--sheet-paper);overflow:hidden}.design-file-picker input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.design-file-picker:focus-within{outline:2px solid var(--sheet-focus);outline-offset:2px}.player-transport .MuiIconButton-root{width:var(--size-player);height:var(--size-player);min-width:var(--size-player);min-height:var(--size-player);border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-card);background:var(--sheet-paper);color:var(--sheet-muted);box-shadow:var(--shadow-control);padding:0}.player-transport .MuiIconButton-root:hover{background:var(--sheet-container)}.player-transport .MuiIconButton-root.Mui-disabled{opacity:.45}.player-transport .player-play-button.MuiIconButton-root{width:var(--size-play);height:var(--size-play);min-width:var(--size-play);min-height:var(--size-play);background:var(--sheet-amber);color:var(--sheet-on-amber);border:0;border-radius:50%}.player-transport .player-play-button.MuiIconButton-root:hover{background:var(--sheet-amber-hover)}.MuiInputBase-root:has(.MuiSelect-select:focus-visible){outline:2px solid var(--sheet-focus);outline-offset:2px}.unlock-content .MuiOutlinedInput-root,.unlock-content .MuiButton-root{min-height:var(--size-touch)}.unlock-content .MuiInputAdornment-root .design-icon-button.MuiIconButton-root{width:var(--size-touch);height:var(--size-touch);min-width:var(--size-touch);min-height:var(--size-touch)}.design-metronome-controls{width:100%;max-width:240px;color:var(--sheet-muted);flex-direction:column;gap:6px;display:flex}.design-metronome-heading,.design-metronome-volume{align-items:center;gap:10px;display:flex}.design-metronome-heading{justify-content:space-between}.design-metronome-heading .MuiTypography-root{font-size:11px;font-weight:600}.design-metronome-controls .MuiButton-root{border-radius:5px;min-height:28px;font-size:11px}.design-metronome-controls .MuiButton-root.MuiButton-outlined[aria-pressed=true]{border-color:var(--sheet-amber);background:var(--sheet-amber);color:var(--sheet-on-amber)}.design-metronome-volume .MuiSlider-root{min-width:0;color:var(--sheet-amber);flex:1}.design-metronome-volume .MuiTypography-root{text-align:right;min-width:32px;font:600 10px JetBrains Mono Variable,monospace}.design-voicing-votes{align-items:center;gap:4px;display:flex}.design-voicing-votes .MuiButton-root{min-width:44px;min-height:32px;font-size:var(--text-control);font-variant-numeric:tabular-nums;border-radius:5px;gap:6px;padding:4px 6px;line-height:1}.design-voicing-votes .design-voicing-like{color:var(--sheet-sage)}.design-voicing-votes .design-voicing-dislike{color:var(--sheet-terracotta)}.design-tempo-controls,.design-tempo-section{flex-direction:column;gap:10px;width:100%;display:flex}.design-tempo-section{border-top:1px solid var(--sheet-outline);padding-top:12px}.design-tempo-listen{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.design-tempo-section h3{font-size:var(--text-control);margin:0;font-weight:600}.design-tempo-summary{border-radius:var(--radius-card);background:var(--sheet-surface);padding:8px}.design-tempo-summary p{font-size:var(--text-control)}.design-tempo-field,.design-tempo-tap-row,.design-tempo-actions{align-items:center;gap:8px;display:flex}.design-tempo-field .MuiTextField-root{flex:1;min-width:0}.design-tempo-tap-row,.design-tempo-actions{flex-wrap:wrap}.design-tempo-controls .MuiButton-root{font-size:var(--text-control);text-transform:none}.design-tempo-controls .MuiSlider-root{width:calc(100% - 24px);color:var(--sheet-amber);margin:0 12px}.design-tap-button.MuiButton-root{min-height:44px}.design-tap-feedback{animation:.16s ease-out design-tap-pulse}@keyframes design-tap-pulse{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.design-tap-feedback{animation:none}}.component-library{min-height:calc(100dvh - var(--size-header));background:var(--sheet-surface);color:var(--sheet-ink);font-family:var(--font-interface);grid-template-columns:230px minmax(0,1fr);display:grid}.ds-sidebar{top:var(--size-header);max-height:calc(100dvh - var(--size-header));padding:var(--space-xl) var(--space-md);border-right:var(--border-width) solid var(--sheet-outline);align-self:start;position:sticky;overflow-y:auto}.ds-sidebar-heading{padding:0 var(--space-sm) var(--space-xl);gap:6px;display:grid}.ds-sidebar-heading strong{font-size:15px}.ds-sidebar-heading>span:last-child{color:var(--sheet-muted);font-size:var(--text-caption)}.ds-eyebrow{color:var(--sheet-tuning-text);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.component-library-nav{gap:var(--space-xs);display:grid}.component-library-nav button{align-items:center;gap:var(--space-sm);border-radius:var(--radius-control);padding:10px var(--space-sm);color:var(--sheet-muted);text-align:left;font:600 var(--text-control)/1.4 var(--font-interface);cursor:pointer;background:0 0;border:0;display:flex}.component-library-nav button small{font:10px var(--font-mono);margin-left:auto}.component-library-nav button:hover{background:var(--sheet-container);color:var(--sheet-ink)}.component-library-nav button[aria-current=page]{background:var(--sheet-selected);color:var(--sheet-ink);box-shadow:inset 3px 0 0 var(--sheet-key-text)}.ds-sidebar-note{margin:var(--space-xl) var(--space-sm) 0;color:var(--sheet-muted);font-size:var(--text-caption);line-height:1.6}.ds-nav-toggle.MuiButton-root{display:none}.component-library-content{box-sizing:border-box;width:min(100%,1100px);min-width:0;padding:var(--space-xxl) var(--space-xxl) 48px}.ds-page-heading{justify-content:space-between;align-items:start;gap:var(--space-lg);margin-bottom:var(--space-xl);display:flex}.ds-page-heading h1{margin:6px 0 var(--space-sm);font-size:var(--text-heading);letter-spacing:-.035em;line-height:1.2}.ds-category-heading h2{margin:0 0 var(--space-sm);font-size:var(--text-title);letter-spacing:-.025em}.ds-example-heading h3{font-size:var(--text-title);margin:0 0 6px}.ds-type-samples h4{font-size:var(--text-title);margin:0}.ds-page-heading p,.ds-category-heading p,.ds-example-heading p,.ds-principles p,.ds-preview>p{color:var(--sheet-muted);font-size:var(--text-body);margin:0;line-height:1.6}.component-library code,.component-library pre{font-family:var(--font-mono);font-size:var(--text-control)}.ds-theme-preview{gap:var(--space-sm);flex:none;display:grid}.ds-theme-preview>span{font-size:var(--text-caption);color:var(--sheet-muted)}.ds-catalog-search{margin-bottom:var(--space-xxl)!important}.ds-category-heading{margin-bottom:var(--space-xl)}.ds-example{margin-bottom:var(--space-xl);border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-surface);background:var(--sheet-paper);scroll-margin-top:calc(var(--size-header) + var(--space-lg));overflow-wrap:anywhere}.ds-example:focus-visible{outline:2px solid var(--sheet-focus);outline-offset:3px}.ds-example-heading{padding:var(--space-lg) var(--space-xl);border-bottom:var(--border-width) solid var(--sheet-high);background:var(--sheet-low);border-radius:var(--radius-surface) var(--radius-surface) 0 0}.ds-preview{padding:var(--space-xl);min-width:0}.ds-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.ds-row+.ds-row{margin-top:var(--space-md)}.ds-stack{gap:var(--space-lg);min-width:0;display:grid}.ds-form{gap:var(--space-xl);min-width:0;max-width:450px;display:grid}.ds-form>.MuiButton-root{justify-self:start}.component-library .ds-note{margin-top:var(--space-lg);font-size:var(--text-control)}.ds-brand{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0 var(--space-xl);display:flex}.ds-brand img{object-fit:contain;width:48px;height:48px}.ds-brand>span,.ds-wordmark{font:600 32px/1.1 var(--font-brand);color:var(--sheet-brand);letter-spacing:-.04em}.ds-principles{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.ds-principles>div{align-content:start;gap:var(--space-sm);padding:var(--space-lg);border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-card);display:grid}.ds-principles strong{font-size:var(--text-body)}.ds-color-families{gap:var(--space-xl);display:grid}.ds-color-family h4{margin:0 0 var(--space-md);font-size:var(--text-body)}.ds-swatches{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,135px),1fr));display:grid}.ds-swatch{align-content:start;gap:5px;min-width:0;display:grid}.ds-swatch>span{border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-control);height:56px}.ds-swatch strong{font-size:var(--text-control)}.ds-swatch-usage{color:var(--sheet-muted);font-size:var(--text-control);margin:0;line-height:1.5}.ds-swatch code{color:var(--sheet-muted);overflow-wrap:anywhere;font-size:10px}.ds-type-samples{gap:var(--space-lg);display:grid}.ds-control-type{font-size:var(--text-control);font-weight:600}.ds-chart-type{color:var(--sheet-terracotta);margin:0;font-weight:600;overflow-x:auto;font-size:14px!important}.ds-measures{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,110px),1fr));display:grid}.ds-measures>div{gap:var(--space-xs);padding:var(--space-md);border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-control);background:var(--sheet-low);display:grid}.ds-measures strong{color:var(--sheet-key-text);font-size:var(--text-title)}.ds-measures span{color:var(--sheet-muted);font-size:var(--text-caption)}.ds-spacing{align-items:end;gap:var(--space-lg);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.ds-spacing>div{gap:var(--space-sm);display:grid}.ds-spacing span{background:var(--sheet-terracotta);border-radius:2px;display:block}.ds-measures+.ds-principles{margin:var(--space-xl) 0}.ds-icons{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));display:grid}.ds-icons>div{align-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-sm);border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-control);display:flex}.ds-icons code{overflow-wrap:anywhere;min-width:0;font-size:10px}.ds-motion-track{margin-top:var(--space-lg);padding:var(--space-sm);background:var(--sheet-low);border-radius:var(--radius-control)}.ds-motion-track>span{border-radius:var(--radius-control);background:var(--sheet-terracotta);width:28px;height:28px;transition:margin-left var(--motion-standard) var(--motion-easing);display:block}.ds-motion-track>span[data-moving=true]{margin-left:calc(100% - 28px)}.ds-header-preview{margin-bottom:var(--space-lg);border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-control);overflow:hidden}.ds-header-preview .workspace-header{z-index:auto;position:relative;top:auto}.ds-popover-content{padding:var(--space-lg);max-width:280px}.ds-drawer-content{box-sizing:border-box;padding:var(--space-xl);width:min(320px,100vw)}.ds-overflow-items{max-height:140px}.ds-overflow-items>div{padding:var(--space-md);border-bottom:var(--border-width) solid var(--sheet-outline);font-size:var(--text-body)}.ds-diagrams{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));display:grid}.ds-diagrams svg{width:100%;max-height:260px}.ds-diagrams p{text-align:center}.ds-editor-preview{margin-top:var(--space-lg);border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-card);height:320px;overflow:hidden}.ds-editor-preview .song-editor-root{height:100%}.ds-editor-preview .editor-stage-scroll{height:100%;padding:0}.ds-editor-preview .editor-stage,.ds-editor-preview .editor-paper{max-width:100%}.ds-editor-preview .editor-paper{height:100%}.ds-transport-preview{max-width:400px}.ds-transport-preview .player-row{justify-content:center;display:flex!important}.ds-player-preview{isolation:isolate;margin-top:var(--space-lg)}.ds-player-preview .bottom-player{z-index:auto;position:relative;inset:auto}.ds-unlock-preview .unlock-page{min-height:0;padding:var(--space-lg)}.ds-unlock-preview .unlock-card{box-sizing:border-box}.ds-search-results{gap:var(--space-md);margin-top:var(--space-lg);display:grid}.ds-search-results>button{gap:var(--space-sm);text-align:left;width:100%;padding:var(--space-lg) 40px var(--space-lg) var(--space-lg);border:var(--border-width) solid var(--sheet-outline);border-radius:var(--radius-card);background:var(--sheet-paper);color:var(--sheet-ink);font:12px/1.5 var(--font-interface);cursor:pointer;display:grid;position:relative}.ds-search-results>button:hover{background:var(--sheet-low)}.ds-search-results>button>.material-symbols-outlined{right:var(--space-md);position:absolute;top:50%}.ds-search-results>button>span:not(.ds-eyebrow,.material-symbols-outlined){color:var(--sheet-muted)}.ds-footer{margin-top:var(--space-xxl);border-top:var(--border-width) solid var(--sheet-outline);padding-top:var(--space-lg);color:var(--sheet-muted);font-size:var(--text-caption)}@media (width<=899px){.component-library{grid-template-columns:200px minmax(0,1fr)}.component-library-content{padding:var(--space-xl) var(--space-lg) 48px}.ds-page-heading{flex-wrap:wrap}}@media (width<=700px){.component-library{display:block}.ds-sidebar{max-height:none;padding:var(--space-md) var(--space-lg);border-right:0;border-bottom:var(--border-width) solid var(--sheet-outline);position:static}.ds-sidebar-heading,.ds-sidebar-note{display:none}.ds-nav-toggle.MuiButton-root{display:inline-flex}.component-library-nav{margin-top:var(--space-md);display:none}.component-library-nav[data-open=true]{display:grid}.ds-example-heading,.ds-preview{padding:var(--space-lg)}.ds-page-heading h1{font-size:var(--text-heading)}.ds-unlock-preview .unlock-page{padding:var(--space-sm)}.ds-unlock-preview .logo-support{width:42px;height:42px}.ds-unlock-preview .logo-support img{width:34px;height:34px}.ds-unlock-preview .brand-lockup{gap:var(--space-sm)}.ds-unlock-preview .wordmark{font-size:24px!important}.ds-unlock-preview .unlock-card{padding:var(--space-sm)}}@media (prefers-reduced-motion:reduce){.ds-motion-track>span{transition:none}}.ds-player-preview{container-type:inline-size}@container (width<=560px){.ds-player-preview .player-expanded-panel .prototype-pitch-grid{grid-template-columns:minmax(110px,1fr) minmax(142px,1fr)}.ds-player-preview .pitch-chart-column{grid-area:1/1}.ds-player-preview .pitch-result-column{grid-area:1/2}.ds-player-preview .pitch-original-column{grid-area:2/1}.ds-player-preview .pitch-semitones-column{grid-area:2/2}}@container (width<=360px){.ds-player-preview .player-row{flex-wrap:wrap;justify-content:center;gap:var(--space-sm)!important;display:flex!important}.ds-player-preview .player-transport{flex-basis:100%;order:-1;justify-content:center}}