.catalog-container{max-width:1440px;margin:0 auto;padding:0 6% 80px}.catalog-hero{padding-top:48px;padding-bottom:20px}.catalog-title{font-size:clamp(34px,4.4vw,54px);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin:12px 0 16px}.catalog-sub{color:var(--muted);font-size:14px;max-width:680px;line-height:1.7;margin:0 0 24px}.catalog-search-form{max-width:680px;width:100%}.catalog-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catalog-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:7px;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--paper);color:var(--muted);transition:all .2s ease;cursor:pointer}.catalog-tab:hover{color:var(--ink);background:#edf0e5}[data-theme=dark] .catalog-tab:hover{background:#1a1d27;color:var(--ink)}.catalog-tab.active{background:#111215;color:#fff;border-color:#111215}[data-theme=dark] .catalog-tab.active{background:linear-gradient(135deg,#fecdd3,#ddd6fe 50%,#bae6fd);color:#0f1115;border-color:transparent}.catalog-tab-badge{font-size:10px;padding:2px 7px;border-radius:10px;background:rgba(0,0,0,.08);font-weight:700}.catalog-tab.active .catalog-tab-badge{background:hsla(0,0%,100%,.25);color:inherit}[data-theme=dark] .catalog-tab.active .catalog-tab-badge{background:rgba(0,0,0,.15);color:#0f1115}.fontinterest-filter-hub{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:28px 0 24px;box-shadow:0 4px 20px rgba(0,0,0,.02);transition:all .2s ease}[data-theme=dark] .fontinterest-filter-hub{background:#0f1118;border-color:#1f2330;box-shadow:0 4px 24px rgba(0,0,0,.25)}.filter-quick-bar{justify-content:space-between;gap:16px}.classification-group,.filter-quick-bar{display:flex;align-items:center;flex-wrap:wrap}.classification-group{gap:6px}.classification-pill{padding:7px 13px;border-radius:6px;font-size:11.5px;font-weight:600;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;transition:all .2s ease}.classification-pill:hover{color:var(--ink);background:rgba(0,0,0,.03)}[data-theme=dark] .classification-pill:hover{background:#181b25;color:var(--ink)}.classification-pill.active{background:#111215;color:#fff;border-color:#111215}[data-theme=dark] .classification-pill.active{background:linear-gradient(135deg,#fecdd3,#ddd6fe 50%,#bae6fd);color:#0f1115;border-color:transparent}.filter-controls-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.advanced-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;font-size:11.5px;font-weight:600;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;transition:all .2s ease}.advanced-toggle-btn:hover{background:#edf0e5}[data-theme=dark] .advanced-toggle-btn:hover{background:#181b25}.advanced-toggle-btn.has-active{border-color:#8b5cf6;color:#8b5cf6}.filter-count-badge{background:#8b5cf6;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.advanced-filter-drawer{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:18px;animation:fadeInDrawer .2s ease forwards}@keyframes fadeInDrawer{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-drawer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.filter-block{display:flex;flex-direction:column;gap:8px}.filter-block-title{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.filter-chip-group{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:5px 10px;border-radius:5px;font-size:11px;font-weight:500;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;transition:all .15s ease}.filter-chip:hover{color:var(--ink);background:rgba(0,0,0,.04)}[data-theme=dark] .filter-chip:hover{background:#181b25;color:var(--ink)}.filter-chip.active{background:rgba(139,92,246,.12);border-color:#8b5cf6;color:#8b5cf6;font-weight:600}.catalog-preview-hint{display:flex;align-items:center;gap:10px;padding:11px 16px;background:rgba(139,92,246,.07);border:1px solid rgba(139,92,246,.2);border-radius:8px;font-size:12px;color:var(--ink);margin-top:14px;line-height:1.5}[data-theme=dark] .catalog-preview-hint{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.3)}.catalog-preview-hint strong{color:#8b5cf6;font-weight:600}.catalog-preview-hint-icon{color:#8b5cf6;flex-shrink:0}.specimen-playground-bar{display:flex;align-items:center;gap:14px;padding:12px 14px;background:rgba(0,0,0,.02);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap}[data-theme=dark] .specimen-playground-bar{background:#141720}.specimen-input-wrap{flex:1;min-width:220px;display:flex;align-items:center;gap:8px}.specimen-custom-input{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;padding:7px 12px;font-size:12px;outline:none}.specimen-custom-input:focus{border-color:#a855f7}.specimen-presets{display:flex;align-items:center;gap:6px}.preset-btn{font-size:10px;padding:4px 8px;border-radius:4px;border:1px solid var(--line);color:var(--muted);cursor:pointer}.preset-btn:hover{color:var(--ink);background:rgba(0,0,0,.04)}[data-theme=dark] .preset-btn:hover{background:#1c202d;color:var(--ink)}.specimen-slider-wrap{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}.specimen-slider-wrap input[type=range]{width:90px;accent-color:#8b5cf6}.view-mode-group{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden}.view-mode-btn{padding:6px 10px;display:grid;place-items:center;color:var(--muted);background:var(--paper);cursor:pointer}.view-mode-btn.active{background:#111215;color:#fff}[data-theme=dark] .view-mode-btn.active{background:#8b5cf6;color:#fff}.active-filters-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}.active-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:5px;font-size:11px;font-weight:500;background:rgba(139,92,246,.1);color:#8b5cf6;border:1px solid rgba(139,92,246,.25)}.active-filter-pill button{display:grid;place-items:center;padding:0;color:inherit;cursor:pointer}.reset-all-filters-btn{font-size:11px;font-weight:600;color:#ef4444;text-decoration:underline;text-underline-offset:3px;cursor:pointer;background:transparent;padding:4px 6px}.catalog-container .specimen-text{font-size:var(--specimen-size,40px);transition:font-size .1s ease}.specimen-custom-preview-sub{font-size:13px;font-weight:600;color:var(--ink);opacity:.85;text-align:center;padding:4px 8px;margin-top:4px;background:rgba(0,0,0,.04);border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}[data-theme=dark] .specimen-custom-preview-sub{background:hsla(0,0%,100%,.06)}.specimen-header-bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding-right:36px;min-height:24px;z-index:2;box-sizing:border-box}.specimen-header-bar .specimen-tag{flex:1;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8.5px;font-weight:600;letter-spacing:.8px;opacity:.75}.provider-pill{font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:4px;text-transform:uppercase;z-index:2;flex-shrink:0}.badge-myfonts{background:rgba(236,72,153,.12);color:#ec4899;border:1px solid rgba(236,72,153,.3)}.badge-dafont{background:rgba(245,158,11,.12);color:#d97706;border:1px solid rgba(245,158,11,.3)}.badge-fontshare{background:rgba(139,92,246,.12);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.badge-fontsource{background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.3)}.dafont-specimen-img{width:90%;max-height:80px;margin:auto;-o-object-fit:contain;object-fit:contain}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;background:rgba(0,0,0,.02);border:1px solid var(--line);border-radius:10px;margin-bottom:28px}[data-theme=dark] .catalog-toolbar{background:#12141c}.catalog-stat{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.catalog-stat strong{color:var(--ink)}.catalog-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.catalog-select{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:7px 12px;border-radius:6px;font-size:12px;font-weight:500;outline:none;cursor:pointer}.catalog-select:focus{border-color:#a855f7}.font-waterfall,.waterfall-card{display:flex;flex-direction:column;gap:16px}.waterfall-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:22px 28px;transition:all .2s ease;position:relative}.waterfall-card:hover{border-color:#8b5cf6;box-shadow:0 6px 24px rgba(0,0,0,.04)}[data-theme=dark] .waterfall-card:hover{box-shadow:0 6px 28px rgba(0,0,0,.3)}.waterfall-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.waterfall-font-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.waterfall-font-title h3{font-size:20px;font-weight:700;margin:0;color:var(--ink);cursor:pointer}.waterfall-font-title h3:hover{color:#8b5cf6}.waterfall-foundry{font-size:12px;color:var(--muted)}.waterfall-actions{display:flex;align-items:center;gap:10px}.waterfall-specimen-area{padding:16px 0;overflow-x:auto;cursor:pointer}.waterfall-specimen-text{font-size:var(--specimen-size,38px);line-height:1.2;white-space:nowrap;letter-spacing:-.5px;color:var(--ink);transition:transform .2s}.waterfall-specimen-area:hover .waterfall-specimen-text{transform:translateX(4px)}.catalog-pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.catalog-page-btn,.catalog-pagination{align-items:center;justify-content:center}.catalog-page-btn{min-width:38px;height:38px;padding:0 10px;border-radius:7px;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:inline-flex;transition:all .2s ease;cursor:pointer}.catalog-page-btn:hover:not(:disabled){background:#edf0e5;transform:translateY(-1px)}[data-theme=dark] .catalog-page-btn:hover:not(:disabled){background:#1e212b}.catalog-page-btn.active{background:#111215;color:#fff;border-color:#111215}[data-theme=dark] .catalog-page-btn.active{background:linear-gradient(135deg,#fecdd3,#ddd6fe 50%,#bae6fd);color:#0f1115;border-color:transparent}.catalog-page-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.catalog-ellipsis{padding:0 6px;color:var(--muted);font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.catalog-jump-box{display:flex;align-items:center;gap:6px;margin-left:12px}.catalog-jump-box input{width:64px;height:38px;text-align:center;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;font-size:13px;outline:none}.catalog-jump-box input:focus{border-color:#a855f7}.catalog-jump-box button{height:38px;padding:0 12px;border-radius:7px;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.catalog-jump-box button:hover{background:#edf0e5}[data-theme=dark] .catalog-jump-box button:hover{background:#1e212b}@media (max-width:768px){.catalog-toolbar{flex-direction:column;align-items:flex-start}.catalog-actions{width:100%;justify-content:space-between}.catalog-jump-box{margin-left:0;margin-top:8px;width:100%;justify-content:center}.filter-quick-bar{flex-direction:column;align-items:flex-start}.filter-controls-right{width:100%;justify-content:space-between}}.preview-style-bar{margin:14px 0 16px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px}[data-theme=dark] .preview-style-bar{background:#131620;border-color:#262b3d}.preview-style-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px}.style-header-title{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.active-style-badge{font-size:11px;color:#8b5cf6;background:rgba(139,92,246,.1);padding:3px 8px;border-radius:6px;font-weight:600}[data-theme=dark] .active-style-badge{background:rgba(168,85,247,.2);color:#c084fc}.style-chips-wrap{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto;padding-right:4px}.style-chip-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}[data-theme=dark] .style-chip-btn{background:#181b26;border-color:#2b3145;color:#e2e8f0}.style-chip-btn:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-1px)}.style-chip-btn.active{background:#8b5cf6;color:#fff;border-color:#8b5cf6;box-shadow:0 2px 8px rgba(139,92,246,.35)}[data-theme=dark] .style-chip-btn.active{background:#a855f7;border-color:#a855f7;color:#fff}.sample-presets-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px}.sample-preset-btn{padding:4px 10px;font-size:10.5px;font-weight:600;border-radius:6px;border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;transition:all .15s ease}[data-theme=dark] .sample-preset-btn{background:#141722;border-color:#242938;color:#94a3b8}.sample-preset-btn:hover{color:var(--ink);border-color:var(--ink)}.sample-preset-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}[data-theme=dark] .sample-preset-btn.active{background:#f1f5f9;color:#0f172a;border-color:#f1f5f9}@media(max-width:760px){.catalog-container{width:100%;min-width:0;padding-inline:5%}.advanced-filter-grid,.catalog-container .font-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.catalog-container .catalog-toolbar,.catalog-container .classification-group,.catalog-container .filter-controls-right,.catalog-container .filter-quick-bar{min-width:0;max-width:100%;flex-wrap:wrap}.catalog-container .fontinterest-filter-hub{padding:16px 12px}.catalog-container .specimen-input-wrap{min-width:0;flex-basis:100%}.catalog-container .specimen-size-wrap{flex-wrap:wrap;max-width:100%}.catalog-container .waterfall-top{flex-wrap:wrap}.catalog-container .waterfall-font-title{min-width:0;max-width:100%}.catalog-container .waterfall-font-title h3{overflow-wrap:anywhere}.catalog-container .catalog-search-form button[type=submit] span{display:none}.catalog-container .catalog-search-form button[type=submit]{padding-inline:12px;min-width:44px}.catalog-container .catalog-actions{flex-wrap:wrap;gap:12px}.catalog-container .catalog-title{overflow-wrap:anywhere}.catalog-container .catalog-search-form input,.catalog-container input[type=search]{font-size:16px}}