/* GraphicBidu Phase 2B — Growth, campaign, thumbnail, and admin-control polish */
.gb-popup-campaign--text-only .gb-popup-campaign__dialog {
    width: min(100%, 560px);
    grid-template-columns: minmax(0, 1fr);
}

.gb-popup-campaign--text-only .gb-popup-campaign__content {
    padding: clamp(1.6rem, 4vw, 2.5rem);
}

.gb-popup-campaign__fineprint {
    margin: 0;
    font-size: 0.8rem;
    color: rgba(71, 85, 105, 0.9);
}

[data-theme="dark"] .gb-popup-campaign__fineprint { color: rgba(203, 213, 225, 0.76); }

.gb-phase2b-thumbnail-card {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: clamp(1rem, 3vw, 2rem);
    align-items: center;
}

.gb-phase2b-thumbnail-rules {
    display: grid;
    gap: 0.55rem;
    margin: 1rem 0;
    padding-left: 1.15rem;
    color: var(--text-muted, #64748b);
}

.gb-phase2b-thumbnail-remove-form { margin-top: 0.75rem; }

.gb-phase2b-thumbnail-preview {
    display: grid;
    gap: 0.85rem;
    align-content: start;
}

.gb-phase2b-thumbnail-preview img {
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 1rem;
    object-fit: cover;
    background: #e2e8f0;
}

.gb-phase2b-popup-presets,
.gb-phase2b-popup-preview,
.gb-phase2b-seo-card {
    border: 1px solid rgba(15, 23, 42, 0.11);
    border-radius: 1rem;
    background: rgba(248, 250, 252, 0.78);
    padding: 1rem;
}

.gb-phase2b-popup-preset-actions,
.gb-phase2b-seo-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.85rem;
}

.gb-phase2b-popup-preview {
    display: grid;
    gap: 0.55rem;
    background: linear-gradient(135deg, #111827, #1e293b);
    color: #fff;
}

.gb-phase2b-popup-preview .panel-label,
.gb-phase2b-popup-preview p { color: rgba(226, 232, 240, 0.85); }
.gb-phase2b-popup-preview strong { font-size: 1.2rem; }
.gb-phase2b-popup-preview .button { justify-self: start; pointer-events: none; }

[data-theme="dark"] .gb-phase2b-popup-presets,
[data-theme="dark"] .gb-phase2b-seo-card {
    background: rgba(15, 23, 42, 0.62);
    border-color: rgba(148, 163, 184, 0.2);
}

@media (max-width: 760px) {
    .gb-phase2b-thumbnail-card { grid-template-columns: minmax(0, 1fr); }
    .gb-phase2b-popup-preset-actions .button,
    .gb-phase2b-seo-links .button { width: 100%; }
}