.tester-notice{background:var(--color-accent-soft);border-inline-start:4px solid var(--color-accent);color:var(--color-brand);margin:1rem 0;padding:.8rem 1rem}.tester-notice.warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning)}.tester-notice.tester-error{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger)}.tester-progress{align-items:center;background:var(--color-accent-soft);border-inline-start:4px solid var(--color-accent);display:flex;gap:.85rem;margin-top:1.25rem;padding:1rem}.tester-spinner{animation:tester-spin .8s linear infinite;border:3px solid var(--tool-line);border-radius:50%;border-top-color:var(--color-brand);height:24px;width:24px}@keyframes tester-spin{to{transform:rotate(360deg)}}.tester-results{border-top:1px solid var(--tool-line);margin-top:2.2rem;padding-top:1.75rem;scroll-margin-top:1rem}.tester-summary{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:1rem 0}.tester-summary>div{background:var(--color-surface);border:1px solid var(--color-border);padding:.85rem;text-align:center}.tester-summary strong{color:var(--color-brand);display:block;font-size:1.35rem}.tester-summary span{color:var(--tool-muted);font-size:.78rem}.tester-character-analysis{border:1px solid var(--color-border);margin:1rem 0}.tester-character-analysis summary{cursor:pointer;font-weight:800;padding:.7rem .9rem}.tester-character-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 .9rem .9rem}.tester-character-chip{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);display:inline-flex;gap:.35rem;min-height:32px;padding:.2rem .45rem}.tester-character-chip b{font-size:1.05rem}.tester-character-chip small{color:var(--color-text-muted);font-size:.65rem}.tester-character-chip.is-combining{border-style:dashed}.tester-tabs{border-bottom:1px solid var(--color-control-border);display:flex;gap:.2rem;margin:1.35rem 0 1rem}.tester-tabs button{background:var(--color-surface-muted);border:1px solid var(--color-border);border-bottom:0;color:var(--color-text-muted);cursor:pointer;display:flex;gap:.6rem;margin-bottom:-1px;min-height:44px;padding:.65rem 1rem}.tester-tabs button.is-active{background:#fff;border-color:var(--color-accent);color:var(--color-brand);font-weight:800}.tester-tabs b{background:var(--color-accent-soft);border-radius:var(--radius-panel);font-size:.7rem;padding:.15rem .45rem}.tester-panel-note{color:var(--tool-muted)}.tester-result-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tester-font-card{background:#fff;border:1px solid var(--color-border);box-shadow:0 2px 8px rgba(0,41,87,.06);min-width:0;padding:1rem}.tester-font-card>header{align-items:center;display:flex;gap:.7rem;justify-content:space-between}.tester-font-card>header a{color:var(--color-brand);font-size:1.08rem;font-weight:800;overflow-wrap:anywhere;text-decoration:none}.tester-font-card>header span{border-radius:var(--radius-panel);flex:none;font-size:.68rem;font-weight:800;padding:.28rem .55rem;text-transform:uppercase}.tester-font-card>header .is-exact{background:var(--color-success-soft);color:var(--color-success)}.tester-font-card>header .is-near{background:var(--color-warning-soft);color:var(--color-warning)}.tester-card-preview{align-items:center;background:var(--color-surface);border-block:1px solid var(--color-border);display:flex;justify-content:center;margin:.85rem -1rem;min-height:124px;overflow:auto;padding:.35rem 1rem}.tester-card-preview img{display:block;height:auto;max-height:110px;max-width:100%;object-fit:contain;width:auto}.tester-card-preview img.is-loading{opacity:.35}.tester-preview-error{color:var(--color-danger);font-size:.8rem}.tester-card-meta{color:var(--tool-muted);display:flex;flex-wrap:wrap;font-size:.72rem;gap:.4rem}.tester-card-meta span{background:var(--color-surface-muted);padding:.25rem .42rem}.tester-missing{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.tester-missing>strong{color:var(--color-warning);font-size:.75rem}.tester-missing .tester-character-chip{min-height:26px}.tester-missing .tester-character-chip small{display:none}.tester-card-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.tester-card-actions .tester-primary,.tester-card-actions .tester-secondary{align-items:center;font-size:.75rem;min-height:36px;padding:.4rem .65rem}.tester-fallback-results{background:var(--color-accent-soft);border-inline-start:3px solid var(--color-accent);margin-top:1rem;padding:.75rem}.tester-fallback-list{display:grid;gap:.35rem;margin-top:.55rem}.tester-fallback-list>div{align-items:center;background:#fff;border:1px solid var(--color-border);display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto auto;padding:.45rem}.tester-fallback-list a{color:var(--color-brand);font-weight:800}.tester-fallback-list span{color:var(--color-text-muted);font-size:.7rem}.tester-fallback-list button{background:#fff;border:1px solid var(--color-control-border);color:var(--color-brand);cursor:pointer;padding:.3rem .5rem}.tester-empty{background:var(--color-surface);border:1px dashed var(--color-control-border);color:var(--color-text-muted);padding:2rem;text-align:center}.tester-pagination{align-items:center;display:flex;gap:.8rem;justify-content:center;margin-top:1.25rem}.tester-pagination button:disabled{cursor:not-allowed;opacity:.45}.tester-compare{align-items:center;background:var(--color-brand);bottom:0;box-shadow:0 -4px 18px rgba(0,0,0,.25);box-sizing:border-box;color:#fff;display:grid;gap:.8rem;grid-template-columns:auto minmax(0,1fr) auto;inset-inline:0;padding:.7rem max(1rem,calc((100vw - 1320px)/2));position:fixed;z-index:20}.tester-compare>div:first-child{display:flex;flex-direction:column}.tester-compare>div:first-child span{color:var(--color-border);font-size:.72rem}.tester-compare-items{display:flex;gap:.4rem;overflow:auto}.tester-compare-items button{background:var(--color-brand);border:1px solid var(--color-control-border);color:#fff;cursor:pointer;white-space:nowrap}.tester-compare-actions{display:flex;gap:.4rem}.tester-compare .tester-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-brand)}.tester-compare .tester-secondary{background:transparent;border-color:var(--color-control-border);color:#fff}.tester-compare-dialog{border:0;box-shadow:0 10px 50px rgba(0,0,0,.35);box-sizing:border-box;max-height:90vh;max-width:1200px;padding:1.4rem;width:calc(100% - 2rem)}.tester-compare-dialog::backdrop{background:rgba(0,23,42,.72)}.tester-dialog-close{background:transparent;border:0;cursor:pointer;font-size:2rem;inset-inline-end:.7rem;position:absolute;top:.4rem}.tester-compare-controls{margin:1rem 0}.tester-compare-controls label{align-items:center;display:flex;gap:.6rem}.tester-compare-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.tester-compare-grid article{border:1px solid var(--color-border);padding:.75rem}.tester-compare-grid h3{margin:0}.tester-compare-grid h3 a{color:var(--color-brand)}.tester-compare-preview{align-items:center;background:var(--color-surface);display:flex;justify-content:center;margin:.7rem 0;overflow:auto;padding:.4rem}.tester-compare-preview img{height:auto;max-width:100%;width:auto}.tester-guide,.tester-seo-copy,.tester-faq,.tool-related{border-top:1px solid var(--color-border);margin-top:2.5rem;padding-top:2rem}.tester-guide>header,.tool-related>header{width:100%}.tester-guide>header>p,.tool-related>header>p,.tester-seo-copy>p{color:var(--tool-muted);line-height:1.65}.tester-guide-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.25rem}.tester-guide-grid article{background:var(--color-surface);border:1px solid var(--color-border);padding:1rem}.tester-guide-grid article>span{color:var(--color-accent);font-size:.75rem;font-weight:800}.tester-guide-grid h3{color:var(--color-brand);font-size:1rem;margin:.45rem 0}.tester-guide-grid p{color:var(--tool-muted);font-size:.82rem;line-height:1.55;margin:0}.tester-seo-copy{width:100%}.tester-seo-copy h3{color:var(--color-brand);margin-top:1.4rem}.tester-faq details{border-bottom:1px solid var(--color-border)}.tester-faq summary{color:var(--color-brand);cursor:pointer;font-weight:800;padding:1rem .25rem}.tester-faq details p{color:var(--tool-muted);line-height:1.6;margin:.1rem .25rem 1rem}.tool-related-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.tool-related-grid a{background:var(--color-accent-soft);border:1px solid var(--color-border);border-top:3px solid var(--color-accent);color:var(--color-brand);padding:1rem;text-decoration:none}.tool-related-grid strong,.tool-related-grid span{display:block}.tool-related-grid span{color:var(--tool-muted);font-size:.8rem;line-height:1.45;margin-top:.3rem}.tester-error-copy{color:var(--color-danger)}.tester-page :focus-visible{outline:3px solid var(--color-accent-focus);outline-offset:2px}@media(max-width:900px){.tester-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tester-result-grid{grid-template-columns:1fr}.tester-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tester-compare{grid-template-columns:1fr}.tester-compare-items{order:2}.tester-compare-actions{order:3}.tool-related-grid{grid-template-columns:1fr}}@media(max-width:600px){.tester-summary{grid-template-columns:1fr 1fr}.tester-filter-grid{grid-template-columns:1fr}.tester-input-meta{display:block}.tester-input-meta>span{display:block;text-align:start!important}.tester-samples button{font-size:.75rem}.tester-guide-grid{grid-template-columns:1fr}.tester-tabs button{flex:1;justify-content:center;padding:.55rem}.tester-font-card{padding:.75rem}.tester-card-preview{margin:.75rem -.75rem}.tester-compare-actions{flex-wrap:wrap}.tester-compare-actions>*{flex:1}.tester-fallback-list>div{grid-template-columns:1fr}.tester-compare-dialog{padding:1rem}}@media(prefers-reduced-motion:reduce){.tester-spinner{animation-duration:1.6s}}.tester-primary,.tester-secondary{align-items:center;box-sizing:border-box;min-height:44px;padding:.62rem 1.1rem;}.tester-secondary{color:var(--color-brand);}.tester-compare{align-items:center;background:var(--tool-soft);border-top:4px solid var(--color-brand);box-shadow:0 -6px 22px rgba(0,41,87,.2);color:var(--color-brand);gap:1rem;padding-block:.72rem;}.tester-compare>div:first-child{border-inline-end:1px solid var(--color-border);min-width:170px;padding-inline-end:1rem;}.tester-compare>div:first-child strong{font-size:.92rem;}.tester-compare>div:first-child span{color:var(--color-text-muted);font-weight:700;}.tester-compare-items{gap:.45rem;padding-block:.15rem;}.tester-compare-items button{align-items:center;background:#fff;border-color:var(--color-control-border);color:var(--color-brand);display:inline-flex;font:inherit;font-size:.82rem;min-height:36px;padding:.35rem .65rem;}.tester-compare-items button:hover,.tester-compare-items button:focus{background:var(--color-accent-soft);border-color:var(--color-brand);}.tester-compare-actions{align-items:stretch;gap:.5rem;}.tester-compare-actions .tester-primary,.tester-compare-actions .tester-secondary{height:44px;min-height:44px;}.tester-compare .tester-primary{background:var(--color-brand);border-color:var(--color-brand);color:#fff;}.tester-compare .tester-primary:hover,.tester-compare .tester-primary:focus{background:var(--color-brand);border-color:var(--color-brand);}.tester-compare .tester-secondary{background:#fff;border-color:var(--color-control-border);color:var(--color-brand);}@media (max-width:900px){.tester-compare>div:first-child{border-bottom:1px solid var(--color-border);border-inline-end:0;padding-block-end:.6rem;padding-inline-end:0;}}.tester-samples button:hover,.tester-samples button:focus,.tester-notice,.tester-progress{background:var(--color-accent-soft);}.tester-samples button:hover,.tester-samples button:focus,.tester-secondary:hover,.tester-secondary:focus,.tester-tabs button.is-active{border-color:var(--color-accent);}.tester-notice,.tester-progress,.tester-fallback-results{border-inline-start-color:var(--color-accent);}.tester-compare .tester-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff;}.tester-guide-grid article>span{color:var(--color-accent);}.tester-page :focus-visible{outline-color:var(--color-accent-focus);}.tester-font-card{border-radius:var(--radius-panel);overflow:clip;}.tester-compare{border-radius:var(--radius-panel);}