.index-module__ClGmpW__container{box-sizing:border-box;max-width:1000px;margin:1rem auto 2rem;padding:2rem;overflow-x:hidden}.index-module__ClGmpW__previewTextInput{margin-bottom:1.5rem}.index-module__ClGmpW__browserControls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.index-module__ClGmpW__fontList{flex-direction:column;gap:1rem;display:flex}.index-module__ClGmpW__fontCard{cursor:pointer;background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:1.25rem;transition:box-shadow .15s,transform .15s}.index-module__ClGmpW__fontCard:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.index-module__ClGmpW__fontCardDark{background:#2d2d2d;border-color:#444}.index-module__ClGmpW__fontCardDark:hover{box-shadow:0 4px 16px #0000004d}.index-module__ClGmpW__fontCardHeader{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.index-module__ClGmpW__fontFamily{font-size:1rem;font-weight:700}.index-module__ClGmpW__embedPanel{margin-top:.75rem}.index-module__ClGmpW__embedToggle{cursor:pointer;color:#666;background:0 0;border:1px solid #ddd;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.8rem;transition:border-color .15s;display:inline-flex}.index-module__ClGmpW__embedToggle:hover{color:#f88204;border-color:#f88204}.index-module__ClGmpW__embedToggleDark{color:#aaa;border-color:#555}.index-module__ClGmpW__embedCode{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.index-module__ClGmpW__embedCodeDark pre{color:#ddd;background:#1a1a1a}.index-module__ClGmpW__codeBlock{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.index-module__ClGmpW__codeBlock pre{white-space:pre-wrap;word-break:break-all;background:#f5f5f5;max-width:100%;margin:0;padding:.75rem;font-size:.8rem;overflow-x:auto}.index-module__ClGmpW__codeHeader{color:#666;background:#eee;justify-content:space-between;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex}.index-module__ClGmpW__matcherSection{flex-direction:column;gap:1.5rem;display:flex}.index-module__ClGmpW__matcherDesc{color:#666;font-size:.9rem}.index-module__ClGmpW__matcherDescDark{color:#aaa;font-size:.9rem}.index-module__ClGmpW__matcherControls,.index-module__ClGmpW__sliderRow{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.index-module__ClGmpW__sliderLabel{color:#666;min-width:60px;font-size:.8rem}.index-module__ClGmpW__sliderLabelDark{color:#aaa;min-width:60px;font-size:.8rem}.index-module__ClGmpW__imageContainer{border:2px solid #e0e0e0;border-radius:12px;max-width:100%;display:inline-block;position:relative;overflow:hidden}.index-module__ClGmpW__uploadedImage{max-width:100%;display:block}.index-module__ClGmpW__overlayText{pointer-events:none;text-shadow:0 1px 3px #0000004d;white-space:nowrap;font-weight:400;position:absolute;transform:translate(-50%,-50%)}.index-module__ClGmpW__imagePlaceholder{text-align:center;color:#999;border:2px dashed #ddd;border-radius:12px;padding:4rem 2rem}.index-module__ClGmpW__imagePlaceholderDark{color:#777;border-color:#555}.index-module__ClGmpW__comparisonSection{flex-direction:column;gap:1.5rem;display:flex}.index-module__ClGmpW__comparisonControls,.index-module__ClGmpW__comparisonControlsRow{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.index-module__ClGmpW__sizeSlider{align-items:center;gap:.5rem;display:flex}.index-module__ClGmpW__vsText{color:#999;font-size:1.1rem;font-weight:700}.index-module__ClGmpW__vsTextDark{color:#666;font-size:1.1rem;font-weight:700}.index-module__ClGmpW__comparisonGrid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.index-module__ClGmpW__comparisonPane{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.index-module__ClGmpW__comparisonPaneDark{background:#2d2d2d;border-color:#444}.index-module__ClGmpW__compPaneTitle{color:#f88204;margin:0 0 1rem;font-size:1rem}body.dark-mode .index-module__ClGmpW__codeBlock{border-color:#444}body.dark-mode .index-module__ClGmpW__codeBlock pre{color:#ddd;background:#1a1a1a}body.dark-mode .index-module__ClGmpW__codeHeader{color:#aaa;background:#2a2a2a}body.dark-mode .index-module__ClGmpW__imageContainer{border-color:#444}body.dark-mode .index-module__ClGmpW__fontFamily{color:#eee}.index-module__ClGmpW__seoSection{overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;max-width:900px;margin:2rem auto;padding:2rem}.index-module__ClGmpW__seoSection p,.index-module__ClGmpW__seoSection li{line-height:1.7}.index-module__ClGmpW__seoSection ul{padding-left:1.5rem}:is(body.dark-mode .index-module__ClGmpW__seoSection h2,body.dark-mode .index-module__ClGmpW__seoSection h3){color:#eee!important}:is(body.dark-mode .index-module__ClGmpW__seoSection p,body.dark-mode .index-module__ClGmpW__seoSection li){color:#bbb!important}.index-module__ClGmpW__faqSection{overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;background:#f9f9f9;border-radius:12px;max-width:900px;margin:3rem auto;padding:2rem}.index-module__ClGmpW__faqSection h2{color:#333;margin-top:0;font-size:1.5rem}.index-module__ClGmpW__faqSection summary{cursor:pointer;color:#333;padding:.5rem 0;font-size:1.05rem;font-weight:600}.index-module__ClGmpW__faqSection p{color:#555;margin:.5rem 0 0 1rem;line-height:1.6}body.dark-mode .index-module__ClGmpW__faqSection{background:#1a1a1a!important}:is(body.dark-mode .index-module__ClGmpW__faqSection h2,body.dark-mode .index-module__ClGmpW__faqSection summary){color:#eee!important}body.dark-mode .index-module__ClGmpW__faqSection p{color:#bbb!important}.index-module__ClGmpW__relatedSection{overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;border-top:1px solid #8080804d;max-width:900px;margin:0 auto 2rem;padding:1rem 2rem}.index-module__ClGmpW__relatedSection a{font-weight:600;text-decoration:none}.index-module__ClGmpW__internalLinks{color:#f88204;font-weight:600}.index-module__ClGmpW__internalLinks a{color:#f88204}.index-module__ClGmpW__externalLinks{color:#666;font-size:.9rem}.index-module__ClGmpW__externalLinks a{color:#1e88e5}body.dark-mode .index-module__ClGmpW__relatedSection{border-top-color:#444}body.dark-mode .index-module__ClGmpW__externalLinks{color:#aaa}body.dark-mode .index-module__ClGmpW__externalLinks a{color:#64b5f6}@media (max-width:768px){.index-module__ClGmpW__container{padding:1rem}.index-module__ClGmpW__comparisonGrid{grid-template-columns:1fr}.index-module__ClGmpW__matcherControls,.index-module__ClGmpW__sliderRow{flex-direction:column;align-items:flex-start}.index-module__ClGmpW__browserControls,.index-module__ClGmpW__comparisonControlsRow,.index-module__ClGmpW__comparisonControls{flex-direction:column;align-items:stretch}.index-module__ClGmpW__sizeSlider{width:100%}.index-module__ClGmpW__fontCardHeader{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:360px){.index-module__ClGmpW__container{padding:.5rem}.index-module__ClGmpW__fontCard,.index-module__ClGmpW__comparisonPane{padding:.75rem}.index-module__ClGmpW__imagePlaceholder,.index-module__ClGmpW__imagePlaceholderDark{padding:2rem 1rem}.index-module__ClGmpW__seoSection,.index-module__ClGmpW__faqSection,.index-module__ClGmpW__relatedSection{padding:1rem}.index-module__ClGmpW__codeBlock pre{padding:.5rem;font-size:.7rem}.index-module__ClGmpW__codeHeader{padding:.2rem .5rem;font-size:.7rem}}@media (max-width:260px){.index-module__ClGmpW__fontFamily{font-size:.85rem}.index-module__ClGmpW__seoSection,.index-module__ClGmpW__faqSection,.index-module__ClGmpW__relatedSection{margin-left:0;margin-right:0;padding:.5rem}.index-module__ClGmpW__imagePlaceholder,.index-module__ClGmpW__imagePlaceholderDark{padding:1.5rem .5rem;font-size:.85rem}.index-module__ClGmpW__comparisonPane,.index-module__ClGmpW__fontCard{padding:.5rem}}