.font-preview-open{display:block!important;margin-top:7px;padding:8px 11px!important;font:inherit;font-size:12px!important;border:1px solid #3c626e!important;border-radius:5px;background:#14232d!important;color:#93e2ec!important;cursor:pointer}
.font-preview-dialog{box-sizing:border-box;width:min(820px,94vw);max-height:90dvh;overflow:auto;padding:22px;background:#101820;color:#e7eef3;border:1px solid #37505d;border-radius:12px;font:14px Arial,sans-serif}.font-preview-dialog::backdrop{background:#000b}.fp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.fp-heading h2{font-size:22px;margin:0}.fp-close{padding:9px 13px;background:#16232e;color:#dce4ec;border:1px solid #30414e;border-radius:5px;cursor:pointer}.fp-note{color:#94aab8;font-size:12px;line-height:1.6}.fp-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.fp-fields label{font-size:12px}.fp-fields input{box-sizing:border-box;width:100%;margin-top:6px;padding:10px;font:inherit;background:#0b1218;color:#e7eef3;border:1px solid #30414e;border-radius:5px}.fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fp-card{display:block;min-width:0;padding:10px;border:1px solid #30414e;border-radius:7px;background:#15212c;color:#dce4ec;text-align:left;cursor:pointer}.fp-card:hover,.fp-card:focus-visible{border-color:#7ce3ed;background:#1b303b;outline:2px solid #7ce3ed;outline-offset:1px}.fp-card[aria-pressed=true]{border-color:#58c5d3}.fp-name{font:12px Arial,sans-serif}.fp-card canvas{display:block;width:100%;height:auto;pointer-events:none}.font-preview-dialog [hidden]{display:none!important}@media(max-width:520px){.font-preview-dialog{padding:16px}.fp-fields,.fp-grid{grid-template-columns:1fr}}

.font-preview-dialog{margin:auto}.fp-card canvas{max-height:155px;object-fit:contain}