.song-preview{position:sticky;top:var(--workspace-panel-top,28px);height:var(--workspace-panel-height, calc(100dvh - 156px) );min-height:0;min-width:0;border-radius:28px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;color:var(--text);animation:preview-arrival .38s cubic-bezier(.16,1,.3,1) both}.song-preview[hidden]{display:none}.song-preview:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 0,#f7bc8a30,transparent 48%),radial-gradient(ellipse at 0 55%,#80b8ee22,transparent 60%)}.song-preview-bar{padding:18px 20px 10px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.song-preview-bar>span{font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:650}.song-preview-close{width:32px;height:32px;display:grid;place-items:center;background:#789bc612;color:var(--muted);border:1px solid #9cc2e42b;border-radius:50%}.song-preview-close:hover{background:#789bc625;color:var(--text)}.song-preview-close svg{width:16px;height:16px}.song-preview-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#819eb54a transparent;padding:10px 24px 28px;min-height:0}.song-preview-art{position:relative;aspect-ratio:1;max-width:280px;margin:0 auto 22px;border-radius:20px;overflow:hidden;background:#152a41;box-shadow:0 18px 35px -16px #10233570;border:1px solid #fff3}.song-preview-art>img{display:block;width:100%;height:100%;object-fit:cover}.song-preview-art:after{content:"";position:absolute;inset:50% 0 0;pointer-events:none;background:linear-gradient(transparent,#09152255)}.song-preview-status{position:absolute;left:16px;bottom:18px;z-index:1;color:#e4efff;background:#091e4155;backdrop-filter:blur(16px);border:1px solid #fff2;border-radius:30px;padding:6px 12px;font-size:11px}.song-preview-play{position:absolute;right:16px;bottom:16px;z-index:2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:linear-gradient(140deg,#fff5,#ffffff1c);border:1px solid #ffffff70;box-shadow:inset 0 1px 1px #fff5,0 7px 25px #0003;backdrop-filter:blur(20px);transition:transform .2s,background .2s}.song-preview-play:hover{transform:scale(1.06);background:#fff6}.song-preview-play:disabled{opacity:.4;cursor:default}.song-preview-play svg{width:18px;height:18px}.song-preview-play[aria-label=\64ad\653e\9884\89c8\6b4c\66f2] svg{fill:currentColor;stroke:none}.song-preview-kicker{display:block;font-size:10px;line-height:1.7;letter-spacing:.02em;color:var(--muted);overflow-wrap:anywhere}.song-preview-kicker>span{margin:0 6px;color:var(--orange)}.song-preview-heading h2{font-size:25px;line-height:1.35;letter-spacing:-.035em;font-weight:650;margin:8px 0 20px;overflow-wrap:anywhere}.song-preview-cover-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:24px}.song-preview-cover-tools button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #8aaed535;border-radius:12px;padding:11px 8px;color:var(--text);background:linear-gradient(135deg,#fff6,#fff2);font-size:12px;min-width:0;transition:background .2s,border-color .2s}.song-preview-cover-tools button:first-child{background:linear-gradient(135deg,#f2b08145,#fac4a125);border-color:#e9a46d55}.song-preview-cover-tools button:hover{border-color:#e99e665f;background:#ffbd8c30}.song-preview-cover-tools button:disabled{opacity:.5;cursor:wait}.song-preview-cover-tools svg{width:15px;height:15px;flex-shrink:0}.song-preview-cover-tools .song-preview-download{grid-column:1/-1;background:transparent;color:var(--muted);padding:9px}.song-preview-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;flex-direction:row-reverse}.song-preview-section-heading>span{color:var(--muted);font-size:9px;letter-spacing:.14em;opacity:.65}.song-preview-section-heading h3{margin:0;font-size:13px;font-weight:600}.song-preview-style{border:1px solid #96b6d22c;border-radius:17px;background:#94b7df0b;padding:16px 17px;margin-bottom:18px}.song-preview-style p{font-size:12px;line-height:1.85;margin:0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.song-preview-story{border-bottom:1px solid #97b3d226;padding:0 0 17px;margin:0 0 23px;color:var(--muted);font-size:12px;line-height:1.8}.song-preview-story summary{cursor:pointer}.song-preview-story p{margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.song-preview-lyrics p{margin:0 0 23px;white-space:pre-wrap;font-size:14px;line-height:2;color:var(--text);overflow-wrap:anywhere}.song-preview-lyrics .song-preview-empty{font-size:12px;color:var(--muted);font-style:normal}.draft-card.is-previewed{border-color:#e5a16b7a;box-shadow:inset 3px 0 #eb9b65,0 8px 30px #283c6312}.draft-card[tabindex="0"]{cursor:pointer}.draft-card:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.song-preview button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}html[data-theme=dark] .song-preview-cover-tools button{background:#adcdfc0b;border-color:#a7c8f52b}html[data-theme=dark] .song-preview-cover-tools button:first-child{background:linear-gradient(135deg,#d89a5f2b,#d89a5f12);border-color:#eaa36e50}html[data-theme=dark] .song-preview-cover-tools .song-preview-download{background:transparent}html[data-theme=dark] .song-preview-style{background:#0a1a3025;border-color:#adcdfc1c}@media(min-width:1550px){.app-shell .workspace-layout.has-song-preview{grid-template-columns:330px minmax(360px,1fr) 390px;gap:24px}}@media(max-width:1549px){.song-preview{position:fixed;z-index:55;right:24px;top:var(--workspace-panel-top,28px);bottom:var(--workspace-panel-bottom,128px);height:auto;width:min(400px,calc(100vw - 48px));box-shadow:-20px 0 70px #10233533,var(--glass-shadow);background:linear-gradient(140deg,#f2f8ffeb,#e4eef8e8)}html[data-theme=dark] .song-preview.glass{background:linear-gradient(140deg,#18334af0,#102030f2)}}@media(max-width:780px){.song-preview{inset:82px 10px 96px auto;width:calc(100vw - 20px);min-height:0;border-radius:24px;z-index:55}.song-preview-scroll{padding:7px 22px 25px}.song-preview-art{max-width:240px;margin-inline:auto}.song-preview-heading h2{font-size:24px}.song-preview-bar{padding:14px 18px 8px}}@keyframes preview-arrival{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}body.motion-paused .song-preview{animation:none}@media(prefers-reduced-motion:reduce){.song-preview{animation:none}.song-preview-play{transition:none}}.song-preview-section-heading{flex-direction:row}.song-preview-section-actions{display:flex;align-items:center;gap:10px}.song-preview-section-actions>span{color:var(--muted);font-size:9px;letter-spacing:.14em;opacity:.65}.song-preview-copy{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.song-preview-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.song-preview-copy:hover{color:var(--orange);background:#efa46618;border-color:#e9a46d38}.song-preview-copy:disabled{opacity:.3;cursor:default}.song-preview-copy:disabled:hover{color:var(--muted);background:transparent;border-color:transparent}