.customizer-toggle-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9998;background:#3b5fe2;color:#fff;border:none;border-radius:8px 0 0 8px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:-3px 0 12px #0000002e;transition:background .2s,transform .2s}.customizer-toggle-btn:hover{background:#2a4acc}.customizer-toggle-btn i{font-size:1.5rem;transition:transform .5s}.customizer-toggle-btn.is-open i{transform:rotate(90deg)}.customizer-panel{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:#fff;z-index:9997;box-shadow:-4px 0 24px #00000021;transition:right .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.customizer-panel.is-open{right:0}.customizer-header{background:#3b5fe2;color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.customizer-header h5{margin:0;color:#fff;font-size:1.3rem;letter-spacing:.06em}.customizer-header .customizer-close{background:transparent;border:none;color:#fff;font-size:17px;cursor:pointer;line-height:1;padding:0;opacity:.85}.customizer-header .customizer-close:hover{opacity:1}.customizer-body{flex:1;overflow-y:auto;padding:20px 20px 24px}.customizer-section{margin-bottom:22px}.customizer-section .customizer-label{font-size:11px;letter-spacing:.1em;color:#000;margin-bottom:10px;display:block}.customizer-palette{display:flex;flex-wrap:wrap;gap:8px}.customizer-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid rgba(164,162,162,.32);transition:transform .15s,border-color .15s;position:relative}.customizer-swatch:hover{transform:scale(1.15)}.customizer-swatch.active{border-color:#333!important;transform:scale(1.1)}.customizer-swatch.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fffc}.customizer-swatch-custom{width:30px;height:30px;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,red,#ff0,#0f0,#0ff,#00f,#f0f);position:relative;overflow:hidden;transition:transform .15s}.customizer-swatch-custom:hover{transform:scale(1.15)}.customizer-swatch-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;border:none;padding:0}.customizer-divider{border:none;border-top:1px solid #f0f0f0;margin:4px 0 18px}.customizer-save-btn{display:block;width:100%;padding:10px;background:#3b5fe2;color:#fff;border:none;border-radius:6px;cursor:pointer;text-align:center;transition:background .2s}.customizer-save-btn:hover{background:#2a4acc}.customizer-save-btn:disabled{opacity:.7;cursor:not-allowed}.customizer-reset-btn{display:block;width:100%;padding:10px;background:#f5f5f5;color:#555;border:1px solid #ddd;border-radius:6px;cursor:pointer;text-align:center;transition:background .2s,color .2s;margin-top:4px}.customizer-reset-btn:hover{background:#e8e8e8;color:#333}