.fdpb-brandkit{margin:8px 0}.fdpb-brandkit-title{font-size:12px;font-weight:600;color:#475569;margin-bottom:6px}.fdpb-brandkit-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:8px}.fdpb-brandkit-empty{font-size:11px;color:#94a3b8;font-style:italic}.fdpb-brandkit-swatch{position:relative;width:26px;height:26px;border-radius:5px;border:1px solid rgba(0,0,0,.15);cursor:pointer;transition:transform .12s}.fdpb-brandkit-swatch:hover{transform:scale(1.1)}.fdpb-brandkit-del{position:absolute;top:-6px;right:-6px;width:15px;height:15px;line-height:13px;text-align:center;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:11px;cursor:pointer;display:none;padding:0}.fdpb-brandkit-swatch:hover .fdpb-brandkit-del{display:block}.fdpb-brandkit-add{display:flex;align-items:center;gap:6px}.fdpb-brandkit-input{width:32px;height:28px;padding:0;border:1px solid #e2e8f0;border-radius:5px;background:none;cursor:pointer}.fdpb-brandkit-add-btn{flex:1;padding:6px 8px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;color:#334155;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.fdpb-brandkit-add-btn:hover{background:#f1f5f9;border-color:#cbd5e1}