.public-draft{border:1px solid var(--lp-line,#e5e5ee);color:var(--lp-text,#141728);background:var(--lp-surface,#fff);border-radius:18px;margin-top:24px;overflow:hidden}.public-draft>header{border-bottom:1px solid var(--lp-line,#e5e5ee);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.public-draft>header>span,.public-draft>header>div{align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex}.public-draft>header small{color:var(--lp-muted,#686a7c);font-size:12px}.public-draft__sheet{max-height:none;padding:24px;overflow:visible}.public-draft__line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.85em;font-size:16px;line-height:1.85}.public-draft__line>span{display:block}.public-draft__line>span[data-revised]{animation:1.3s ease-out public-draft-edit}@keyframes public-draft-edit{0%{background:color-mix(in srgb,var(--lp-accent,#ff6b0b) 14%,transparent)}to{background:0 0}}@media (width<=640px){.public-draft>header{padding:14px 16px}.public-draft__sheet{padding:18px 16px}.public-draft__line{font-size:15px}}@media (prefers-reduced-motion:reduce){.public-draft *{transition:none!important;animation:none!important}}.model-test-section .public-draft-option{align-items:flex-start;gap:10px;margin:16px 0;font-size:14px;font-weight:500;display:flex}.model-test-section .public-draft-option input{accent-color:#ff6b0b;flex:none;width:16px;height:16px;margin:3px 0 0}.public-draft-option small{color:#686a7c;margin-top:4px;font-size:12px;font-weight:400;line-height:1.5;display:block}.public-draft>header{background:color-mix(in srgb,var(--lp-accent,#ff6b08) 3%,transparent)}.public-draft>header svg{color:var(--lp-muted,#686a7c);flex:none}.generation-active{min-width:0;scroll-margin-top:120px}.generation-progress{--gp-ink:var(--lp-text,#141728);--gp-muted:var(--lp-muted,#686a7c);--gp-line:var(--lp-line,#e5e5ee);--gp-accent:var(--lp-accent,#c34e00);--gp-soft:color-mix(in srgb,var(--gp-ink) 4%,transparent);width:100%;min-width:0;color:var(--gp-ink);font-family:Shaspoem Golos,Arial,sans-serif}.generation-progress .generation-progress__hero{flex-direction:column;align-items:center;gap:16px;display:flex}.generation-progress__heading{text-align:center;width:100%;min-width:0}.generation-progress .generation-progress__eyebrow{color:var(--gp-muted);justify-content:center;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.generation-progress__elapsed{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;display:flex}.generation-progress .generation-progress__heading h3{letter-spacing:-.5px;overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:650;line-height:1.3}.generation-progress .generation-progress__heading p{color:var(--gp-muted);margin:8px 0 0;font-size:14px;line-height:1.6}.generation-progress .generation-progress__steps{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.generation-progress__steps li{border-top:2px solid var(--gp-line);color:var(--gp-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;font-size:14px;line-height:1.4;display:flex}.generation-progress__steps li small{margin-left:auto;font-size:12px;font-weight:400}.generation-progress__steps li[data-state=active]{border-color:var(--gp-accent);color:var(--gp-ink);font-weight:600}.generation-progress__steps li[data-state=done]{border-color:color-mix(in srgb,var(--gp-ink) 25%,transparent);color:var(--gp-ink)}.generation-progress__steps svg{flex:none}.generation-progress .generation-progress__saved{color:var(--gp-muted);margin:16px 0 0;font-size:12px;line-height:1.6}.generation-progress[data-paused] .generation-progress__saved{color:var(--gp-ink)}.generation-progress .generation-progress__lyrics{border:1px solid var(--gp-line);border-radius:16px;margin:28px 0 0;animation:.35s ease-out progress-reveal;overflow:hidden}.generation-progress .generation-progress__lyrics header{background:var(--gp-soft);border-bottom:1px solid var(--gp-line);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.generation-progress__lyrics header span{color:var(--gp-muted);align-items:center;gap:8px;font-size:12px;display:flex}.generation-progress .generation-progress__lyrics h4{overflow-wrap:anywhere;margin:8px 0 0;font-size:18px;font-weight:600;line-height:1.4}.generation-progress .generation-progress__sheet{overscroll-behavior:auto;max-height:none;padding:24px;overflow:visible}.generation-progress .generation-progress__sheet p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.85}.generation-progress .generation-progress__examples{border-top:1px dashed var(--gp-line);margin-top:28px;padding-top:24px}.generation-progress__example-heading strong{font-size:16px;font-weight:600;line-height:1.4}.generation-progress .generation-progress__example-heading p{color:var(--gp-muted);margin:8px 0 16px;font-size:13px;line-height:1.6}.generation-progress .generation-progress__sample-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.generation-progress__sample{min-width:0}.generation-progress__sample>span{color:var(--gp-muted);margin:0 0 8px 4px;font-size:11px;font-weight:600;display:block}.generation-progress .example-card .compact-audio{background:var(--lp-surface,#fff);gap:12px;min-height:84px;padding:12px}.generation-progress .example-card .compact-audio-title strong{font-size:13px}.model-test-section>.generation-progress{border:1px solid var(--gp-line);border-radius:16px;margin-top:20px;padding:24px}@keyframes progress-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.generation-progress *{transition:none!important;animation:none!important}}.generation-progress__caret{vertical-align:text-bottom;background:currentColor;width:2px;height:1em;margin-left:3px;animation:1s step-end infinite progress-caret;display:inline-block}@keyframes progress-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.generation-progress__caret{animation:none}}.creation-mascot{width:112px;height:112px;color:var(--gp-ink);flex:none;position:relative}.creation-mascot__face{object-fit:contain;transform-origin:50% 85%;width:66.67%;height:66.67%;animation:3.6s ease-in-out infinite writer-thinking;position:absolute;top:2.78%;left:16.66%}.creation-mascot[data-music]{width:128px;height:144px}.creation-mascot__music-head{transform-origin:50% 65%;height:88.889%;animation:2.4s ease-in-out infinite musician-nod;position:absolute;inset:0 0 auto}.creation-mascot__music-head .creation-mascot__face{animation:none}@keyframes musician-nod{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(3deg)translateY(1px)}}.creation-mascot__scene{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.creation-mascot__machine{fill:var(--gp-ink)}.creation-mascot__roller{fill:var(--gp-muted)}.creation-mascot__paper{fill:var(--lp-surface,#fff);stroke:var(--gp-line);stroke-width:1.5px}.creation-mascot__lines path{stroke:var(--gp-accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:44;animation:4.8s ease-in-out infinite writer-line}.creation-mascot__lines path:nth-child(2){animation-delay:.6s}.creation-mascot__lines path:nth-child(3){animation-delay:1.2s}.creation-mascot__keys rect{fill:var(--lp-surface,#fff);animation:1.6s ease-in-out infinite writer-key}.creation-mascot__base{stroke:var(--gp-ink);stroke-width:3px;stroke-linecap:round}.creation-mascot__headband{stroke:var(--gp-accent);stroke-width:6px;stroke-linecap:round}.creation-mascot__sound rect{fill:var(--gp-accent);transform-box:fill-box;transform-origin:50% 100%;animation:1.2s ease-in-out infinite musician-wave}.generation-progress[data-paused] .creation-mascot *{animation-play-state:paused}.generation-progress .generation-progress__current{white-space:pre-wrap;overflow-wrap:anywhere;max-width:64ch;min-height:24px;font-weight:400;animation:.2s ease-out progress-reveal}@keyframes writer-thinking{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes writer-line{0%,12%{stroke-dashoffset:44px;opacity:0}20%{opacity:1}65%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes writer-key{0%,80%,to{opacity:.8;transform:translateY(0)}86%{opacity:.35;transform:translateY(1px)}}@keyframes musician-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (width<=640px){.generation-progress .generation-progress__hero{align-items:center;gap:12px}.creation-mascot{width:96px;height:96px}.creation-mascot[data-music]{width:112px;height:126px}.generation-progress .generation-progress__heading h3{letter-spacing:-.2px;font-size:19px}.generation-progress .generation-progress__eyebrow{flex-wrap:wrap;gap:4px;font-size:11px}.generation-progress .generation-progress__heading p{font-size:13px;line-height:1.55}.generation-progress .generation-progress__steps{gap:12px;margin-top:24px}.generation-progress__steps li{font-size:12px}.generation-progress__steps li small{width:100%;margin-left:26px;font-size:11px}.generation-progress__steps svg{width:16px;height:16px}.generation-progress .generation-progress__sample-list{grid-template-columns:1fr}.generation-progress .generation-progress__lyrics header,.generation-progress .generation-progress__sheet{padding:16px}.generation-progress .generation-progress__sheet p{font-size:15px}.model-test-section>.generation-progress{padding:16px}}@media (prefers-reduced-motion:reduce){.creation-mascot *,.generation-progress .generation-progress__current{animation:none!important}}.generation-progress .generation-progress__activity{max-width:520px;margin:8px auto 0}.generation-progress .generation-progress__activity-toggle{max-width:100%;min-height:32px;color:var(--gp-muted);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;margin-inline:auto;padding:4px 0;font:400 14px/1.6 Shaspoem Golos,Arial,sans-serif;display:flex}.generation-progress__activity-toggle>span{overflow-wrap:anywhere;min-width:0}.generation-progress__activity-toggle>svg{opacity:0;flex:none;transition:opacity .16s,transform .2s}.generation-progress .generation-progress__activity-toggle:hover,.generation-progress .generation-progress__activity-toggle:focus-visible{color:var(--gp-ink);background:0 0}.generation-progress__activity-toggle:is(:hover,:focus-visible,[aria-expanded=true])>svg{opacity:1}.generation-progress__activity-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.generation-progress__activity-toggle:focus-visible{outline:2px solid var(--gp-accent);outline-offset:4px}.generation-progress__history-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .24s,opacity .2s;display:grid}.generation-progress__history-reveal[data-open=true]{opacity:1;grid-template-rows:1fr}.generation-progress__history-reveal>div{min-height:0;overflow:hidden}.generation-progress .generation-progress__history{border:1px solid var(--gp-line);background:var(--gp-soft);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;text-align:left;border-radius:16px;max-height:240px;margin:16px 0 0;padding:16px 20px;list-style:none;overflow-y:auto}.generation-progress__history li{color:var(--gp-muted);overflow-wrap:anywhere;margin:0;padding:8px 4px 8px 18px;font-size:13px;font-weight:400;line-height:1.65;position:relative}.generation-progress__history li:before{content:"";opacity:.35;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:17px;left:0}.generation-progress__history li[data-current]:before{opacity:1;background:var(--gp-accent)}.generation-progress__history li[data-current]{color:var(--gp-ink)}@media (hover:none){.generation-progress__activity-toggle>svg{opacity:1}}@media (width<=640px){.generation-progress .generation-progress__activity-toggle,.generation-progress__history li{font-size:13px}}.generation-progress .generation-progress__heading p{margin-inline:auto}.generation-progress__history{text-align:left}.generation-active .generation-progress{padding:32px}.generation-progress .generation-progress__heading h3{grid-template-columns:21px minmax(0,auto) 21px;justify-content:center;align-items:center;gap:10px;display:grid}.generation-progress__heading h3 svg{color:var(--gp-muted);flex:none}.generation-progress .generation-progress__examples{border-top-style:solid;margin-top:32px;padding-top:28px}@media (width<=640px){.generation-active .generation-progress{padding:24px 16px}.generation-progress .generation-progress__heading h3{gap:8px}}.generation-progress__heading h3:after{content:"";width:21px}.generation-progress[data-stage=poet] .generation-progress__sheet{overscroll-behavior:auto;max-height:none;overflow:visible}.generation-review-resume{justify-content:center;margin-top:24px;display:flex}.generation-review-resume .primary{border-radius:18px;width:min(100%,480px);min-height:56px;padding:16px 24px;font-size:16px;line-height:1.4}.generation-progress .lyrics-review__editor{width:100%;min-height:120px;max-height:none;color:var(--gp-ink);font:inherit;resize:none;box-shadow:none;box-sizing:border-box;background:0 0;border:0;border-radius:0;margin:0;padding:24px;font-size:16px;line-height:1.85;display:block;overflow:hidden}.generation-progress .lyrics-review__editor:is(:focus,:focus-visible){box-shadow:none!important;outline:none!important}.generation-progress .lyrics-review__editor:not([readonly]):focus{background:color-mix(in srgb,var(--gp-accent) 2%,transparent)}.generation-progress .lyrics-review__error{color:var(--lp-danger,#a03240);margin:16px 0 0;font-size:14px}@media (width<=640px){.generation-progress .lyrics-review__editor{padding:20px 16px}.generation-progress .generation-progress__heading h3{display:block}.generation-progress .generation-progress__heading h3>svg,.generation-progress__heading h3:after{display:none}}.generation-progress .generation-progress__lyrics .lyrics-review__header{background:0 0;align-items:center;gap:16px;padding:20px 24px}.generation-progress .lyrics-review__header>div{min-width:0}.generation-progress .lyrics-review__header h4{margin:0;font-size:16px;font-weight:500;line-height:1.5}.generation-progress .lyrics-review__title{color:var(--gp-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;line-height:1.5}.generation-progress .lyrics-review__header .lyrics-review__hint{color:var(--gp-muted);flex:none;font-size:12px;line-height:1.5;display:block}@media (width<=640px){.generation-progress .generation-progress__lyrics .lyrics-review__header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}}.creation-mascot[data-review] .creation-mascot__face{animation:none;top:10%}.creation-mascot__pause-badge{fill:var(--lp-surface,#fff);stroke:var(--gp-line);stroke-width:1.5px}.creation-mascot__pause-mark{stroke:var(--gp-muted);stroke-width:3.5px;stroke-linecap:round}.compact-audio{border:1px solid var(--line,#e5e3eb);background:var(--surface,#fff);border-radius:16px;align-items:center;gap:12px;min-width:0;min-height:88px;padding:14px;transition:background .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.compact-hitarea{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.compact-hitarea:focus-visible{outline:2px solid var(--accent,#ff6b0b);outline-offset:3px}.compact-audio:has(.compact-hitarea:hover:not(:disabled)){background:var(--admin-soft,#f6f5f8);border-color:#c4c2d0;box-shadow:0 4px 16px #171b2c08}.compact-play{color:#fff;pointer-events:none;background:#141728;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:transform .16s;display:grid}.compact-audio:has(.compact-hitarea:active) .compact-play{transform:scale(.94)}.compact-audio-body{pointer-events:none;flex:1;min-width:0}.compact-audio-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.compact-audio-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.compact-audio-title>span{color:var(--muted,#77798b);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.compact-audio-body>small{color:var(--muted,#77798b);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.5;display:block;overflow:hidden}.compact-wave{align-items:center;gap:2px;height:18px;margin-top:6px;display:flex}.compact-wave i{background:#c2c2ce;border-radius:2px;flex:1;min-width:1px}.compact-download{z-index:2;width:36px;height:40px;color:var(--muted,#66677e);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid;position:relative}.compact-download:hover{color:#171b2c;background:#eeeef4}.compact-audio .compact-wave{z-index:2;pointer-events:auto;cursor:ew-resize;touch-action:pan-y;box-sizing:border-box;isolation:isolate;height:28px;margin-block:1px -5px;padding-block:5px;position:relative}.compact-audio .compact-wave[aria-disabled=true]{pointer-events:none;cursor:default}.compact-audio .compact-wave i{pointer-events:none;transition:background-color .12s}.compact-audio .compact-wave i[data-played=true]{background:var(--lp-accent,#ff6b0b)}.compact-audio .compact-wave:hover i[data-preview=true],.compact-audio .compact-wave:active i[data-preview=true]{background:color-mix(in srgb,var(--lp-accent,#ff6b0b) 65%,var(--lp-wave,#c2c2ce))}.compact-audio .compact-wave:focus-visible{outline:2px solid var(--lp-accent,#ff6b0b);outline-offset:3px;border-radius:5px}.wave-time{background:var(--lp-text,#141728);color:var(--lp-surface,#fff);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;border-radius:6px;padding:4px 7px;font-size:11px;position:absolute;bottom:100%;transform:translate(-50%);box-shadow:0 2px 8px #0002}html body .compact-audio{transition:background-color .25s,border-color .25s,box-shadow .25s}html body .compact-audio .compact-play{transition:background-color .25s,color .25s,transform .16s}html body .compact-audio .compact-wave i{transition:background-color .3s}html body .compact-audio:not([data-playing=true]) .compact-wave i[data-played=true]{background:color-mix(in srgb,var(--lp-text,#141728) 42%,var(--lp-wave,#c2c2ce))}html body .compact-audio[data-playing=true]{border-color:var(--lp-accent,#ff6b0b)!important;background:color-mix(in srgb,var(--lp-accent,#ff6b0b) 6%,var(--lp-surface,var(--surface,#fff)))!important}html body .compact-audio[data-playing=true] .compact-play{background:var(--lp-accent,#ff6b0b)!important;color:#fff!important}html body .compact-audio .compact-wave:is(:hover,:active) i[data-preview=true]{background:color-mix(in srgb,var(--lp-accent,#ff6b0b) 65%,var(--lp-wave,#c2c2ce))}@media (prefers-reduced-motion:reduce){html body .compact-audio,html body .compact-audio .compact-play,html body .compact-audio .compact-wave i{transition:none}}.compact-audio .compact-time{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-size:11px}.compact-time>span{opacity:.6}.compact-play svg{margin:0}html body .compact-audio :is(button,[role=slider],input):focus,html body .playback-dock :is(button,[role=slider],input):focus{box-shadow:none!important;outline:none!important}html body .compact-audio .compact-wave:focus-visible i{opacity:.8}html body .compact-audio button:focus-visible,html body .playback-dock button:focus-visible{filter:brightness(1.15)}html body .compact-audio[data-dense=true]{gap:12px!important;height:auto!important;min-height:88px!important;padding:12px 16px!important}html body .compact-audio[data-dense=true] .compact-play{width:40px!important;height:40px!important}html body .compact-audio[data-dense=true] .compact-audio-body>small{margin-top:2px!important}html body .compact-audio[data-dense=true] .compact-wave{height:20px!important;margin-top:4px!important}html body .compact-audio[data-timeline=false]{height:auto!important;min-height:66px!important;padding-block:12px!important}html body .compact-audio[data-playing=true] .compact-download:is(:hover,:focus-visible){color:var(--lp-accent,#ff6b0b);background:color-mix(in srgb,var(--lp-accent,#ff6b0b) 12%,transparent)}.playback-dock-position{z-index:60;bottom:max(12px,env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;left:0;right:0}.playback-dock{pointer-events:auto;border:1px solid var(--lp-line,#e2e1e9);background:var(--lp-surface,#fff);width:min(400px,100% - 32px);color:var(--lp-text,#141728);border-radius:24px;padding:8px 12px 8px 8px;position:relative;box-shadow:0 8px 40px #13152626}html body :is(.home-page,.landing-design) .playback-dock .compact-audio{border-radius:0;align-items:center;gap:12px;min-height:40px;padding:0;display:flex;box-shadow:none!important;background:0 0!important;border:0!important}.playback-dock .compact-audio-body{flex:1;min-width:0;display:block}.playback-dock .compact-audio-title{gap:8px;min-width:0;line-height:20px}html body .playback-dock .compact-audio-title strong{font-size:14px;font-weight:500}html body .playback-dock .compact-audio-title .compact-time{color:var(--lp-muted,#747684);font-size:10px}html body .playback-dock .compact-play{pointer-events:auto;cursor:pointer;background:var(--lp-text,#141728);width:40px;height:40px;color:var(--lp-surface,#fff);border:0;flex:none;padding:0}.playback-dock .compact-play:hover{filter:brightness(1.12)}.playback-dock .compact-play:active{transform:scale(.95)}html body .playback-dock .compact-wave{width:100%;height:20px;margin:3px 0 0;padding:1px 0}html body .playback-dock .compact-wave i{transform:scaleY(.65)}.playback-dock-error{color:var(--lp-muted,#747684);margin:6px 0 0 52px;font-size:11px;line-height:1.4}@media (width<=600px){.playback-dock-position{bottom:max(8px,env(safe-area-inset-bottom))}}.playback-dock[data-compact=false]{padding:16px 20px 10px}html body :is(.home-page,.landing-design) .playback-dock[data-compact=false] .compact-audio{grid-template-rows:auto auto 30px;grid-template-columns:40px minmax(0,1fr);gap:0 14px;min-height:0;display:grid}.playback-dock[data-compact=false] .compact-audio-body{display:contents}.playback-dock[data-compact=false] .compact-audio-title{grid-area:1/2;align-self:end}html body .playback-dock[data-compact=false] .compact-audio-title strong{font-size:15px}html body .playback-dock[data-compact=false] .compact-play{grid-area:1/1/3}.playback-dock .compact-dock-caption{min-width:0;color:var(--lp-muted,#747684);grid-area:2/2;align-items:center;gap:6px;margin-top:3px;display:flex}.playback-dock .compact-dock-caption small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.5;overflow:hidden}.playback-dock .compact-dock-caption .compact-time{color:inherit;flex:none;font-size:11px}.playback-dock .compact-caption-dot{opacity:.6}html body .playback-dock[data-compact=false] .compact-wave{grid-area:3/1/auto/-1;height:30px;margin:6px 0 0;padding:5px 0}@media (width<=600px){.playback-dock[data-compact=false]{border-radius:20px;padding:12px 14px 8px}html body :is(.home-page,.landing-design) .playback-dock[data-compact=false] .compact-audio{column-gap:10px}}.compact-audio-title .song-rename{z-index:2;width:26px;height:26px;color:var(--lp-muted,#686a7c);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:4px;transition:background .18s,color .18s;display:grid;position:relative}.compact-audio-title .song-rename:hover{background:color-mix(in srgb,var(--lp-accent,#ff6b08) 9%,transparent);color:var(--lp-accent,#ff6b08)}.song-audio-shell{border-radius:14px;min-width:0;position:relative}.song-audio-shell .song-title-editor{z-index:3;border-radius:inherit;background:color-mix(in srgb,var(--lp-text,#141728) 12%,transparent);-webkit-backdrop-filter:blur(7px);flex-wrap:wrap;align-content:center;align-items:center;gap:8px;margin:0;padding:14px;animation:.16s ease-out song-title-reveal;display:flex;position:absolute;inset:0}.song-audio-shell .song-title-editor input{border:1px solid var(--lp-line,#e5e5ee);background:var(--lp-surface,#fff);width:0;min-width:0;height:40px;color:var(--lp-text,#141728);font:inherit;box-sizing:border-box;box-shadow:none;border-radius:10px;outline:none;flex:1;margin:0;padding:0 12px;font-size:14px;transition:border-color .16s}.song-audio-shell .song-title-editor input:focus{box-shadow:none;border-color:var(--lp-accent,#ff6b08);outline:none}.song-audio-shell .song-title-editor button{cursor:pointer;border:1px solid #0000;border-radius:10px;outline:none;flex:none;place-items:center;width:40px;height:40px;padding:0;transition:background .16s,border-color .16s;display:grid}.song-audio-shell .song-title-editor .song-title-save{background:var(--lp-accent,#ff6b08);color:#fff}.song-audio-shell .song-title-editor .song-title-save:hover{background:color-mix(in srgb,var(--lp-accent,#ff6b08) 88%,#000)}.song-audio-shell .song-title-editor .song-title-cancel{color:#b6463c;background:#fff0ed;border-color:#efc7c1}.song-audio-shell .song-title-editor .song-title-cancel:hover{background:#ffe3dd;border-color:#d7897f}.song-audio-shell .song-title-editor button:focus-visible{border-color:var(--lp-text,#141728)}.song-audio-shell .song-title-editor button:disabled{opacity:.55;cursor:default}.song-audio-shell .song-title-editor small{background:var(--lp-surface,#fff);color:#b33b3b;border-radius:6px;width:100%;padding:4px 8px;font-size:12px}@keyframes song-title-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.song-audio-shell .song-title-editor{animation:none}}.compact-audio-title .song-rename{pointer-events:auto;margin-right:auto}.compact-audio-title:has(.song-rename){justify-content:flex-start;gap:6px}html body input[type=checkbox]{appearance:none;vertical-align:middle;border:1px solid var(--lp-line,var(--line,#c8c7d1));background-color:var(--lp-surface,var(--surface,#fff));cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:14px 14px;border-radius:5px;flex:none;align-self:center;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;margin:0;padding:0;transition:background-color .15s,border-color .15s;display:inline-block}html body input[type=checkbox]:checked{border-color:var(--lp-accent,#ff6b0b);background-color:var(--lp-accent,#ff6b0b);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3.2 3.2L13 4.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html body input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}html body input[type=checkbox]:focus-visible{outline:2px solid var(--lp-text,#171b2e);outline-offset:3px}@media (forced-colors:active){html body input[type=checkbox]{appearance:auto}}
