.compact-shell.svelte-1sl2k1p{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:100%;max-width:414px;min-width:0;min-height:138px;aspect-ratio:3/1;margin-inline:auto;padding:10px;border:2px solid var(--skin-trim);border-radius:14px;background:var(--skin-body);box-shadow:inset 0 2px 2px #fff6,inset 0 -3px 3px #0005,0 4px 9px #15325633;box-sizing:border-box}.compact-shell.svelte-1sl2k1p:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 12% 18%,#fff6 0 1px,transparent 2px),radial-gradient(circle at 28% 72%,#fff4 0 1px,transparent 2px),linear-gradient(170deg,#fff2,transparent 48%)}.compact-shell[data-skin=aqua-bubble-player].svelte-1sl2k1p:before{background:radial-gradient(circle at 16% 22%,transparent 8px,#ffffff50 9px,transparent 11px),radial-gradient(circle at 77% 66%,transparent 13px,#ffffff50 14px,transparent 16px)}.compact-shell[data-skin=cherry-discman-player].svelte-1sl2k1p:before{background:repeating-radial-gradient(circle at 18% 45%,transparent 0 14px,#ffffff20 15px 16px)}.compact-shell[data-skin=lime-minideck-player].svelte-1sl2k1p:before,.compact-shell[data-skin=workshop-tape-player].svelte-1sl2k1p:before{background:repeating-linear-gradient(0deg,transparent 0 5px,#0001 6px 7px)}.compact-shell[data-skin=pixel-pocket-player].svelte-1sl2k1p{border-radius:7px;box-shadow:inset 0 3px #fff8,inset 0 -3px #52397866,3px 3px #52397833}.compact-shell[data-skin=pixel-pocket-player].svelte-1sl2k1p:before{background:repeating-linear-gradient(90deg,transparent 0 14px,#fff2 15px 16px)}.skin-artwork.svelte-1sl2k1p{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.landscape-artwork.svelte-1sl2k1p{display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1}.rising-bubble.svelte-1sl2k1p{position:absolute;left:calc(13% + var(--bubble-index)*22%);bottom:9%;width:14px;height:14px;object-fit:contain;animation:svelte-1sl2k1p-bubble-rise 6s linear infinite;animation-delay:calc(var(--bubble-index)*-2s)}@keyframes svelte-1sl2k1p-bubble-rise{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:.8}80%{opacity:.7}to{transform:translateY(-64px) scale(1.1);opacity:0}}.compact-shell.miniature.svelte-1sl2k1p{min-height:68px;max-width:none;padding:6px;border-radius:9px}.miniature.svelte-1sl2k1p .rising-bubble:where(.svelte-1sl2k1p){width:8px;height:8px;animation:none;bottom:10%;opacity:.7}@media(max-width:680px){.compact-shell.svelte-1sl2k1p{min-height:122px;padding:9px}}@media(max-width:380px){.compact-shell.svelte-1sl2k1p{min-height:110px;padding:8px}}@media(prefers-reduced-motion:reduce){.rising-bubble.svelte-1sl2k1p{animation:none;bottom:10%;opacity:.7}}.skin-preview.svelte-64eyif{width:100%;min-width:0}.preview-controls.svelte-64eyif{position:relative;z-index:2;display:flex;align-items:center;gap:8px;width:100%;min-width:0}.spectrum.svelte-64eyif{flex:1;min-width:12px;height:24px;display:flex;align-items:flex-end;gap:2px;padding:4px;border-radius:4px;background:#0b1c2d}.spectrum.svelte-64eyif i:where(.svelte-64eyif){flex:1;background:var(--skin-spectrum);min-width:1px}.preview-play.svelte-64eyif{flex:none;min-height:30px;display:flex;align-items:center;padding:0 8px;border:1px solid color-mix(in srgb,var(--skin-trim) 72%,white);border-radius:6px;background:linear-gradient(color-mix(in srgb,var(--skin-play) 78%,white),var(--skin-play));color:#fff;font-size:10px;font-weight:900;white-space:nowrap}