/* Playlist Creator v8 — CSS autônomo */

        .pc8-admin-grid {
            display:grid;
            grid-template-columns:minmax(420px, 1fr) minmax(320px, 1fr);
            gap:28px;
        }

        .pc8-image-picker-grid {
            display:grid;
            grid-template-columns:repeat(2, minmax(150px, 1fr));
            gap:12px;
        }

        .pc8-image-slot {
            padding:10px;
            border:1px solid #dcdcde;
            background:#fff;
        }

        .pc8-gutenberg-thumb-choice {
            display:block;
            margin-top:7px;
            font-weight:400;
        }

        .pc8-preview-row {
            display:flex;
            flex-wrap:wrap;
            gap:18px;
            align-items:flex-start;
        }

        .pc8-thumbnail-preview {
            position:relative;
            width:100%;
            aspect-ratio:25 / 17;
            margin:8px 0;
            background:#f0f0f1;
            overflow:hidden;
        }

        .pc8-thumbnail-preview img {
            width:100%;
            height:100%;
            object-fit:cover;
            display:block;
        }

        .pc8-remove-image {
            position:absolute;
            top:5px;
            right:5px;
            width:25px;
            height:25px;
            padding:0;
            border:0;
            border-radius:50%;
            background:#b32d2e;
            color:#fff;
            font-size:20px;
            line-height:23px;
            cursor:pointer;
        }

        .pc8-composite-preview {
            width:250px;
            height:170px;
            display:block;
            overflow:hidden;
            background:#202b31;
        }

        .pc8-composite-preview > img {
            width:100%;
            height:100%;
            object-fit:cover;
            display:block;
        }

        .pc8-composite-preview.pc8-is-collage {
            display:grid;
            grid-template-columns:repeat(2, 1fr);
            grid-template-rows:repeat(2, 1fr);
            gap:2px;
            background:#071923;
        }

        .pc8-composite-preview.pc8-is-collage img {
            width:100%;
            height:100%;
            min-width:0;
            min-height:0;
            object-fit:cover;
        }

        .pc8-container-group {
            margin-top:16px;
        }

        .pc8-container-group h4 {
            margin:0 0 7px;
            padding:8px 10px;
            background:#f0f0f1;
        }

        .pc8-tag-list {
            max-height:260px;
            overflow:auto;
            padding:7px;
            border:1px solid #dcdcde;
            background:#fff;
        }

        .pc8-tag-option,
        .pc8-playlist-option {
            display:block;
            padding:4px 3px;
        }

        .pc8-admin-list-thumb {
            width:80px;
            height:54px;
            object-fit:cover;
            display:block;
            overflow:hidden;
        }

        .pc8-admin-list-thumb.pc8-playlist-collage {
            display:grid;
            grid-template-columns:repeat(2, 1fr);
            grid-template-rows:repeat(2, 1fr);
            gap:1px;
        }

        .pc8-admin-list-thumb.pc8-playlist-collage img {
            width:100%;
            height:100%;
            object-fit:cover;
        }

        @media(max-width:900px) {
            .pc8-admin-grid {
                grid-template-columns:1fr;
            }
        }
        

        .pc8-playlist-thumb,
        .pc8-post-playlist-thumb {
            width:250px;
            height:170px;
            object-fit:cover;
            display:block;
            overflow:hidden;
            box-sizing:border-box;
        }

        .pc8-playlist-collage,
        .pc8-post-playlist-collage {
            display:grid;
            grid-template-columns:repeat(2, 1fr);
            grid-template-rows:repeat(2, 1fr);
            gap:2px;
            background:#071923;
        }

        .pc8-playlist-collage img,
        .pc8-post-playlist-collage img {
            width:100%;
            height:100%;
            min-width:0;
            min-height:0;
            object-fit:cover;
            display:block;
        }

        .pc8-playlist-placeholder {
            background:#202b31;
        }

        .pc8-hub-filters {
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            margin:0 0 20px;
        }

        .pc8-hub-filter {
            padding:7px 12px;
            border:1px solid currentColor;
            border-radius:4px;
            background:transparent;
            cursor:pointer;
        }

        .pc8-hub-filter.is-active {
            background:#b32d2e;
            border-color:#b32d2e;
            color:#fff;
        }

        .pc8-playlist-heading::after {
            content:none !important;
            display:none !important;
        }

        .pc8-playlist-nav,
        .pc8-playlist-nav * {
            box-sizing:border-box !important;
        }

        .pc8-playlist-nav {
            position:fixed !important;
            z-index:999999 !important;
            left:0 !important;
            right:auto !important;
            top:0 !important;
            bottom:auto !important;
            display:flex !important;
            width:min(430px, calc(100vw - 16px)) !important;
            max-width:calc(100vw - 16px) !important;
            min-width:0 !important;
            height:auto !important;
            min-height:0 !important;
            max-height:none !important;
            flex-direction:column !important;
            gap:6px !important;
            margin:0 !important;
			margin-top: 10px !important;
            padding:9px 10px !important;
            overflow:hidden !important;
            border:1px solid rgba(255,255,255,.18) !important;
            border-radius:8px !important;
            background-color: rgba(179, 0, 0, 0.7) !important;
            color:white !important;
            box-shadow:0 4px 18px rgba(0,0,0,.38) !important;
        }

        .pc8-playlist-nav .pc8-playlist-line {
            display:flex !important;
            width:100% !important;
            min-width:0 !important;
            align-items:center !important;
        }

        .pc8-playlist-nav .pc8-playlist-main {
            position:relative !important;
            justify-content:space-between !important;
            gap:8px !important;
        }

        .pc8-playlist-nav .pc8-playlist-title-wrap {
            display:flex !important;
            flex:1 1 auto !important;
            min-width:0 !important;
            align-items:baseline !important;
            gap:4px !important;
            overflow:hidden !important;
            white-space:nowrap !important;
        }

        .pc8-playlist-nav .pc8-playlist-heading {
            flex:0 0 auto !important;
            color:white !important;
        }

        .pc8-playlist-nav .pc8-playlist-label {
            min-width:0 !important;
            color:white !important;
            overflow:hidden !important;
            text-overflow:ellipsis !important;
            white-space:nowrap !important;
        }

        .pc8-playlist-nav .pc8-playlist-window-actions {
            position:static !important;
            display:inline-flex !important;
            flex:0 0 auto !important;
            align-items:center !important;
            justify-content:flex-end !important;
            gap:0 !important;
            margin-left:auto !important;
            overflow:hidden !important;
            border:1px solid rgba(0,0,0,.22) !important;
            border-radius:999px !important;
            background: white !important;
            transform:none !important;
			font-weight: 600;
        }

        .pc8-playlist-nav .pc8-playlist-hide,
        .pc8-playlist-nav .pc8-playlist-close {
            appearance:none !important;
            display:inline-flex !important;
            min-height:31px !important;
            align-items:center !important;
            justify-content:center !important;
            margin:0 !important;
            padding:5px 11px !important;
            border:0 !important;
            border-radius:0 !important;
            background:white !important;
            color:#000 !important;
            font:700 13px/1 Arial,sans-serif !important;
            cursor:pointer !important;
            box-shadow:none !important;
        }

        .pc8-playlist-nav .pc8-playlist-close {
            min-width:34px !important;
            padding-right:9px !important;
            padding-left:9px !important;
            border-left:1px solid rgba(0,0,0,.30) !important;
            font-size:19px !important;
        }

        .pc8-playlist-nav .pc8-playlist-hide {
            animation:pc8-hide-glow 3.2s ease-in-out infinite !important;
        }

        @keyframes pc8-hide-glow {
            0%,100% { background:rgba(255,255,255,0); box-shadow:inset 0 0 0 rgba(255,255,255,0); }
            50% { background:rgba(255,255,255,.62); box-shadow:inset 0 0 12px rgba(255,255,255,.72); }
        }

        .pc8-playlist-nav .pc8-playlist-hide:hover,
        .pc8-playlist-nav .pc8-playlist-hide:focus,
        .pc8-playlist-nav .pc8-playlist-close:hover,
        .pc8-playlist-nav .pc8-playlist-close:focus,
		.pc8-playlist-nav .pc8-related-link:hover
		{
            background: #dddbdb!important;
            color:#000 !important;
            outline:none !important;
        }
		
		.pc8-playlist-nav a[aria-label="Anterior"]:hover , .pc8-playlist-nav a[aria-label="Próximo"]:hover {
     background: #dddbdb!important;
            color:#000 !important;
            outline:none !important;
}

        .pc8-playlist-nav .pc8-playlist-actions {
            justify-content:flex-start !important;
            gap:8px !important;
            flex-wrap:nowrap !important;
        }

        .pc8-playlist-nav .pc8-playlist-controls {
            display:inline-flex !important;
            gap:4px !important;
			
        }

        .pc8-playlist-nav .pc8-related-link {
            min-width:0 !important;
            overflow:hidden !important;
            text-overflow:ellipsis !important;
            white-space:nowrap !important;
            color:black !important;
            background:white !important;
            border-radius:10px !important;
            padding:0 6px !important;
            font-weight: 600;
            text-decoration:none !important;
        }

        .pc8-playlist-nav .pc8-playlist-controls a {
            display:inline-flex !important;
            align-items:center !important;
            justify-content:center !important;
            width:auto !important;
			font-size: 20px;
            height:auto !important;
            min-width:0 !important;
            margin:0 !important;
            padding:0 8px 0 6px !important;
            border:0 !important;
            border-radius:10px !important;
            background:white !important;
            color:black !important;
            line-height:1.35 !important;
            text-decoration:none !important;
            box-shadow:none !important;
        }

        .pc8-playlist-compact {
            position:fixed !important;
            z-index:1000000 !important;
            left:12px;
            bottom:12px;
            display:flex !important;
            align-items:center !important;
            gap:4px !important;
            padding: 0px 8px 0px 4px !important;
            border:1px solid rgba(255,255,255,.18) !important;
            border-radius:999px !important;
            background-color: rgba(179, 0, 0, 0.9) !important;
            box-shadow:0 3px 12px rgba(0,0,0,.38) !important;
            user-select:none !important;
            touch-action:none !important;
            cursor:grab !important;
        }

        .pc8-playlist-compact:active {
            cursor:grabbing !important;
        }

        .pc8-playlist-flame {
            appearance:none !important;
            display:flex !important;
            width:38px !important;
            height:38px !important;
            flex:0 0 38px !important;
            align-items:center !important;
            justify-content:center !important;
            margin:0 !important;
            padding:0 !important;
            border:0 !important;
            border-radius:50% !important;
            background:rgba(0,0,0,.38) !important;
            color:black !important;
            font-size:22px !important;
            line-height:1 !important;
            cursor:pointer !important;
            box-shadow:none !important;
            pointer-events:auto !important;
        }

        .pc8-playlist-compact-controls {
            display:flex !important;
            align-items:center !important;
            gap:2px !important;
        }

        .pc8-playlist-compact-controls a {
            display:flex !important;
            width:24px !important;
            height:28px !important;
            align-items:center !important;
            justify-content:center !important;
            border:0 !important;
            border-radius: 80% !important;
            padding: 0px 8px 0px 6px !important;
            background:rgba(255,255,255,.10) !important;
            color:#fff !important;
            font-size:12px !important;
            line-height:1 !important;
            text-decoration:none !important;
            box-shadow:none !important;
        }

        .pc8-playlist-compact-controls a:hover,
        .pc8-playlist-compact-controls a:focus {
            background:rgba(255,255,255,.24) !important;
            color:#fff !important;
        }

        .pc8-playlist-compact[hidden],
        .pc8-playlist-nav[hidden] {
            display:none !important;
        }

        @media (max-width:600px) {
            .pc8-playlist-nav {
                left:0 !important;
                right:auto !important;
                top:0 !important;
                bottom:auto !important;
                width:calc(100vw - 12px) !important;
                max-width:calc(100vw - 12px) !important;
                height:auto !important;
                min-height:0 !important;
                max-height:none !important;
                padding:8px !important;
            }

            .pc8-playlist-nav .pc8-playlist-main {
                gap:5px !important;
            }

            .pc8-playlist-nav .pc8-playlist-title-wrap {
                font-size:15px !important;
            }

            .pc8-playlist-nav .pc8-playlist-window-actions {
                flex:0 0 auto !important;
            }

            .pc8-playlist-nav .pc8-playlist-hide,
            .pc8-playlist-nav .pc8-playlist-close {
                min-height:29px !important;
                padding:4px 8px !important;
                font-size:12px !important;
            }

            .pc8-playlist-nav .pc8-playlist-close {
                min-width:30px !important;
                font-size:18px !important;
            }

            .pc8-playlist-nav .pc8-playlist-actions {
                gap:6px !important;
                font-size:12px !important;
            }
        }
        

