.plate-preview{--plate-frame:#202125;--plate-accent:#ed1c24;margin:24px 0;padding:24px;background:#c3e59c;color:#172026;border:1px solid #8fb366;border-radius:16px}.plate-preview h2{font-size:24px;margin:0 0 12px}.plate-preview p{line-height:1.6;font-size:14px}.plate-preview-drawing{display:block;width:100%;height:auto;margin:24px 0}.plate-preview-status{margin-bottom:0}.plate-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}.plate-swatch{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid #66884a;border-radius:8px;background:#daf2be;color:#172026;font:inherit;font-size:14px;cursor:pointer}.plate-swatch:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--swatch-colour);border:1px solid #888}.plate-swatch[aria-pressed="true"]{outline:2px solid #6042a3;outline-offset:2px}.plate-swatch:focus-visible{outline:3px solid #6042a3;outline-offset:4px}