@layer lab{.pgrid{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:480px;display:grid}.pcard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;padding:14px 14px 12px}.pcard.live{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale)}.pcard .ptag{font:600 11px var(--mono);color:var(--muted);justify-content:center;align-items:center;gap:6px;min-height:28px;margin:0 0 10px;display:flex}.pcard.live .ptag{color:var(--accent-deep)}.pcard svg{width:96px;height:96px;margin:0 auto;display:block}.pcard .pdims{font:600 10.5px var(--mono);color:var(--muted);margin-top:8px}.swatchset{flex-direction:column;gap:2px;display:flex}.pickrow{align-items:center;gap:10px;display:flex}.pickrow label{font:600 12px var(--mono);color:var(--ink-soft);min-width:96px}.pickrow input[type=color]{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:42px;height:30px;padding:0}.pickrow .hex{font:600 11.5px var(--mono);color:var(--muted)}}