/* Estilos relevantes migrados do CSS adicional */
/* ======================================
   PLAYLIST MODE — PAINEL ADMINISTRATIVO
====================================== */

.pc8-admin-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 24px;
}

.pc8-thumb-preview {
    display: flex;
    width: 240px;
    aspect-ratio: 16 / 9;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f0f0f1;
    border: 1px solid #ccd0d4;
}

.pc8-thumb-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pc8-tag-list,
.pc8-playlist-list {
    max-height: 320px;
    padding: 8px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ccd0d4;
}

.pc8-tag-option,
.pc8-playlist-option {
    display: block;
    padding: 6px;
    border-bottom: 1px solid #eee;
}

.pc8-tag-option:last-child,
.pc8-playlist-option:last-child {
    border: 0;
}

/* ======================================
   PÁGINAS E CONTAINERS
====================================== */

.pc8-virtual-page {
    width: 100%;
}

.pc8-page-wrap {
    width: min(1180px, calc(100% - 30px));
    margin: 30px auto;
}

.pc8-page-title {
    margin: 0 0 22px;
}

.pc8-container {
    margin: 0 0 28px;
}

.pc8-container-title {
    margin: 0 0 6px;
}

.pc8-container-links {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
    font-size: 13px;
}

.pc8-playlist-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    width: 100%;
    gap: 10px;
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
}

