.playlist-detail-page[data-v-427ead6c]{background-color:var(--color-bg-1);color:var(--color-text-1);min-height:100vh;padding-top:64px;position:relative;z-index:1}.featured-banner-container[data-v-427ead6c]{margin:0 auto;padding:1rem 0;width:100%}.content-area[data-v-427ead6c]{margin:0 auto;max-width:1360px;padding:2rem;position:relative;z-index:1}.list-actions[data-v-427ead6c]{justify-content:space-between;margin-bottom:1rem;width:100%}.list-actions[data-v-427ead6c],.title-wrapper[data-v-427ead6c]{align-items:center;display:flex}.title-wrapper[data-v-427ead6c]{flex:1;gap:1rem;min-width:0}.playlist-detail-title-stack[data-v-427ead6c]{align-items:flex-start;flex-direction:column;flex-wrap:wrap;gap:.35rem .25rem}.playlist-detail-title-stack .page-breadcrumb-nav[data-v-427ead6c]{min-width:0}.playlist-detail-title-stack>.title-meta[data-v-427ead6c]{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;min-width:0}.title-meta[data-v-427ead6c]{display:flex;flex-direction:column;gap:.25rem;min-width:0}.playlist-meta[data-v-427ead6c]{color:var(--color-text-3);display:none;font-size:.875rem;font-weight:var(--font-weight-regular)}.page-title[data-v-427ead6c]{color:var(--color-text-1);font-size:var(--text-section-title-size,18px);font-weight:var(--font-weight-bold);margin:0;white-space:nowrap}.filter-btn-wrapper[data-v-427ead6c]{flex-shrink:0}.filter-btn-wrapper[data-v-427ead6c],.filter-dd-row[data-v-427ead6c]{align-items:center;display:flex;gap:.75rem}.filter-dd-row[data-v-427ead6c]{flex-wrap:wrap;justify-content:flex-end;min-width:0}.favorite-btn[data-v-427ead6c]{align-items:center;background:var(--color-bg-2);border:1px solid hsla(0,0%,100%,.1);border-radius:35px;color:var(--color-text-1);cursor:pointer;display:flex;font-size:var(--font-size-body);gap:.5rem;padding:.5rem 1.3rem;transition:all .3s ease}.favorite-btn[data-v-427ead6c]:disabled{cursor:not-allowed;opacity:.7}.favorite-btn--active[data-v-427ead6c]{background:var(--color-primary-main);border-color:var(--color-primary-main)}@media(hover:hover){.favorite-btn--active[data-v-427ead6c]:hover:not(:disabled),.favorite-btn[data-v-427ead6c]:hover:not(:disabled){background:var(--color-primary-main);border-color:var(--color-primary-main)}.favorite-btn--active[data-v-427ead6c]:hover:not(:disabled){color:#fff}}.favorite-btn svg[data-v-427ead6c]{flex-shrink:0;height:20px;width:20px}.video-list-section[data-v-427ead6c]{margin-bottom:3rem}.video-list-container[data-v-427ead6c]{position:relative}.empty-container[data-v-427ead6c],.error-container[data-v-427ead6c],.loading-container[data-v-427ead6c]{align-items:center;display:flex;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.loading-spinner[data-v-427ead6c]{color:var(--color-text-2);font-size:var(--font-size-body);gap:1rem}.error[data-v-427ead6c],.loading-spinner[data-v-427ead6c]{align-items:center;display:flex;flex-direction:column}.error[data-v-427ead6c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;gap:1.5rem;max-width:500px;padding:2.5rem}.error-icon[data-v-427ead6c]{align-items:center;color:var(--color-primary-main);display:flex;height:64px;justify-content:center;opacity:.8;width:64px}.error-title[data-v-427ead6c]{color:var(--color-text-1);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0}.error-message[data-v-427ead6c]{color:var(--color-text-3);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0;word-break:break-word}.error-actions[data-v-427ead6c]{display:flex;gap:1rem;justify-content:center;width:100%}.error-back-btn[data-v-427ead6c],.error-retry-btn[data-v-427ead6c]{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.error-retry-btn[data-v-427ead6c]{background:var(--color-primary-main);box-shadow:var(--shadow-primary-xs);color:var(--color-text-1)}.error-retry-btn[data-v-427ead6c]:active{transform:translateY(0)}@media(hover:hover){.error-retry-btn[data-v-427ead6c]:hover{background:var(--color-primary-main);box-shadow:var(--shadow-primary-sm);opacity:.9;transform:translateY(-2px)}}.error-back-btn[data-v-427ead6c]{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:var(--color-text-2);text-decoration:none}@media(hover:hover){.error-back-btn[data-v-427ead6c]:hover{background:#ffffff0d;border-color:#ffffff4d;color:var(--color-text-1)}}.error-back-btn svg[data-v-427ead6c],.error-retry-btn svg[data-v-427ead6c]{flex-shrink:0;height:16px;width:16px}.empty[data-v-427ead6c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;flex-direction:column;gap:1.5rem;max-width:500px;padding:2.5rem}.empty[data-v-427ead6c],.empty-icon[data-v-427ead6c]{align-items:center;display:flex}.empty-icon[data-v-427ead6c]{color:var(--color-text-2);height:64px;justify-content:center;opacity:.6;width:64px}.empty-title[data-v-427ead6c]{color:var(--color-text-1);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0}.empty-message[data-v-427ead6c]{color:var(--color-text-3);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0;word-break:break-word}@media(min-width:768px)and (max-width:1024px){.content-area[data-v-427ead6c]{padding:1.5rem}}@media(max-width:767px){.playlist-detail-page[data-v-427ead6c]{padding-top:56px}.content-area[data-v-427ead6c]{padding:1rem}.list-actions[data-v-427ead6c]{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.favorite-btn span[data-v-427ead6c]{display:none}.filter-btn-wrapper[data-v-427ead6c]{align-items:flex-start;gap:.75rem;justify-content:space-between;width:100%}.filter-dd-row[data-v-427ead6c]{flex:1 1 auto;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.filter-dd-row[data-v-427ead6c]::-webkit-scrollbar{display:none}.filter-dd-row[data-v-427ead6c] .filter-dd{flex:0 0 auto}.filter-dd-row[data-v-427ead6c] .filter-dd-trigger{height:38px;max-width:42vw;padding:0 10px}.filter-dd-row[data-v-427ead6c] .filter-dd-text{overflow:hidden;text-overflow:ellipsis}.favorite-btn[data-v-427ead6c]{border-radius:10px;height:38px;justify-content:center;padding:0;width:38px}.pagination-section[data-v-427ead6c]{flex-wrap:wrap;gap:.5rem}.pagination-btn[data-v-427ead6c]{font-size:var(--font-size-body-small);padding:.5rem 1rem}.pagination-btn span[data-v-427ead6c]{display:none}.pagination-number[data-v-427ead6c]{font-size:var(--font-size-body-small);height:32px;min-width:32px}.empty-container[data-v-427ead6c],.error-container[data-v-427ead6c],.loading-container[data-v-427ead6c]{min-height:300px;padding:2rem 1rem}.error[data-v-427ead6c]{gap:1.25rem;padding:2rem 1.5rem}.error-icon[data-v-427ead6c],.error-icon svg[data-v-427ead6c]{height:48px;width:48px}.error-title[data-v-427ead6c]{font-size:var(--font-size-h4)}.error-message[data-v-427ead6c]{font-size:var(--font-size-body-small)}.error-actions[data-v-427ead6c]{flex-direction:column;width:100%}.error-back-btn[data-v-427ead6c],.error-retry-btn[data-v-427ead6c]{font-size:var(--font-size-body-small);justify-content:center;padding:.625rem 1.25rem;width:100%}.empty[data-v-427ead6c]{gap:1.25rem;padding:2rem 1.5rem}.empty-icon[data-v-427ead6c],.empty-icon svg[data-v-427ead6c]{height:48px;width:48px}.empty-title[data-v-427ead6c]{font-size:var(--font-size-h4)}.empty-message[data-v-427ead6c]{font-size:var(--font-size-body-small)}}