.fontish-visual-pairing-preview{--fvpp-purple:#5b45d6;--fvpp-ink:#21183d;box-sizing:border-box;margin:30px 0;overflow:hidden;border:1px solid #ded9ef;border-radius:14px;background:#fff;color:var(--fvpp-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.fontish-visual-pairing-preview *{box-sizing:border-box}.fontish-visual-pairing-preview__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 17px;border-bottom:1px solid #e3def0;background:#f7f5fb}.fontish-visual-pairing-preview__top>span{color:var(--fvpp-purple);font-size:10px;font-weight:850;letter-spacing:.085em}.fontish-visual-pairing-preview__top strong{color:#625c6c;font-size:12px}.fontish-visual-pairing-preview__top i{color:var(--fvpp-ink);font-style:normal}.fontish-visual-pairing-preview__controls{display:grid;grid-template-columns:1.15fr 1.15fr .9fr .65fr .8fr auto;gap:12px;align-items:end;padding:13px 16px;border-bottom:1px solid #e3def0;background:#fff}.fontish-visual-pairing-preview.is-single-font .fontish-visual-pairing-preview__controls{grid-template-columns:1.4fr .9fr .65fr .8fr auto}.fontish-visual-pairing-preview__controls label{display:grid;gap:5px;color:#6c6575;font-size:10px;font-weight:800;text-transform:uppercase}.fontish-visual-pairing-preview__controls select,.fontish-visual-pairing-preview__controls input{width:100%;min-width:0}.fontish-visual-pairing-preview__controls select{height:35px;border:1px solid #d9d4e6;border-radius:7px;background:#fff;color:var(--fvpp-ink);font-size:12px;padding:0 7px}.fontish-visual-pairing-preview__controls input{accent-color:var(--fvpp-purple)}.fontish-visual-pairing-preview__controls output{color:var(--fvpp-purple);font-size:10px}.fontish-visual-pairing-preview__controls button,.fontish-visual-pairing-preview__copy{height:35px;border:1px solid #d9d4e6;border-radius:7px;background:#f8f6ff;color:var(--fvpp-purple);cursor:pointer;font-size:11px;font-weight:800;padding:0 12px}.fontish-visual-pairing-preview__controls button:focus-visible,.fontish-visual-pairing-preview__controls select:focus-visible,.fontish-visual-pairing-preview__controls input:focus-visible,.fontish-visual-pairing-preview__copy:focus-visible{outline:3px solid #9eb8ff;outline-offset:2px}.fontish-visual-pairing-preview__canvas{padding:clamp(28px,6vw,56px);background:#faf9ff}.fontish-visual-pairing-preview__canvas>small{display:block;margin-bottom:19px;color:#827b8b;font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.fontish-visual-pairing-preview__headline{max-width:680px;color:var(--fvpp-ink);font-family:var(--fvpp-headline-font),"Playfair Display",Georgia,serif;font-size:var(--fvpp-headline-size);font-weight:var(--fvpp-headline-weight);letter-spacing:-.035em;line-height:var(--fvpp-headline-line-height,1.08);outline:none}.fontish-visual-pairing-preview__subheading{margin-top:15px;color:var(--fvpp-purple);font-family:var(--fvpp-headline-font),"Playfair Display",Georgia,serif;font-size:24px;font-weight:600;line-height:1.3;outline:none}.fontish-visual-pairing-preview__canvas>p{max-width:620px;margin:18px 0;color:#504a59;font-family:var(--fvpp-body-font),Inter,sans-serif;font-size:var(--fvpp-body-size);line-height:1.7;outline:none}.fontish-visual-pairing-preview__canvas [contenteditable=true]:focus{border-radius:4px;box-shadow:0 0 0 3px rgba(91,69,214,.16)}.fontish-visual-pairing-preview__button{display:inline-flex;border-radius:8px;background:var(--fvpp-purple);color:#fff;font-family:var(--fvpp-body-font),Inter,sans-serif;font-size:13px;font-weight:800;padding:11px 17px}.fontish-visual-pairing-preview__specimen{display:grid;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid #e3def0}.fontish-visual-pairing-preview__specimen>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;align-items:baseline}.fontish-visual-pairing-preview__specimen span{color:#827b8b;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.fontish-visual-pairing-preview__specimen p{min-width:0;margin:0;color:var(--fvpp-ink);font-family:var(--fvpp-headline-font),Georgia,serif;font-size:clamp(17px,2.2vw,22px);font-weight:var(--fvpp-headline-weight);line-height:1.45;overflow-wrap:anywhere}.fontish-visual-pairing-preview__copy{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;background:#fff}.fontish-visual-pairing-preview__copy:hover{background:#f1efff}@media(max-width:900px){.fontish-visual-pairing-preview__controls,.fontish-visual-pairing-preview.is-single-font .fontish-visual-pairing-preview__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.fontish-visual-pairing-preview__controls button{width:max-content}}@media(max-width:520px){.fontish-visual-pairing-preview__top{align-items:flex-start;flex-direction:column}.fontish-visual-pairing-preview__controls,.fontish-visual-pairing-preview.is-single-font .fontish-visual-pairing-preview__controls{grid-template-columns:1fr}.fontish-visual-pairing-preview__headline{font-size:min(var(--fvpp-headline-size),42px)}.fontish-visual-pairing-preview__subheading{font-size:21px}.fontish-visual-pairing-preview__specimen>div{grid-template-columns:1fr;gap:5px}}