.pc8-playlist-card {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;

    color: inherit;
    text-align: center;
    text-decoration: none !important;

    border-left: none !important;
}

/* Thumbnail simples */
.pc8-playlist-thumb:not(.pc8-playlist-collage) {
    display: block;
    width: 70%;
    max-width: 250px;
    aspect-ratio: 250 / 170;
    margin: 0 auto 8px;
    overflow: hidden;
    object-fit: cover;
    background: #111;
    border: 1px solid grey;
    border-radius: 8px;
    box-shadow: 1px 1px 4px #000;
}

/* Thumbnail com quatro imagens */
.pc8-playlist-thumb.pc8-playlist-collage {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 2px;

    width: 90%;
    min-width: 0;
    max-width: 310px;
    aspect-ratio: 310 / 170;
    box-sizing: border-box;
    margin: 0 auto 8px;
    overflow: hidden;

    background: #071923;
    border: 1px solid grey;
    border-radius: 8px;
    box-shadow: 1px 1px 4px #000;
}

/* As quatro imagens internas */
.pc8-playlist-thumb.pc8-playlist-collage > img,
.pc8-playlist-thumb.pc8-playlist-collage > .pc8-playlist-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;

    object-fit: cover;

    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.pc8-playlist-placeholder {
    background: #111;
}

