.fontish-quick-preview{box-sizing:border-box;min-width:0;max-width:100%;margin:18px 0;padding:18px;border:1px solid #ded9ef;border-radius:12px;background:#fff;color:#202235;font-family:Inter,system-ui,sans-serif;text-align:left}
.fontish-quick-preview *{box-sizing:border-box}
.fontish-quick-preview .fqp-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px}
.fontish-quick-preview .fqp-name{color:#5b45d6;font:700 21px/1.3 Inter,system-ui,sans-serif;overflow-wrap:anywhere}
.fontish-quick-preview .fqp-badge{flex-shrink:0;max-width:55%;border-radius:20px;padding:5px 12px;background:#f4f2f9;color:#494455;font:400 13px/1.4 Inter,system-ui,sans-serif;overflow-wrap:anywhere}
.fontish-quick-preview .fqp-hint{display:block;margin:0 0 8px;color:#686479;font:400 14px/1.5 Inter,system-ui,sans-serif}
.fontish-quick-preview .fqp-sample{display:block;width:100%;min-width:0;max-width:100%;min-height:0;margin:0;padding:2px 0;border:0;border-radius:3px;background:transparent;box-shadow:none;color:#171929;font-family:var(--fqp-font);font-size:var(--fqp-size,40px);font-weight:var(--fqp-weight,400);font-style:normal;line-height:var(--fqp-line,1.35);letter-spacing:normal;text-transform:none;font-synthesis:none;font-optical-sizing:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;resize:none;overflow:hidden;appearance:none}
.fontish-quick-preview .fqp-characters{margin:10px 0 0;color:#555066;font-family:var(--fqp-font);font-size:20px;font-weight:var(--fqp-weight,400);line-height:1.5;overflow-wrap:anywhere;font-synthesis:none}
.fontish-quick-preview .fqp-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:14px;padding-top:12px;border-top:1px solid #e5e0ef}
.fontish-quick-preview .fqp-controls label{display:flex;align-items:center;gap:10px;margin:0;color:#494455;font:400 14px/1.4 Inter,system-ui,sans-serif;text-transform:none;letter-spacing:normal}
.fontish-quick-preview .fqp-size{flex:1 1 230px}
.fontish-quick-preview .fqp-size input{flex:1;width:100%;min-width:50px;max-width:180px;height:32px;margin:0;padding:0;accent-color:#285bff;cursor:pointer}
.fontish-quick-preview .fqp-size output{min-width:42px;white-space:nowrap;color:#686479;font:400 13px/1.4 Inter,system-ui,sans-serif}
.fontish-quick-preview .fqp-weight{flex:1 1 200px}
.fontish-quick-preview .fqp-weight select{flex:1;min-width:0;max-width:190px;min-height:44px;padding:8px 26px 8px 10px;border:1px solid #d9d3e8;border-radius:7px;background-color:#fff;color:#252039;font:400 14px/1.4 Inter,system-ui,sans-serif}
.fontish-quick-preview .fqp-reset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:0;padding:8px;border:0;border-radius:6px;background:transparent;color:#285bff;font:400 14px/1.4 Inter,system-ui,sans-serif;text-transform:none;cursor:pointer;box-shadow:none}
.fontish-quick-preview .fqp-reset:hover{background:#f4f2ff}
.fontish-quick-preview :is(textarea,input,select,button):focus-visible{outline:2px solid #285bff;outline-offset:4px}
.fontish-quick-preview .fqp-note,.fontish-quick-preview .fqp-status{margin:12px 0 0;color:#686479;font:400 12px/1.5 Inter,system-ui,sans-serif}
.fontish-quick-preview [hidden]{display:none!important}
@media(max-width:520px){.fontish-quick-preview{padding:16px}.fontish-quick-preview .fqp-top{margin-bottom:12px}.fontish-quick-preview .fqp-size{flex-basis:100%}.fontish-quick-preview .fqp-size input{max-width:none}.fontish-quick-preview .fqp-weight{flex-basis:160px}.fontish-quick-preview .fqp-weight select{font-size:16px}.fontish-quick-preview .fqp-badge{font-size:12px}}

/* v1.3.11: one specimen block supports headline and reading passage layouts. */
.fontish-quick-preview.fqp-reading-mode .fqp-sample{max-width:min(100%,var(--fqp-reading-width,65ch));}
.fontish-quick-preview.fqp-reading-mode .fqp-characters{display:none;}
.fontish-quick-preview.fqp-reading-mode .fqp-sample.fqp-static{white-space:pre-wrap;}

.fqp-download{display:inline-flex;align-items:center;margin:10px 0 2px;padding:8px 13px;border:1px solid #d9d4e6;border-radius:7px;text-decoration:none;color:#5b45d6;font-size:13px;font-weight:650}
.fqp-download:hover{background:#f5f2ff}