/* Preview only visible font rows, with two concurrent loads; selected fonts also load in the card. */
#editorToolbar #toolFont[hidden]{display:none!important}
#editorToolbar .jk-font-trigger{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;height:36px;min-width:0;padding:6px 8px;border:1px solid #475569;border-radius:9px;background:#1e293b;color:#f1f5f9;font:12px system-ui;cursor:pointer}
.jk-font-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jk-font-trigger svg{flex-shrink:0}
#jkFontDialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:0;width:min(440px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(680px,calc(100dvh - 32px));border:1px solid #44526a;border-radius:18px;background:#111c2e;color:#f1f5f9;box-shadow:0 24px 80px #0008;font:14px/1.4 system-ui;text-align:left;overflow:hidden}
#jkFontDialog[open]{display:flex;flex-direction:column}#jkFontDialog::backdrop{background:#02061788}
#jkFontDialog .jk-font-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 18px 12px;gap:12px;flex-shrink:0}
#jkFontDialog h2{font-size:19px;line-height:1.3;margin:0;font-weight:700;color:#f8fafc}
#jkFontDialog .jk-font-heading p{font-size:12px;margin:4px 0 0;color:#aebcd1}
#jkFontDialog .jk-font-close{width:36px;height:36px;min-height:36px;padding:0;background:#263449;border:0;border-radius:50%;color:#e2e8f0;font-size:24px;cursor:pointer;flex-shrink:0}
#jkFontDialog .jk-font-search{display:block;margin:0 18px;color:#cbd5e1;font-size:12px;flex-shrink:0}
#jkFontDialog .jk-font-search>span{display:block;margin-bottom:6px}
#jkFontDialog .jk-font-search input{box-sizing:border-box;display:block;width:100%;padding:11px 12px;height:44px;min-width:0;background:#1d2a40;color:#f8fafc;border:1px solid #52627b;border-radius:10px;font:16px system-ui}
#jkFontDialog .jk-font-status{margin:10px 18px;color:#aebcd1;min-height:18px;font-size:12px;flex-shrink:0}
#jkFontDialog .jk-font-list{overflow-y:auto;overscroll-behavior:contain;min-height:44px;padding:0 10px 10px;flex:1 1 auto;scrollbar-width:thin;scrollbar-color:#52627b transparent}
#jkFontDialog .jk-font-option{display:block;text-align:left;box-sizing:border-box;width:100%;min-height:44px;padding:11px 12px;margin:0 0 3px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e2e8f0;font:14px/1.4 system-ui;cursor:pointer;overflow-wrap:anywhere}
#jkFontDialog .jk-font-sample{display:block;min-width:0;font-size:24px;font-weight:400;font-style:normal;line-height:1.65;overflow-wrap:anywhere}
#jkFontDialog .jk-font-caption{display:block;margin-top:2px;color:#aebcd1;font:11px/1.4 system-ui;overflow-wrap:anywhere}
#jkFontDialog .jk-font-option[data-preview=loading] .jk-font-sample{opacity:.55}
#jkFontDialog .jk-font-option[data-preview=error] .jk-font-caption{color:#e3bd83}
#jkFontDialog .jk-font-option:hover{background:#223148}#jkFontDialog .jk-font-option[aria-pressed=true]{border-color:#eab308;background:#3a3217;color:#fef08a}
#jkFontDialog button:focus-visible,#jkFontTrigger:focus-visible{outline:2px solid #facc15;outline-offset:2px}
#jkFontDialog button:disabled{opacity:.4;cursor:wait}
#jkFontDialog .jk-font-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #334155;padding:10px 18px;flex-shrink:0}
#jkFontDialog .jk-font-pagination button{width:44px;min-height:40px;border:1px solid #475569;border-radius:9px;background:#223148;color:#e2e8f0;font:19px system-ui;cursor:pointer}
#jkFontDialog .jk-font-pagination span,#jkFontDialog .jk-font-empty{font-size:13px;color:#aebcd1}#jkFontDialog .jk-font-empty{padding:20px 12px}
@media(max-width:999px){#editorToolbar .jk-font-trigger{height:40px}#jkFontDialog{max-height:calc(var(--jk-viewport-height,100dvh) - 24px);top:12px;bottom:auto;margin:0 auto;width:min(440px,calc(100vw - 24px));}#jkFontDialog .jk-font-option{min-height:46px}}