/* ═══════════════════════════════════════════════════════
   preview.css  —  inline theme preview container only
   Theme styles come from the shared theme-*.css files.
   ═══════════════════════════════════════════════════════ */

/* ── preview container (checkerboard = OBS transparency) ── */
.preview-box {
    border-radius: 4px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    background-color: #0d0d1a;
    background-image:
        linear-gradient(45deg, #161828 25%, transparent 25%),
        linear-gradient(-45deg, #161828 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #161828 75%),
        linear-gradient(-45deg, transparent 75%, #161828 75%);
    background-size: 16px 16px;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
}

/* ── glass: fake "game content" behind the frosted panes ── */
/* backdrop-filter has nothing to blur on a flat dark bg;
   a colourful gradient simulates the game scene underneath */
.preview-box.theme-glass {
    background-color: #0d0d1a;
    background-image:
        radial-gradient(ellipse 80% 60% at 20% 40%, rgba(99,102,241,0.35) 0%, transparent 70%),
        radial-gradient(ellipse 60% 50% at 75% 25%, rgba(245,197,66,0.20) 0%, transparent 65%),
        radial-gradient(ellipse 50% 60% at 60% 80%, rgba(74,222,128,0.18) 0%, transparent 60%),
        radial-gradient(ellipse 40% 40% at 10% 85%, rgba(248,113,113,0.15) 0%, transparent 55%);
    background-size: auto;
    background-position: 0 0;
}