.lyrics-view{position:relative;box-sizing:border-box;height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;padding:8px;background:var(--lyrics-bg, transparent);color:var(--lyrics-fg, inherit);font-size:max(12px,1em);line-height:1.4;container-type:inline-size}@container (min-width: 600px){.lyrics-view .lyrics-line{font-size:1.75em;line-height:1.3}}@media(prefers-reduced-motion:reduce){.lyrics-view{scroll-behavior:auto}}.lyrics-line{display:block;box-sizing:border-box;width:100%;margin:0;padding:4px 12px;border:0;background:none;color:inherit;font:inherit;text-align:start;overflow-wrap:anywhere;white-space:pre-wrap}.lyrics-line:empty{min-height:1.4em}.lyrics-view:has(button.lyrics-line) div.lyrics-line,button.lyrics-line{color:var(--lyrics-muted, #767676)}button.lyrics-line{min-height:44px;padding-block:8px;border-radius:var(--lyrics-radius, 8px);cursor:pointer}button.lyrics-line[aria-current]{color:var(--lyrics-accent, currentColor);font-weight:700}button.lyrics-line:not([aria-current]){opacity:.75}button.lyrics-line[data-past]{opacity:.45}@media(hover:hover){button.lyrics-line:hover{background:#80808026}}button.lyrics-line[aria-current] .lyrics-upcoming{color:var(--lyrics-muted, #767676)}.lyrics-sung,.lyrics-active{display:inline-block}.lyrics-active{background:linear-gradient(to right,currentColor var(--lyrics-fill, 0%),var(--lyrics-muted, #767676) 0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lyrics-active:dir(rtl){background-image:linear-gradient(to left,currentColor var(--lyrics-fill, 0%),var(--lyrics-muted, #767676) 0)}@media(prefers-reduced-motion:no-preference){button.lyrics-line{width:calc(100% / 1.06);margin-inline-end:auto;transform-origin:left center;transition:transform .3s ease-out,opacity .3s ease-out}button.lyrics-line:dir(rtl){transform-origin:right center}button.lyrics-line[aria-current]{transform:scale(1.06)}@container (min-width: 600px){.lyrics-view button.lyrics-line{width:calc(100% / 1.15)}.lyrics-view button.lyrics-line[aria-current]{transform:scale(1.15)}}.lyrics-sung,.lyrics-active{transform-origin:left center}.lyrics-sung:dir(rtl),.lyrics-active:dir(rtl){transform-origin:right center}.lyrics-sung{transition:transform .25s ease-out}.lyrics-active{transform:scale(1.05);animation:lyrics-grow .2s ease-out}}@keyframes lyrics-grow{0%{transform:none}}@media(max-width:480px){.lyrics-view{padding:4px;font-size:max(18px,1em);line-height:1.5}.lyrics-line{padding-inline:8px}button.lyrics-line{min-height:48px;padding-block:10px}}.lyrics-editor{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--lyrics-fg, inherit);background:var(--lyrics-bg, transparent);font-size:max(12px,1em);container-type:inline-size}.lyrics-editor-panel{display:flex;flex-direction:column;gap:8px;min-width:0}.lyrics-editor button{box-sizing:border-box;min-width:44px;min-height:44px;padding:0 10px;font:inherit;color:inherit;background:transparent;border:1px solid var(--lyrics-muted, #888);border-radius:var(--lyrics-radius, 6px);cursor:pointer;touch-action:manipulation}.lyrics-editor button:disabled{opacity:.4;cursor:default}@media(hover:hover){.lyrics-editor button:not(:disabled):hover{border-color:var(--lyrics-accent, #2a7ae2)}.lyrics-editor .lyrics-editor-line:hover{background:#8080801f}}.lyrics-editor-head{position:sticky;z-index:1;top:var(--lyrics-sticky-top, 0px);display:flex;flex-direction:column;gap:8px;padding-bottom:4px;background:var(--lyrics-bg, Canvas)}.lyrics-editor-head:after,.lyrics-editor-dock:before{content:"";position:absolute;inset:100% 0 auto;height:16px;background:linear-gradient(var(--lyrics-bg, Canvas),transparent);pointer-events:none}.lyrics-editor-dock:before{inset:auto 0 calc(100% + 1px);background:linear-gradient(transparent,var(--lyrics-bg, Canvas))}.lyrics-editor-tabs{display:flex;border-bottom:1px solid var(--lyrics-muted, #888)}.lyrics-editor .lyrics-editor-tabs button{flex:1 1 0;min-width:0;padding:6px 2px;border:0;font-size:max(12px,.95em);border-bottom:3px solid transparent;border-radius:0;line-height:1.2;overflow-wrap:anywhere}.lyrics-editor-tabs small{display:block;font-size:max(12px,.75em);color:var(--lyrics-muted, #888)}.lyrics-editor-stepno{display:inline-block;min-width:1.5em;border:1px solid currentColor;border-radius:1em;font-size:max(12px,.85em)}.lyrics-editor .lyrics-editor-tabs [aria-selected=true]{font-weight:700;border-bottom-color:var(--lyrics-accent, #2a7ae2)}.lyrics-editor-tabs [aria-selected=true] .lyrics-editor-stepno{color:#fff;background:var(--lyrics-accent, #2a7ae2);border-color:var(--lyrics-accent, #2a7ae2)}.lyrics-editor-banner{margin:0;padding:8px 12px;border-left:4px solid var(--lyrics-accent, #2a7ae2);border-radius:var(--lyrics-radius, 6px);background:#8080801f;line-height:1.4}.lyrics-editor-undo{display:flex;gap:4px}.lyrics-editor .lyrics-editor-undo button{padding:0 8px}.lyrics-editor-tip{margin:0;font-size:max(14px,.9em);line-height:1.4}.lyrics-editor-hint{color:var(--lyrics-muted, #888)}@media(hover:none){.lyrics-editor-hint{display:none}}.lyrics-editor-text-input{box-sizing:border-box;width:100%;padding:8px;font:inherit;line-height:1.5;color:inherit;background:transparent;border:1px solid var(--lyrics-muted, #888);border-radius:var(--lyrics-radius, 6px);resize:vertical}@media(pointer:coarse){.lyrics-editor-text-input{font-size:max(16px,1em)}}.lyrics-editor .lyrics-editor-primary,.lyrics-editor .lyrics-editor-stamp{min-height:52px;text-wrap:balance;font-weight:700;color:#fff;background:var(--lyrics-accent, #2a7ae2);border-color:var(--lyrics-accent, #2a7ae2)}.lyrics-wave{display:flex;gap:4px;align-items:stretch}.lyrics-wave canvas{display:block;flex:1;min-width:0;height:92px;cursor:grab;touch-action:pan-y}.lyrics-wave canvas:active{cursor:grabbing}.lyrics-wave-zoom{display:flex;flex-direction:column;gap:4px}.lyrics-editor .lyrics-wave-zoom button{padding:0;font-size:1.3em}.lyrics-editor-lines{list-style:none;margin:24px 0 0;padding:0}.lyrics-editor-gap{height:12px}.lyrics-editor-row{border-bottom:1px solid rgb(128 128 128 / .2);border-radius:var(--lyrics-radius, 6px);scroll-margin:calc(var(--lyrics-sticky-top, 0px) + var(--lyrics-head-h, 154px) + 20px) 0 calc(120px + env(safe-area-inset-bottom,0px));border-inline-start:4px solid transparent}.lyrics-editor-row[aria-current]{outline:2px solid var(--lyrics-accent, #2a7ae2);outline-offset:-2px;background:#8080801f}.lyrics-editor .lyrics-editor-line{display:grid;grid-template-columns:2.5ch 9ch minmax(0,1fr);gap:8px;align-items:baseline;width:100%;padding:8px 6px;border:0;text-align:start}.lyrics-editor-no{text-align:end;color:var(--lyrics-muted, #888)}.lyrics-editor-time,.lyrics-editor-now{font-variant-numeric:tabular-nums}.lyrics-editor-time{color:var(--lyrics-muted, #888)}.lyrics-editor-row[data-late] .lyrics-editor-time{color:#c62828;text-decoration:line-through wavy}.lyrics-editor-text{overflow-wrap:anywhere}.lyrics-editor-row[aria-current] .lyrics-editor-text{font-weight:700}.lyrics-editor-badge{display:inline-block;margin-inline-start:6px;padding:0 6px;font-size:max(12px,.75em);font-weight:400;white-space:nowrap;border-radius:1em;background:#80808033}@container (max-width: 480px){.lyrics-editor .lyrics-editor-tabs button{font-size:max(12px,.85em)}.lyrics-editor .lyrics-editor-line{grid-template-columns:2.5ch minmax(0,1fr);gap:0 8px}.lyrics-editor-time{grid-area:2 / 2;font-size:max(12px,.8em)}.lyrics-editor-text{grid-area:1 / 2}.lyrics-wave canvas{height:64px}.lyrics-wave-zoom{flex-direction:row}.lyrics-editor-row{scroll-margin-top:calc(var(--lyrics-sticky-top, 0px) + var(--lyrics-head-h, 122px) + 20px)}.lyrics-editor-wide{display:none}}.lyrics-editor-tools{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 8px}.lyrics-editor .lyrics-editor-tools>button{flex:1 1 8em}.lyrics-editor .lyrics-editor-tools>.lyrics-editor-link{flex:0 0 auto;border-color:transparent;color:var(--lyrics-accent, #2a7ae2);text-decoration:underline}.lyrics-editor .lyrics-editor-tools>.lyrics-editor-quiet{flex:0 0 auto;margin-inline-start:auto;border-color:transparent;color:#c62828;text-decoration:underline}.lyrics-editor .lyrics-editor-tools>.lyrics-editor-nudge{flex:1 1 4em;padding:0 4px;white-space:nowrap}.lyrics-editor-tools>.lyrics-editor-tip{flex-basis:100%}.lyrics-editor-chips{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}.lyrics-editor .lyrics-editor-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 10px;line-height:1.2;overflow-wrap:anywhere}.lyrics-editor-chip small{font-size:12px;color:var(--lyrics-muted, #888);font-variant-numeric:tabular-nums}.lyrics-editor .lyrics-editor-chip[data-timed]{border-color:var(--lyrics-accent, #2a7ae2)}.lyrics-editor .lyrics-editor-chip[aria-current]{color:#fff;background:var(--lyrics-accent, #2a7ae2);border-color:var(--lyrics-accent, #2a7ae2)}.lyrics-editor-chip[aria-current] small{color:inherit}.lyrics-editor-dock{position:sticky;z-index:1;bottom:var(--lyrics-sticky-bottom, 0px);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:4px 0 calc(8px + env(safe-area-inset-bottom,0px));background:var(--lyrics-bg, Canvas);border-top:1px solid rgb(128 128 128 / .3)}.lyrics-editor-progress{flex-basis:100%;margin:0;font-size:max(14px,.9em)}.lyrics-editor .lyrics-editor-stamp,.lyrics-editor-dock .lyrics-editor-primary{flex:1;min-width:0;overflow-wrap:anywhere}.lyrics-editor .lyrics-editor-stamp{min-height:64px;font-size:1.2em}@media(max-height:640px){.lyrics-editor .lyrics-editor-stamp{min-height:52px}}.lyrics-editor .lyrics-editor-stamp[data-paused]{color:var(--lyrics-accent, #2a7ae2);background:transparent}.lyrics-editor .lyrics-editor-stamp[data-warn]{color:#8a4b00;background:#fff4e0;border:2px solid #b26a00}.lyrics-editor-warn{color:#b26a00}.lyrics-editor-dock[data-done] .lyrics-editor-progress{flex:1 1 auto}.lyrics-editor-done{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:2px solid #2e7d32;border-radius:var(--lyrics-radius, 6px);background:#2e7d321a}.lyrics-editor-done p{flex-basis:100%;margin:0;line-height:1.4}.lyrics-editor-done b{color:#2e7d32}.lyrics-editor .lyrics-editor-done button{flex:1 1 10em}.lyrics-editor-banner[data-ok]{border-left-color:#2e7d32;background:#2e7d321a}.lyrics-editor-banner[data-ok] b{color:#2e7d32}.lyrics-editor-loop{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-inline-end:auto;cursor:pointer}.lyrics-editor-loop input{width:20px;height:20px;margin:0;accent-color:var(--lyrics-accent, #2a7ae2)}@media(max-height:450px){.lyrics-editor-head{top:calc(var(--lyrics-sticky-top, 0px) - 53px)}.lyrics-editor-tabs small{display:inline;margin-inline-start:4px}.lyrics-editor-head:has(.lyrics-editor-tabs :focus-visible){top:var(--lyrics-sticky-top, 0px)}.lyrics-wave canvas{height:48px}.lyrics-wave-zoom{flex-direction:row}.lyrics-editor-row{scroll-margin:calc(var(--lyrics-sticky-top, 0px) + var(--lyrics-head-h, 105px) - 53px + 20px) 0 calc(76px + env(safe-area-inset-bottom,0px))}.lyrics-editor-progress{flex:1 1 12em}.lyrics-editor .lyrics-editor-stamp{flex:1 1 10em;min-height:44px;font-size:1.1em}.lyrics-editor-dock .lyrics-editor-primary{min-height:44px}}:root{color-scheme:light dark;font-family:system-ui,sans-serif;--lyrics-accent: #2a7ae2;--demo-transport-h: calc(61px + env(safe-area-inset-bottom, 0px)) ;--demo-nav-h: 61px;--lyrics-sticky-top: var(--demo-nav-h)}@media(prefers-color-scheme:dark){:root{--lyrics-muted: #a3a3a3;--demo-muted: #b0b0b0}}body{margin:0 auto;max-width:48rem}#root{padding:8px 12px 0;box-sizing:border-box;min-height:100dvh;display:flex;flex-direction:column}.demo-main{flex:1;display:flex;flex-direction:column}button,input,summary{font:inherit}.demo-files h1{margin:8px 0 12px;font-size:1.4em}.demo-files{display:flex;flex-wrap:wrap;gap:4px 12px}.demo-files[data-fresh]{flex-direction:column;gap:16px;margin-bottom:16px}.demo-file{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-file label{position:relative;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center;min-height:44px;cursor:pointer;overflow-wrap:anywhere}.demo-file label:focus-within .demo-pick{outline:2px solid var(--lyrics-accent);outline-offset:2px}.demo-file-kind{font-weight:700}.demo-file-kind,.demo-pick{flex-shrink:0}.demo-files:not([data-fresh]) label{flex-wrap:nowrap}.demo-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-pick{padding:4px 10px;border:1px solid var(--lyrics-accent);border-radius:8px;color:var(--lyrics-accent);white-space:nowrap}.demo-files[data-fresh] label{font-size:1.1em}.demo-file small,.demo-more small{color:var(--demo-muted, #595959)}.demo-sr{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.demo-tabs{position:sticky;top:0;z-index:3;box-sizing:border-box;height:var(--demo-nav-h);display:flex;gap:8px;align-items:center;margin:0 -12px 8px;padding:8px 12px;background:Canvas;border-bottom:1px solid rgb(128 128 128 / .3)}.demo-tabs [role=tablist]{display:flex;margin-right:auto;border:1px solid #888;border-radius:8px;overflow:hidden}.demo-tabs [role=tab]{padding:0 12px;min-height:44px;border:0;background:transparent;color:inherit}.demo-tabs [role=tab][aria-selected=true]{color:#fff;background:var(--lyrics-accent);font-weight:700}.demo-download,.demo-more-panel button,.demo-cta button,.demo-play{min-height:44px;padding:0 12px;border:1px solid var(--lyrics-accent);border-radius:8px;color:var(--lyrics-accent);background:transparent;cursor:pointer}.demo-download:disabled,.demo-more-panel button:disabled{border-color:#888;color:#767676;cursor:default}.demo-download{white-space:nowrap}.demo-download small{display:block;font-size:12px}.demo-download[data-primary],.demo-play[data-primary],.demo-cta button{color:#fff;background:var(--lyrics-accent)}.demo-cta button{font-weight:700}.demo-more,.demo-save{position:relative}.demo-save .demo-more-panel{display:flex;flex-direction:column;gap:6px}.demo-save .demo-more-panel button{display:flex;gap:10px;align-items:center;text-align:start;overflow-wrap:anywhere}.demo-save svg{flex-shrink:0}.demo-more summary{display:block;white-space:nowrap;min-width:44px;line-height:44px;text-align:center;font-size:1.25em;cursor:pointer}.demo-more summary::-webkit-details-marker{display:none}.demo-more-panel{position:absolute;right:0;top:100%;width:min(18rem,calc(100vw - 24px));padding:8px 12px;background:Canvas;border:1px solid #888;border-radius:8px;box-shadow:0 4px 12px #0003}.demo-wide{font-size:.8em}@media(max-width:480px){.demo-wide{display:none}}.demo-more label{display:flex;gap:8px;align-items:center;min-height:44px}.demo-more input{width:6em}.demo-more small{display:block}.demo-drafts{margin:8px 0 0;padding:0;list-style:none}.demo-drafts li{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere}.demo-drafts span{flex:1}.demo-drafts button{min-width:44px;min-height:44px;border:0;color:inherit;background:transparent;cursor:pointer}.demo-view{flex:1 1 0;min-height:15em;display:flex;flex-direction:column}.demo-view>.lyrics-view{flex:1 1 0;min-height:0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 1.5em,#000 calc(100% - 3em),transparent);mask-image:linear-gradient(to bottom,transparent,#000 1.5em,#000 calc(100% - 3em),transparent);padding-block:1.5em 3em}.demo-hint{margin:0 0 12px;font-size:.9em;color:var(--demo-muted, #595959)}.demo-cta{display:flex;flex-direction:column;gap:8px;margin:0 0 8px;padding:12px;border-left:4px solid var(--lyrics-accent);border-radius:8px;background:#2a7ae21a}.demo-cta p{margin:0;line-height:1.4}.demo-cta button{min-height:52px}.demo-actions{display:flex;gap:8px}.demo-actions button{flex:1}.demo-cta button+button{color:var(--lyrics-accent);background:transparent}.demo-empty{color:#767676}.demo-transport{position:sticky;z-index:2;bottom:0;box-sizing:border-box;height:var(--demo-transport-h);display:flex;gap:8px;align-items:center;margin:8px -12px 0;padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));background:Canvas;border-top:1px solid rgb(128 128 128 / .4)}.demo-transport[hidden]{display:none}.demo-key{margin-left:6px;padding:0 4px;font:inherit;font-size:.7em;font-weight:400;border:1px solid currentColor;border-radius:4px}@media(hover:none){.demo-key{display:none}}.demo-play{white-space:nowrap;min-width:6.5em;min-height:48px;font-weight:700}.demo-speed{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;min-width:44px;padding:0 22px 0 10px;font:inherit;border:1px solid var(--lyrics-accent);border-radius:8px;color:var(--lyrics-accent);background:transparent no-repeat;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 13px center,right 8px center;background-size:5px 5px;cursor:pointer}.demo-speed[data-slow]{color:#fff;background-color:var(--lyrics-accent);font-weight:700}.demo-speed option{color:CanvasText;background:Canvas}.demo-transport input{flex:1;min-width:0;accent-color:var(--lyrics-accent)}.demo-time{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:480px){.demo-files[data-preview] .demo-file-name,.demo-files[data-preview] .demo-file small{display:none}}@media(max-width:480px){.demo-dur{display:none}}#root:has(.demo-transport:not([hidden])){--lyrics-sticky-bottom: var(--demo-transport-h)}#root:has(.demo-transport:not([hidden])) .lyrics-editor-row{scroll-margin-bottom:calc(120px + var(--demo-transport-h))}@media(max-height:640px){:root{--lyrics-sticky-top: 0px}.demo-tabs{position:relative}}@media(max-height:450px){:root{--demo-transport-h: calc(52px + env(safe-area-inset-bottom, 0px)) }.demo-transport{padding-block:4px calc(4px + env(safe-area-inset-bottom,0px))}.demo-play{min-height:44px}#root:has(.demo-transport:not([hidden])) .lyrics-editor-row{scroll-margin-bottom:calc(76px + var(--demo-transport-h))}}