.novel-detail-layout{display:grid;grid-template-columns:350px 1fr;grid-gap:48px;gap:48px}.novel-cover-img{width:350px;height:350px;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.5)}.novel-cover-img>img{width:100%;height:100%;object-fit:cover}.novel-detail-play-btn{background-color:#fff;color:#000;padding:12px 32px;border-radius:99px;font-weight:700;display:flex;align-items:center;transition:transform .2s}.novel-detail-playlist{display:flex;flex-direction:column;gap:8px}.novel-detail-playlist-item{display:flex;align-items:center;gap:4px;padding:12px 16px;background-color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s;border:1px solid transparent}.novel-detail-playlist-item:hover{background-color:var(--accent-hover)}.novel-detail-playlist-item.active{background-color:var(--brand-red-opacity);border:1px solid var(--brand-red)}.novel-detail-playlist-item.disabled,.novel-detail-playlist-item.disabled:hover{background-color:var(--accent);opacity:.6;cursor:not-allowed}.novel-detail-playlist-item-icon-container{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.item-play-btn{opacity:0;transition:.2s}.novel-detail-playlist-item.active .item-play-btn,.novel-detail-playlist-item:hover .item-play-btn{opacity:1}.novel-detail-playlist-item.locked{cursor:not-allowed;opacity:.6}.novel-detail-playlist-item.locked:hover{background:transparent}.novel-toggle-detail{display:none;cursor:pointer}@media (max-width:768px){.novel-detail-layout{grid-template-columns:1fr;gap:32px}.remove-container-padding-on-mobile{margin-top:-48px;margin-left:-24px;margin-right:-24px;width:100vw}.novel-cover-img{width:100%;height:auto;margin:0 auto 24px;border-top-left-radius:0;border-top-right-radius:0}.novel-left-col{display:flex;flex-direction:column;align-items:flex-start}.novel-toggle-detail{display:flex;align-items:center;gap:4px}.hide-novel-detail{display:none}}