.pfi-controls{flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.pfi-meta{color:var(--text-secondary);margin:.6rem 0 0;font-size:.85rem}.pfi-actions{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.pfi-swatches{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;margin-top:.75rem;display:grid}.pfi-swatch{border:1px solid var(--border,#ffffff14);cursor:pointer;text-align:left;outline-offset:2px;background:0 0;border-radius:8px;outline:2px solid #0000;flex-direction:column;padding:0;font-family:inherit;transition:outline-color .15s,transform .1s;display:flex;overflow:hidden}.pfi-swatch:hover{transform:translateY(-1px)}.pfi-swatch:focus-visible{outline-color:var(--primary-color)}.pfi-swatch-color{align-items:flex-end;height:70px;display:flex}.pfi-swatch-label{width:100%;font-size:.85rem;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);background:#0000002e;padding:.4rem .6rem}@media (max-width:480px){.pfi-controls{flex-direction:column;align-items:stretch;gap:.6rem}}