.hot-library-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 6px}
.hot-library-tabs .segment{white-space:nowrap}
.hot-library-grid{column-count:2;column-gap:12px}
.hot-library-card{display:block;width:100%;break-inside:avoid;margin:0 0 12px;padding:0;text-align:left;border:1px solid var(--outline,#d8ded9);background:var(--surface,#fff);border-radius:8px;overflow:hidden;color:inherit;cursor:pointer}
.hot-library-card-media{position:relative;width:100%;background:#eef2ef;overflow:hidden}
.hot-library-card-media img,.hot-library-card-media video{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.hot-library-card-copy{padding:11px 12px 13px}
.hot-library-card-copy strong{display:block;font-size:15px;line-height:1.4}
.hot-library-card-copy small{display:block;color:var(--on-surface-variant,#62706a);margin-top:4px;line-height:1.4}
.hot-library-detail{display:grid;gap:16px}
.hot-library-hero{display:grid;gap:10px}
.hot-library-stage{position:relative;display:grid;place-items:center;background:#101513;border-radius:8px;overflow:hidden;min-height:220px}
.hot-library-stage img,.hot-library-stage video{display:block;width:100%;max-height:66vh;object-fit:contain}
.hot-library-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:12px;pointer-events:none}
.hot-library-nav button{pointer-events:auto;background:rgba(0,0,0,.56);color:#fff;border:0}
.hot-library-counter{text-align:center;color:#fff;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);padding:3px 8px;border-radius:999px;font-size:12px}
.hot-library-meta{display:grid;gap:10px}
.hot-library-meta .soft-panel{white-space:pre-wrap;line-height:1.55}
.hot-library-remix{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:2}
@media(min-width:760px){.hot-library-grid{column-count:3}.hot-library-card-copy{padding:13px 14px 15px}}