.wpd-customizer{margin:20px 0;padding:0}.wpd-no-custom-toggle{margin-bottom:15px;padding:10px 15px;background:#f8f9fa;border:1px solid #e2e4e7;border-radius:6px}.wpd-no-custom-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.wpd-preview-container{overflow:hidden;background:#fff;box-sizing:border-box}#wpd-preview-canvas{display:block;width:100%;height:auto;cursor:pointer}.wpd-fields-container{display:flex;flex-direction:column;gap:20px}.wpd-layer-field{padding:15px;background:#f8f9fa;border:1px solid #e2e4e7;border-radius:6px}.wpd-field-label{margin:0 0 12px;font-size:15px;font-weight:600;color:#1d2327}.wpd-field-row{margin-bottom:12px}.wpd-field-row:last-child{margin-bottom:0}.wpd-field-row>label{display:block;font-weight:500;margin-bottom:6px;font-size:13px;color:#50575e}.wpd-text-input{width:100%;padding:8px 12px;border:1px solid #8c8f94;border-radius:4px;font-size:14px;box-sizing:border-box}.wpd-text-input:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:none}.wpd-color-swatches{display:flex;flex-wrap:wrap;gap:6px}.wpd-color-swatch{position:relative;display:flex;flex-direction:column;align-items:center;width:40px;border-radius:6px;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;border:2px solid #fff0;padding:2px}.wpd-color-swatch::before{content:'';display:block;width:32px;height:32px;border-radius:4px;background:inherit;border:1px solid rgb(0 0 0 / .1)}.wpd-color-swatch input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.wpd-swatch-name{display:block;font-size:9px;text-align:center;color:#50575e;margin-top:2px;line-height:1.2;max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff0}.wpd-color-swatch.selected{border-color:#2271b1;transform:scale(1.1);box-shadow:0 2px 4px rgb(0 0 0 / .15)}.wpd-color-swatch:hover:not(.selected){transform:scale(1.05)}.wpd-font-select{width:100%;padding:8px 12px;border:1px solid #8c8f94;border-radius:4px;font-size:14px;background:#fff;box-sizing:border-box}.wpd-font-select:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:none}@media (max-width:600px){.wpd-layer-field{padding:12px}.wpd-color-swatch{width:34px}.wpd-color-swatch::before{width:26px;height:26px}}