.back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;font-size:13px;font-weight:500;border-radius:var(--radius-small);transition:background-color .2s ease,color .2s ease}.back-button:hover{background-color:var(--color-surface);color:var(--color-text)}.playlist-overlay-content{display:flex;flex-direction:column;gap:0}.playlist-overlay-content .artist-form__section:first-child{margin-top:0;padding-top:0;border-top:none}.playlist-cover{position:relative;width:100px;height:100px;border-radius:var(--radius-medium);overflow:hidden;cursor:pointer;background-color:var(--color-surface-hover);border:2px dashed var(--color-border);transition:border-color .2s ease;flex-shrink:0}.playlist-cover:hover{border-color:var(--color-primary)}.playlist-cover__image{width:100%;height:100%;object-fit:cover;display:block}.playlist-cover__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-tertiary)}.playlist-cover__initials{font-size:24px;font-weight:700;color:var(--color-text-secondary)}.playlist-cover__input{position:absolute;inset:0;opacity:0;cursor:pointer}.playlist-cover__delete{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background-color .15s ease}.playlist-cover__delete:hover{background:rgba(230,0,30,.8)}.playlist-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.playlist-toggle span{font-size:13px;color:var(--color-text-secondary)}.playlist-toggle__switch{position:relative;width:40px;height:22px;background-color:var(--color-surface-hover);border-radius:11px;transition:background-color .2s ease;flex-shrink:0}.playlist-toggle__switch--on{background-color:var(--color-primary)}.playlist-toggle__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background-color:#fff;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.3)}.playlist-toggle__switch--on .playlist-toggle__knob{transform:translateX(18px)}.playlist-toggle__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.playlist-checkbox-group{display:flex;flex-wrap:wrap;gap:6px}.playlist-checkbox{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;font-size:12px;font-weight:500;color:var(--color-text-secondary);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.playlist-checkbox:hover{border-color:var(--color-primary);color:var(--color-text)}.playlist-checkbox--checked{background-color:rgba(0,150,178,.15);border-color:var(--color-primary);color:var(--color-primary)}.playlist-checkbox input{display:none}.playlist-info-text{font-size:12px;color:var(--color-text-tertiary);margin-top:var(--spacing-xs);line-height:1.5}.playlist-card{display:flex;flex-direction:column;border-radius:var(--radius-medium);overflow:visible;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;min-width:0;text-decoration:none;color:inherit}.playlist-card:hover{transform:translateY(-4px)}.playlist-card:hover .playlist-card__cover-wrapper{box-shadow:0 6px 20px rgba(0,0,0,.4)}.playlist-card__cover-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3);border-radius:var(--radius-small);transition:box-shadow .2s ease,transform .2s ease;background-color:var(--color-surface-hover)}.playlist-card__cover-img{width:100%;height:100%;object-fit:cover;display:block}.playlist-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--color-text-secondary);background-color:var(--color-surface-hover)}.playlist-card__body{padding:var(--spacing-xs) 0 0}.playlist-card__title{font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.playlist-card__meta{font-size:12px;color:var(--color-text-secondary);line-height:1.3;margin-top:0}.playlist-card--mini{flex-direction:row;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-medium);transition:background-color .2s ease}.playlist-card--mini:hover{transform:none;background-color:var(--color-surface-hover)}.playlist-card--mini .playlist-card__cover-wrapper{width:48px;height:48px;aspect-ratio:1;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.3)}.playlist-card--mini .playlist-card__cover-wrapper:hover{box-shadow:0 2px 8px rgba(0,0,0,.3)}.playlist-card--mini .playlist-card__placeholder{font-size:18px}.playlist-card--mini .playlist-card__body{flex:1 1;min-width:0;padding:0}.playlist-card--mini .playlist-card__title{font-size:13px}.playlist-card--mini .playlist-card__meta{font-size:11px}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:600px){.playlist-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media (min-width:768px) and (max-width:1024px){.playlist-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.playlist-grid{grid-template-columns:repeat(5,1fr)}}.playlist-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:600px){.playlist-grid-skeleton{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}.playlist-grid-skeleton__card{display:flex;flex-direction:column;gap:var(--spacing-xs)}.playlist-grid-skeleton__cover{width:100%;aspect-ratio:1;border-radius:var(--radius-small);background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.playlist-grid-skeleton__title{height:14px;width:80%}.playlist-grid-skeleton__meta,.playlist-grid-skeleton__title{border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.playlist-grid-skeleton__meta{height:10px;width:50%}.playlist-hero{display:flex;gap:var(--spacing-lg);align-items:flex-start;padding:var(--spacing-lg) 0}@media (max-width:768px){.playlist-hero{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}}.playlist-hero__cover-wrapper{width:200px;height:200px;flex-shrink:0;border-radius:var(--radius-medium);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4);background-color:var(--color-surface-hover)}@media (max-width:768px){.playlist-hero__cover-wrapper{width:160px;height:160px}}.playlist-hero__cover-img{width:100%;height:100%;object-fit:cover;display:block}.playlist-hero__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--color-text-secondary);background-color:var(--color-surface-hover)}.playlist-hero__info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (max-width:768px){.playlist-hero__info{align-items:center}}.playlist-hero__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.playlist-hero__title{font-size:28px;font-weight:700;line-height:1.2;color:var(--color-text)}@media (max-width:768px){.playlist-hero__title{font-size:22px}}.playlist-hero__description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;max-width:600px}.playlist-hero__meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width:768px){.playlist-hero__meta{justify-content:center}}.playlist-hero__meta-item{font-size:13px;color:var(--color-text-secondary)}.playlist-hero__play-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;width:-moz-fit-content;width:fit-content}.playlist-hero__play-btn:hover{background-color:var(--color-primary-hover);transform:scale(1.02)}.playlist-hero__play-btn:disabled{background-color:var(--color-surface-hover);color:var(--color-text-tertiary);cursor:not-allowed;transform:none}.playlist-list{display:flex;flex-direction:column;gap:0}.playlist-list__header{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.playlist-list__title{font-size:16px;font-weight:700;color:var(--color-text)}.playlist-list__count{font-size:13px;color:var(--color-text-secondary)}.playlist-list__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.playlist-list__position{width:28px;flex-shrink:0;text-align:center;font-size:12px;font-weight:600;color:var(--color-text-tertiary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.playlist-list__item-wrap{flex:1 1;min-width:0}.playlist-skeleton-hero{display:flex;gap:var(--spacing-lg);align-items:flex-start;padding:var(--spacing-lg) 0}@media (max-width:768px){.playlist-skeleton-hero{flex-direction:column;align-items:center;gap:var(--spacing-md)}}.playlist-skeleton-hero__cover{width:200px;height:200px;flex-shrink:0;border-radius:var(--radius-medium);background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@media (max-width:768px){.playlist-skeleton-hero__cover{width:160px;height:160px}}.playlist-skeleton-hero__info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (max-width:768px){.playlist-skeleton-hero__info{align-items:center}}.playlist-skeleton-hero__label{height:12px;width:60px}.playlist-skeleton-hero__label,.playlist-skeleton-hero__title{border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.playlist-skeleton-hero__title{height:28px;width:280px}@media (max-width:768px){.playlist-skeleton-hero__title{width:200px}}.playlist-skeleton-hero__desc{height:14px;width:400px;border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@media (max-width:768px){.playlist-skeleton-hero__desc{width:260px}}.playlist-skeleton-hero__meta{height:13px;width:180px;border-radius:4px}.playlist-skeleton-hero__btn,.playlist-skeleton-hero__meta{background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.playlist-skeleton-hero__btn{height:36px;width:160px;border-radius:var(--radius-full)}.playlist-skeleton-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.playlist-skeleton-list__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.playlist-skeleton-list__pos{width:28px;height:12px;border-radius:4px}.playlist-skeleton-list__cover,.playlist-skeleton-list__pos{flex-shrink:0;background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.playlist-skeleton-list__cover{width:48px;height:48px;border-radius:var(--radius-small)}.playlist-skeleton-list__text{flex:1 1;display:flex;flex-direction:column;gap:4px;min-width:0}.playlist-skeleton-list__title{height:14px;width:60%}.playlist-skeleton-list__artist,.playlist-skeleton-list__title{border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.playlist-skeleton-list__artist{height:11px;width:40%}