.modal-content iframe {  
        margin: 0 auto;  
        display: block;
    }
    .collection-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    :root{
        --mcbg: #000000;
        --mcpanel: #111114;
        --mcborder: #232327;
        --mcborder2: #3e3e3e;
        --mctext: #ffffff;
        --mcmuted: #9a9aa2;
        --mcpink: #ec2ea6;
        --mcpurple: #7b2ff7;
        --mcpill-bg: #1a1a1e;
    }
    .topbar{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:12px 40px;
        border-bottom:1px solid var(--mcborder);
    }
    .breadcrumb{ font-size:22px; color:var(--mcmuted); margin-top:12px;}
    .breadcrumb .sep{margin:0 6px; color:#555;}
    .breadcrumb .active{
        background: linear-gradient(90deg, var(--mcpink), var(--mcpurple));
        -webkit-background-clip:text;
        background-clip:text;
        color:transparent;
        font-weight:600;
    }
    .top-toggle{
        display:flex;
        gap:8px;
        background:var(--mcpill-bg);
        padding:4px;
        border-radius:5px;
        border:1px solid var(--mcborder2);
    }
    .top-toggle a{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        border:none;
        background:transparent;
        color:var(--mcmuted);
        padding:8px 18px;
        border-radius:5px;
        font-size:14px;
        font-weight:600;
        cursor:pointer;
        transition: all .2s ease;
    }
    .top-toggle a.active.generatedtab{
        background: #3f3f46;
        color:#fff;
    }
    .top-toggle a.active.private{
        background: #3f3f46;
        color:#fff;
    }
    .top-toggle a svg{width:14px;height:14px;}

    .content{
        max-width:1440px;
        margin:0 auto;
        padding:22px 40px 80px;
    }

    .content-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-wrap:wrap;
        gap:16px;
        margin-bottom:22px;
    }
    .content-header h1{
        font-size:20px;
        font-weight:800;
        display:flex;
        align-items:center;
        gap:10px;
        margin-top:5px;
    }
    .content-header h1 .count{
        font-size:15px;
        font-weight:500;
        color:var(--mcmuted);
    }
    .content-header h1 svg{ width:22px; height:22px; }
    .header-sub{
        font-size:14px;
        color:var(--mcmuted);
        margin-top:4px;
    }
    .generate-btn{
        display:flex;
        align-items:center;
        gap:8px;
        border:none;
        padding:08px 18px;
        border-radius:999px;
        background: #e91e8c;
        color:#fff;
        font-weight:700;
        font-size:14px;
        cursor:pointer;
        box-shadow: 0 8px 24px rgba(236,46,166,0.25);
        transition: transform .15s ease, box-shadow .15s ease;
    }
    .generate-btn:hover{
        transform: translateY(-1px);
        box-shadow: 0 10px 28px rgba(236,46,166,0.35);
    }

    .filter-row{
        display:flex;
        gap:10px;
        margin-bottom:26px;
        flex-wrap:wrap;
    }
    .filter-row button{
        padding:8px 20px;
        border-radius:999px;
        border:1px solid var(--mcborder);
        background:var(--mcpill-bg);
        color:var(--mcmuted);
        font-size:14px;
        cursor:pointer;
        transition: all .2s ease;
    }
    .filter-row button.active{
        border-color:var(--mcpink);
        color:#fff;
        background: rgba(236,46,166,0.1);
    }
    .gallery-card .gallery-image-container{
        cursor:pointer;
    }
    /* ---------- Private content UI ---------- */
    .private-banner{
        display:flex;
        align-items:center;
        gap:14px;
        background: #e91e8c;
        border:1px solid #2b2430;
        border-radius:16px;
        padding:18px 22px;
        margin-bottom:26px;
    }
    .unlock-card{height: 380px;}

    .no-results{
        text-align:center;
        color:var(--mcmuted);
        font-size:14px;
        padding:60px 20px;
    }
    .token-btn{
        padding:2px 5px;
        font-size:13px;
    }
    .token-btn:hover{
        background:#e91e8c;
    }
    @media (max-width: 1200px) {
        .unlock-card{height: 320px;}
    }
    @media (max-width: 767px) {
        .unlock-card{height: 260px;}
        .topbar {
            justify-content: start;
            align-items: start;
            flex-direction: column;
            padding:12px 20px;
        }
        .breadcrumb{
            font-size:20px;
        }
        .content{
            padding:22px 20px 80px;
        }
        .top-toggle {
            width: 100% !important;
            padding:2px;
        }
        a.generatedtab {
            width: 50% !important;
            /* font-size: 20px; */
            padding:6px 16px
        }
        a.private {
            width: 50% !important;
            /* font-size: 20px; */
            padding:6px 16px
        }
        .content-header h1{
            font-size:18px;
            font-weight:600;
        }
        .generate-btn{
            padding: 08px 14px;
        }
        .mw-100{width: 100% !important;}
        .mmb-2{margin-bottom:.5rem !important;}
        .mobile-collection-header {
            justify-content: start;
            align-items: start;
            flex-direction: column;
        }
    }