.detail-placeholder[data-v-b8fad4d4]{align-items:center;background:var(--brand-surface);border-radius:10px;display:flex;gap:clamp(16px,3vw,36px);min-height:200px;padding:clamp(16px,3vw,32px)}.art[data-v-b8fad4d4],.lines i[data-v-b8fad4d4]{background:var(--brand-surface-raised);border-radius:6px;display:block}.art[data-v-b8fad4d4]{aspect-ratio:2/3;width:clamp(85px,15vw,190px)}.lines[data-v-b8fad4d4]{flex:1;max-width:480px}.lines i[data-v-b8fad4d4]{height:12px;margin:12px 0}.lines i[data-v-b8fad4d4]:first-child{height:21px;width:65%}.lines i[data-v-b8fad4d4]:last-child{width:45%}.play[data-v-b8fad4d4]{align-items:flex-start;background:transparent;padding:0}.play .art[data-v-b8fad4d4]{aspect-ratio:16/9;width:72%}@media(max-width:700px){.play[data-v-b8fad4d4]{display:block}.play .art[data-v-b8fad4d4]{width:100%}.play .lines[data-v-b8fad4d4]{padding:8px 0}}.favorite-control[data-v-faf389de]{align-items:center;display:inline-flex;flex-wrap:wrap;gap:10px}.favorite-btn.on[data-v-faf389de]{background:color-mix(in srgb,var(--brand-accent) 7.1%,transparent);border-color:color-mix(in srgb,var(--brand-accent) 33.3%,transparent);color:var(--accent)}.favorite-btn.on[data-v-faf389de] svg{fill:currentColor}.favorite-count[data-v-faf389de]{color:var(--muted);font-size:11px;font-weight:500;margin-left:2px}.favorite-btn.on .favorite-count[data-v-faf389de]{color:#c8d97a}.favorite-message[data-v-faf389de]{color:var(--danger);font-size:12px}