@layer components{.pr-choice{border:1px solid var(--ma-line-strong,var(--ma-line));border-radius:var(--ma-radius-control,4px);background:var(--ma-paper-raised);min-width:0;min-height:76px;color:var(--ma-ink-soft);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;display:flex}.pr-choice--compact{min-height:64px}.pr-choice:hover{border-color:var(--ma-ink)}.pr-choice[aria-pressed=true]{border-color:var(--ma-ink);box-shadow:inset 0 0 0 2px var(--ma-ink);color:var(--ma-ink)}.pr-choice:focus-visible,.pr-swatch:focus-visible{outline:2px solid var(--ma-blue-ink);outline-offset:2px}.pr-choice__label{font-size:.8125rem;font-weight:600;line-height:1.15}.pr-choice__hint{color:var(--ma-ink-muted);font-size:.6875rem;line-height:1.2}.pr-swatch{border:1px solid var(--ma-line-strong,var(--ma-line));background:var(--sw);width:40px;height:40px;box-shadow:inset 0 0 0 3px var(--ma-paper-raised);cursor:pointer;border-radius:999px}.pr-swatch[aria-pressed=true]{border:2px solid var(--ma-ink)}.pr-frames{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.pr-frame{border:1px solid var(--ma-line-strong,var(--ma-line));border-radius:var(--ma-radius-control,4px);background:var(--ma-paper-raised);text-align:left;cursor:pointer;flex-direction:column;gap:4px;min-width:0;padding:6px;display:flex}.pr-frame[aria-pressed=true]{border-color:var(--ma-ink);box-shadow:inset 0 0 0 2px var(--ma-ink)}.pr-frame__art{background:var(--ma-wall,#ece8e1);place-items:center;height:112px;display:grid}.pr-frame__name{font-size:.8125rem;font-weight:600;line-height:1.2}.pr-frame__price{color:var(--ma-ink-muted);font-size:.6875rem}}
