thh-pair-personalizer{display:block;margin:2.2rem 0;padding:2rem;border:1px solid #dfd9d7;border-radius:12px;background:#fcfaf9}
.pair-heading{font-size:1.9rem;margin:0 0 1.6rem;font-weight:600}
.pair-colors{border:0;padding:0;margin:0 0 2rem;min-width:0}
.pair-colors legend{font-size:1.4rem;margin-bottom:1rem}
.pair-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem .8rem}
.pair-color{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer}
.pair-color input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.pair-chip{display:block;width:100%;aspect-ratio:1;border:3px solid #fff;border-radius:50%;background:linear-gradient(90deg,var(--pair-light) 50%,var(--pair-dark) 50%);box-shadow:0 0 0 1px #d8d1cc;max-width:50px}
.pair-color input:checked+.pair-chip{box-shadow:0 0 0 2px #282421}
.pair-color input:focus-visible+.pair-chip{outline:3px solid #2f6b9a;outline-offset:4px}
.pair-color-number{font-size:1.1rem;line-height:1.6;margin-top:.3rem}
.pair-initials{display:grid;grid-template-columns:1fr 24px 1fr;align-items:end;gap:1.2rem}
.pair-initials label,.pair-date{font-size:1.35rem;display:flex;flex-direction:column;gap:.6rem}
.pair-initials input,.pair-date input{width:100%;min-height:48px;border:1px solid #b8aea8;background:white;border-radius:6px;padding:1rem 1.2rem;color:#282421;font-family:inherit;box-sizing:border-box}
.pair-initials input{font-size:2.5rem;text-align:center;text-transform:uppercase}
.pair-date input{font-size:1.6rem;letter-spacing:.04em}
.pair-heart{font-size:2rem;line-height:48px;text-align:center;color:#6a2438}
.pair-help{font-size:1.25rem;line-height:1.6;color:#625953;margin:1rem 0 1.6rem}
.pair-summary{font-size:1.25rem;line-height:1.5;margin:1.6rem 0 0;overflow-wrap:anywhere}
.pair-summary strong{font-weight:600}
.pair-example{padding-top:1.2rem;border-top:1px solid #e5ded8;margin:1.2rem 0 0}
.pair-case-types{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 1.5rem}
.pair-case-types a,.pair-case-types span{padding:.7rem 1.2rem;border:1px solid #d8d1cc;border-radius:6px;font-size:1.3rem;color:inherit;text-decoration:none}
.pair-case-types [aria-current]{border-color:#282421;background:#282421;color:white}
@media(max-width:749px){thh-pair-personalizer{padding:1.5rem}.pair-swatches{gap:.8rem}.pair-initials{gap:.8rem}}