/* FontGen.co — v0.4.7: clean, lightweight, mobile-first UI */
.fgfg-wrap,.fgfg-categories{--fg-primary:#2563eb;--fg-primary-2:#7c3aed;--fg-accent:#a855f7;--fg-text:#172033;--fg-muted:#667085;--fg-border:#e7eaf0;--fg-soft:#f6f8ff;max-width:1100px;margin:20px auto;padding:0 12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--fg-text)}
.fgfg-wrap *,.fgfg-categories *{box-sizing:border-box}.fgfg-hero{padding:30px 24px 22px;border:1px solid var(--fg-border);border-radius:18px;background:#fff}.fgfg-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4ff;color:var(--fg-primary);font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:9px}.fgfg-hero h1{font-size:clamp(28px,5vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 0 9px}.fgfg-hero p{max-width:760px;color:var(--fg-muted);line-height:1.55;margin:0 0 16px;font-size:14px}.fgfg-input-box{border:1px solid #cfd8ea;border-radius:13px;background:#fff;overflow:hidden}.fgfg-input{display:block;width:100%;min-height:118px;border:0;outline:0;resize:vertical;padding:15px;font:inherit;font-size:18px;line-height:1.5;background:#fff;color:var(--fg-text)}.fgfg-input::placeholder{color:#98a2b3;opacity:1}.fgfg-input:focus{box-shadow:inset 0 0 0 2px rgba(37,99,235,.13)}.fgfg-input-footer{min-height:40px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--fg-border);font-size:11px;color:var(--fg-muted)}.fgfg-clear{border:0;background:#f3f6ff;color:var(--fg-primary);border-radius:8px;font:700 12px inherit;cursor:pointer;padding:7px 10px}.fgfg-library{margin-top:22px}.fgfg-library-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:12px}.fgfg-library-head h2{margin:3px 0 4px;font-size:24px;letter-spacing:-.025em}.fgfg-library-head p{margin:0;color:var(--fg-muted);font-size:12px}.fgfg-eyebrow{font-size:10px;font-weight:800;color:var(--fg-primary);text-transform:uppercase;letter-spacing:.08em}.fgfg-library-tools{width:min(300px,100%)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fgfg-search{width:100%;height:40px;border:1px solid var(--fg-border);border-radius:10px;padding:0 11px;font:inherit;font-size:13px;outline:0;background:#fff;color:var(--fg-text)}.fgfg-search::placeholder{color:#98a2b3}.fgfg-search:focus{border-color:#8ca7ee;box-shadow:0 0 0 3px rgba(37,99,235,.07)}.fgfg-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fgfg-style-card{border:1px solid var(--fg-border);border-radius:12px;padding:11px;background:#fff;min-width:0;}.fgfg-style-card[hidden]{display:none}.fgfg-style-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.fgfg-style-top h3{margin:0;font-size:13px;line-height:1.3;font-weight:750;overflow-wrap:anywhere}.fgfg-copy{border:1px solid #d5dcf0;background:#fff;color:var(--fg-primary);border-radius:7px;padding:6px 9px;font:700 12px inherit;cursor:pointer;flex:none}.fgfg-copy:hover{background:#f5f8ff}.fgfg-copy.is-copied{background:var(--fg-primary);color:#fff;border-color:var(--fg-primary)}.fgfg-preview{min-height:54px;display:flex;align-items:center;border-radius:9px;background:var(--fg-soft);border:1px solid #e9edfa;padding:10px 11px;font-size:19px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.fgfg-empty{padding:22px;text-align:center;color:var(--fg-muted);border:1px dashed var(--fg-border);border-radius:12px}.fgfg-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fgfg-category-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:15px;border:1px solid var(--fg-border);border-radius:13px;background:#fff;text-decoration:none;color:var(--fg-text)}.fgfg-cat-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eef4ff;color:var(--fg-primary-2);font-weight:900}.fgfg-category-card strong{font-size:14px}.fgfg-category-card small{color:var(--fg-muted);font-size:11px}.fgfg-cat-arrow{position:absolute;right:13px;top:15px;color:var(--fg-primary-2)}
@media(max-width:800px){.fgfg-wrap{margin:14px auto;padding:0 10px}.fgfg-library-head{display:block}.fgfg-library-tools{width:100%;margin-top:10px}.fgfg-style-grid{grid-template-columns:1fr;gap:8px}.fgfg-style-card{width:100%}}
@media(max-width:520px){.fgfg-wrap{margin:10px auto;padding:0 8px}.fgfg-hero{padding:22px 13px 16px;border-radius:14px}.fgfg-kicker{font-size:10px}.fgfg-hero h1{font-size:28px;line-height:1.1}.fgfg-hero p{font-size:13px;line-height:1.5;margin-bottom:14px}.fgfg-input{min-height:105px;padding:13px;font-size:16px}.fgfg-input-footer{min-height:38px;padding:0 9px}.fgfg-library{margin-top:18px}.fgfg-library-head h2{font-size:22px}.fgfg-library-head p{font-size:11px;line-height:1.45}.fgfg-search{height:40px}.fgfg-style-card{padding:10px;border-radius:11px}.fgfg-style-top{margin-bottom:7px}.fgfg-style-top h3{font-size:12px}.fgfg-copy{padding:6px 8px;font-size:11px}.fgfg-preview{min-height:52px;padding:9px 10px;font-size:18px}.fgfg-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.fgfg-wrap{padding:0 7px}.fgfg-hero{padding-left:11px;padding-right:11px}.fgfg-style-grid{gap:7px}.fgfg-style-top{align-items:flex-start}.fgfg-preview{font-size:17px}.fgfg-category-grid{grid-template-columns:1fr}}

/* v0.4.2 refinements: homepage grouped library + tighter mobile layout */
.fgfg-home-groups{display:block}.fgfg-home-group{margin:0 0 24px}.fgfg-home-group[hidden]{display:none}.fgfg-home-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;padding:0 1px}.fgfg-home-group-head h3{margin:0;font-size:18px;line-height:1.25;letter-spacing:-.015em}.fgfg-home-group-head p{margin:3px 0 0;color:var(--fg-muted);font-size:11px;line-height:1.4}.fgfg-group-count{white-space:nowrap;font-size:10px;font-weight:800;color:var(--fg-primary);background:#eef4ff;border:1px solid #dfe8ff;border-radius:999px;padding:5px 8px}.fgfg-home .fgfg-style-card h4{margin:0;font-size:13px;line-height:1.3;font-weight:750;overflow-wrap:anywhere}.fgfg-home .fgfg-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fgfg-search{background:transparent}.fgfg-search::placeholder{opacity:.55}.fgfg-input::placeholder{opacity:.72}.fgfg-home-group .fgfg-style-card{min-height:94px}
@media(max-width:800px){.fgfg-home .fgfg-style-grid{grid-template-columns:1fr}.fgfg-home-group{margin-bottom:20px}.fgfg-home-group-head{align-items:flex-start}.fgfg-group-count{margin-top:1px}.fgfg-style-card{min-width:0}}
@media(max-width:520px){.fgfg-home-group-head{gap:8px}.fgfg-home-group-head h3{font-size:16px}.fgfg-home-group-head p{font-size:10px}.fgfg-group-count{font-size:9px;padding:4px 7px}.fgfg-home-group{margin-bottom:18px}.fgfg-home .fgfg-style-grid{gap:7px}.fgfg-home .fgfg-style-card{min-height:88px}}

/* v0.4.4: button alignment + library/search spacing, all generator pages */
.fgfg-input{resize:none}
.fgfg-input-box{position:relative;overflow:hidden}
.fgfg-input-footer{position:relative;z-index:2;background:#fff}
.fgfg-clear{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:34px;height:34px;padding:0 12px;line-height:1;border:1px solid #e1e8f8;white-space:nowrap;appearance:none;-webkit-appearance:none;}
.fgfg-clear:hover{background:#edf3ff;border-color:#d4def5}
.fgfg-clear:focus-visible,.fgfg-copy:focus-visible,.fgfg-search:focus-visible,.fgfg-input:focus-visible{outline:2px solid rgba(37,99,235,.28);outline-offset:2px}
.fgfg-library-head{margin-bottom:24px}
.fgfg-library-tools{flex:0 1 300px}
.fgfg-search::-webkit-search-cancel-button{opacity:.45;cursor:pointer}
.fgfg-search::-webkit-search-cancel-button:hover{opacity:.8}
.fgfg-home .fgfg-library-head{margin-bottom:26px}
.fgfg-home-groups{margin-top:0}
@media(max-width:800px){
  .fgfg-library-head{margin-bottom:20px}
  .fgfg-library-tools{width:100%;max-width:none;margin-top:13px}
  .fgfg-home .fgfg-library-head{margin-bottom:22px}
  .fgfg-home .fgfg-library-tools{margin-top:14px}
}
@media(max-width:520px){
  .fgfg-library{margin-top:20px}
  .fgfg-library-head{margin-bottom:18px}
  .fgfg-library-tools{margin-top:12px}
  .fgfg-home .fgfg-library-head{margin-bottom:20px}
  .fgfg-home .fgfg-library-tools{margin-top:12px}
  .fgfg-input-footer{padding-left:10px;padding-right:10px}
  .fgfg-clear{min-width:62px;height:34px;min-height:34px;padding:0 11px}
}


/* v0.4.8: prevent first-paint layout shift / FOUC */
.fgfg-wrap,.fgfg-categories{width:100%;contain:layout style;}
.fgfg-wrap .fgfg-hero,.fgfg-wrap .fgfg-library{display:block;}
.fgfg-wrap .fgfg-input-box,.fgfg-wrap .fgfg-library-head,.fgfg-wrap .fgfg-style-grid{width:100%;}
.fgfg-style-card{overflow:hidden;}
@media(max-width:800px){.fgfg-wrap .fgfg-library-head{display:block;}.fgfg-wrap .fgfg-library-tools{margin-left:0;margin-right:0;}}