.pfg-styletabs{display:flex;gap:8px;justify-content:center;margin-bottom:14px;flex-wrap:wrap}
.pfg-tab{background:#fff;border:2px solid #ece9e2;border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;color:#6b7280}
.pfg-tab.on{background:#12b886;border-color:#12b886;color:#fff}
.pfg-main{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;text-align:left;align-items:flex-start}
.pfg-stage{background:#f59e0b;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}
.pfg-preview{width:280px;height:280px;background:#fff;border-radius:6px;overflow:hidden}
.pfg-preview svg{width:100%;height:100%;display:block}
.pfg-savebar{display:flex;flex-direction:column;gap:6px;align-items:center}
.pfg-save{background:linear-gradient(180deg,#3ecf8e,#189a63);color:#fff;border:3px solid #0e7a4d;border-radius:14px;padding:12px 0;width:100%;font-size:1.5rem;font-weight:700;letter-spacing:2px;cursor:pointer;font-family:inherit;text-shadow:0 2px 0 rgba(0,0,0,.2)}
.pfg-sizenote{background:#fff;border-radius:10px;padding:6px 10px;font-size:.72rem;color:#333;text-align:center}
.pfg-sizes{display:flex;gap:6px}
.pfg-dl,.pfg-rand{flex:1;background:#fff;border:2px solid #0e7a4d;color:#0e7a4d;border-radius:10px;padding:8px 2px;cursor:pointer;font-size:.8rem;font-weight:600;font-family:inherit}
.pfg-dl:hover,.pfg-rand:hover{background:#e8fff5}
.pfg-panel{background:#189a63;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:11px;flex:1;min-width:290px;max-width:360px}
.pfg-panelrow{display:flex;flex-direction:column;gap:5px}
.pfg-gt{font-size:.95rem;color:#fff;font-weight:600}
.pfg-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.pfg-sw{aspect-ratio:1;border-radius:6px;cursor:pointer;border:2px solid rgba(0,0,0,.15);background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,0) 45%),var(--c)}
.pfg-sw.on{border-color:#fff;box-shadow:0 0 0 2px #fff6f2,0 0 8px rgba(255,255,255,.5)}
.pfg-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-height:190px;overflow-y:auto;padding:3px;background:rgba(0,0,0,.08);border-radius:8px}
.pfg-th{background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;padding:1px;line-height:0}
.pfg-th:hover{border-color:#ffd166}
.pfg-th.on{border-color:#fff;box-shadow:0 0 0 2px #ffd166}
.pfg-th svg{width:100%;height:auto;border-radius:5px}
.pfg-th .none-lbl{display:block;padding:16px 2px;font-size:.68rem;color:#666;text-align:center;line-height:1.2}
.pfg-chips{display:flex;flex-wrap:wrap;gap:5px}
.pfg-chip{background:rgba(255,255,255,.92);border:2px solid rgba(0,0,0,.12);border-radius:8px;padding:4px 9px;font-size:.75rem;cursor:pointer;font-family:inherit;color:#222}
.pfg-chip.on{background:#fff6f2;border-color:#fff;box-shadow:0 0 0 2px #fff;font-weight:600}
.pfg-share{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:580px}
.pfg-share-btn{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;text-decoration:none;transition:transform .15s;font-size:1.3rem}
.pfg-share-btn:hover{transform:scale(1.1)}
.pfg-share-btn svg{width:55%;height:55%;fill:#fff}
.pfg-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.pfg-gallery .pfg-cell{background:#fff;border:1px solid #ece9e2;border-radius:10px;cursor:pointer;overflow:hidden;aspect-ratio:1}
.pfg-gallery svg{width:100%;height:100%;display:block}
@media(max-width:560px){
  .pfg-gallery{grid-template-columns:repeat(3,1fr)}
  .pfg-share{grid-template-columns:repeat(4,1fr)}
}