.preview-cover{z-index:12;text-align:center;background:radial-gradient(circle at 50% 44%,#191b3aad,#05050bf5 65%);align-content:center;justify-items:center;padding:28px;transition:opacity .5s,visibility .5s;display:grid;position:absolute;inset:0}.preview-cover.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.preview-cover>p:first-child{color:#a897ff;letter-spacing:.17em;margin:0 0 16px;font-size:.68rem;font-weight:750}.preview-cover h1{letter-spacing:-.06em;max-width:880px;margin:0;font-size:clamp(3.5rem,10vw,8rem);font-weight:520;line-height:.9}.preview-cover>p:not(:first-child){color:#ebeffca8;white-space:pre-line;max-width:650px;margin:28px 0 0;font-size:1rem;line-height:1.65}.preview-cover button,.preview-cover a{color:#05050b;cursor:pointer;background:linear-gradient(110deg,#8b5cff,#54ddff);border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:54px;min-width:260px;min-height:54px;margin-top:28px;padding:0 19px;font-size:.8rem;font-weight:800;text-decoration:none;display:flex}.preview-cover button:disabled{opacity:.42;cursor:wait}.preview-app.is-unsupported #preview-canvas{display:none}.preview-memory-list{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-player{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070811d6;border:1px solid #dce5ff33;border-radius:16px;grid-template-columns:42px 44px minmax(0,1fr) auto;align-items:center;gap:10px;width:min(540px,100% - 36px);min-height:66px;padding:8px 12px 8px 9px;display:grid;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #00000052}.preview-player__art{color:#fff;background:linear-gradient(135deg,#8b5cff94,#54ddff73) 50%/cover;border-radius:10px;place-items:center;width:42px;height:42px;font-size:1.1rem;display:grid}.preview-player__art.has-image span{display:none}.preview-player__play{width:40px;height:40px;color:var(--cyan);cursor:pointer;background:#54ddff14;border:1px solid #54ddff59;border-radius:50%;place-items:center;font-size:.78rem;display:grid}.preview-player.is-playing .preview-player__play{color:#c4b8ff;border-color:#8b5cff94}.preview-player__main{min-width:0}.preview-player__heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.preview-player__heading p{gap:2px;min-width:0;margin:0;display:grid}.preview-player__heading strong,.preview-player__heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-player__heading strong{font-size:.74rem;font-weight:750}.preview-player__heading span{color:#ebeffc8c;font-size:.62rem}.preview-player__heading small{color:#9eefff;letter-spacing:.12em;flex:none;font-size:.5rem;font-weight:750}.preview-player__timeline{grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:8px;margin-top:7px;display:grid}.preview-player input[type=range]{height:14px;accent-color:var(--cyan);cursor:pointer;margin:0}.preview-player__timeline output{color:#ebeffc8f;font-variant-numeric:tabular-nums;font-size:.54rem}.preview-player__volume{color:#ebeffca3;align-items:center;gap:6px;display:flex}.preview-player__volume input{width:68px}@media (width<=720px){.preview-cover{padding-inline:18px}.preview-cover h1{font-size:clamp(3rem,16vw,5.4rem)}.preview-player{bottom:calc(132px + env(safe-area-inset-bottom));grid-template-columns:38px minmax(0,1fr);width:calc(100% - 28px);min-height:58px;padding:7px 10px}.preview-player__art{display:none}.preview-player__play{width:36px;height:36px}.preview-player__heading small{display:none}.preview-player__volume{background:#070811c7;border:1px solid #dce5ff29;border-radius:99px;height:34px;padding:0 10px;position:absolute;bottom:-42px;right:10px}.preview-player__volume input{width:62px}}@media (height<=430px){.preview-cover{align-content:start;padding-top:84px;padding-bottom:24px;overflow-y:auto}.preview-cover h1{font-size:clamp(2.35rem,11vw,4rem)}.preview-cover>p:not(:first-child){margin-top:14px;font-size:.82rem}.preview-cover button,.preview-cover a{min-height:44px;margin-top:15px}}
