:root{--background-start-rgb:255,255,255;--background-end-rgb:255,255,255;--foreground-rgb:0,0,0}[data-bs-theme=dark]{--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--foreground-rgb:255,255,255}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb)))rgb(var(--background-start-rgb));min-height:100vh}.customizer-panel .style-btn{cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;justify-content:center;align-items:center;width:45px;height:45px;transition:all .2s;display:flex}.customizer-panel .style-btn:hover{background:#e9ecef}.customizer-panel .style-btn.active{background-color:#e7f1ff;border-color:#0d6efd;box-shadow:0 0 0 2px #0d6efd40}.customizer-panel .style-preview{background-color:currentColor;width:24px;height:24px}.customizer-panel .logo-btn{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:hidden}.customizer-panel .logo-btn:hover{border-color:#adb5bd}.customizer-panel .logo-btn.active{background-color:#fafff5;border-width:2px;border-color:#0d6efd}.customizer-panel .logo-btn img{object-fit:contain;width:100%;height:100%;padding:5px}