.p-editor-tools .pet-card{border:1px solid #e5e5e5;border-radius:.5rem;padding:.75rem;background:#fff}
.p-editor-tools .pet-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem; flex-wrap: wrap;}
.p-editor-tools .pet-label{flex:0 0 120px;font-weight:600}
.p-editor-tools .pet-swatches{display:flex;flex-wrap:wrap;gap:.5rem}
.p-editor-tools .pet-swatch{width:24px;height:24px;border-radius:999px;border:1px solid #ccc;background:var(--sw);cursor:pointer}
.p-editor-tools .pet-swatch[aria-pressed="true"]{outline:2px solid #333}
.p-editor-tools .pet-seg{display:flex;flex-wrap: wrap; gap:.25rem}
.p-editor-tools .pet-seg__btn{border:1px solid #ddd;background:#f8f8f8;padding:.25rem .5rem;border-radius:.35rem;cursor:pointer}
.p-editor-tools .pet-seg__btn.is-active{background:#222;color:#fff;border-color:#222}
.p-editor-tools .pet-fonts{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.p-editor-tools .pet-fonts__select{min-width:160px}
.p-editor-tools .pet-bold{display:inline-flex;align-items:center;gap:.35rem}
.p-editor-tools .pet-bold span{font-weight:700}
.p-editor-tools .pet-actions{display:flex;justify-content:flex-end;margin-top:.5rem}
.p-editor-tools .pet-apply{border:1px solid #222;background:#222;color:#fff;border-radius:.4rem;padding:.35rem .75rem;cursor:pointer}