.pc8-playlist-title {
    display: inline !important;

    color: #000;
    font-weight: 500;
    text-decoration: none;
    white-space: normal;
}

.pc8-playlist-card:hover .pc8-playlist-title {
    text-decoration: underline;
}

.pc8-playlist-count {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    opacity: .7;
}

.pc8-directory {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.pc8-directory-item {
    display: flex;
    padding: 14px;
    flex-direction: column;

    color: inherit;
    text-decoration: none;

    border: 1px solid rgba(127, 127, 127, .3);
    border-radius: 8px;
}

.pc8-directory-item span {
    margin-top: 5px;
    font-size: 13px;
}

.pc8-empty {
    padding: 20px;
    border: 1px solid rgba(127, 127, 127, .3);
    border-radius: 8px;
}

/* ======================================
   MOBILE — PAINEL ADMINISTRATIVO
====================================== */

@media (max-width: 782px) {

    .pc8-admin-grid {
        grid-template-columns: 1fr;
    }

}

   AJUSTE FINAL — PLAYLISTS SEM ZOOM
   Mantém o .th-letter e preserva o formato dos containers
   ========================================================= */

/* Remove somente zoom/movimento das thumbnails de playlists */
.pp-card-thumb,
.pp-card-thumb *,
.pp-thumb-link,
.pp-thumb-link *,
.pp-playlist-thumb,
.pp-playlist-thumb *,
.pp-card .pc8-playlist-thumb,
.pp-card .pc8-playlist-thumb *,
.pc8-playlist-card .pc8-playlist-thumb,
.pc8-playlist-card .pc8-playlist-thumb * {
    transition-property: none !important;
    transform: none !important;
}

.pp-card-thumb:hover,
.pp-card-thumb:hover *,
.pp-thumb-link:hover,
.pp-thumb-link:hover *,
.pp-playlist-thumb:hover,
.pp-playlist-thumb:hover *,
.pp-card:hover .pc8-playlist-thumb,
.pp-card:hover .pc8-playlist-thumb *,
.pc8-playlist-card:hover .pc8-playlist-thumb,
.pc8-playlist-card:hover .pc8-playlist-thumb * {
    transform: none !important;
}