.page.svelte-1b1k9tl{padding:var(--space-xl);max-width:1400px}.page.preview-mode.svelte-1b1k9tl{max-width:1000px}.page-header.svelte-1b1k9tl{margin-bottom:var(--space-md)}.tabs.svelte-1b1k9tl{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm)}.tab.svelte-1b1k9tl{padding:var(--space-xs) var(--space-md);font-size:.8125rem;font-weight:500;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab.svelte-1b1k9tl:hover{color:var(--color-text)}.tab.active.svelte-1b1k9tl{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-count.svelte-1b1k9tl{font-size:.6875rem;color:var(--color-text-dim);margin-left:2px}.toolbar.svelte-1b1k9tl{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.toolbar-spacer.svelte-1b1k9tl{flex:1}.search-box.svelte-1b1k9tl{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px var(--space-sm);width:180px;color:var(--color-text-muted)}.search-box.svelte-1b1k9tl input:where(.svelte-1b1k9tl){border:none;background:none;padding:0;flex:1;color:var(--color-text);font-size:.8125rem;min-width:0}.search-box.svelte-1b1k9tl input:where(.svelte-1b1k9tl):focus{outline:none;border:none}.sort-group.svelte-1b1k9tl select:where(.svelte-1b1k9tl){background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px var(--space-sm);font-size:.75rem;color:var(--color-text);cursor:pointer}.btn-icon.svelte-1b1k9tl{display:flex;align-items:center;justify-content:center;padding:5px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .15s}.btn-icon.svelte-1b1k9tl:hover{background:var(--color-bg-overlay);color:var(--color-text);border-color:var(--color-text-dim)}.btn-icon.active.svelte-1b1k9tl{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.dropdown.svelte-1b1k9tl{position:relative}.filter-btn.svelte-1b1k9tl{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px var(--space-sm);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-muted);border:1px solid var(--color-border);transition:all .15s;cursor:pointer}.filter-btn.svelte-1b1k9tl:hover{border-color:var(--color-text-dim);color:var(--color-text)}.filter-btn.has-value.svelte-1b1k9tl{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.clear-btn.svelte-1b1k9tl{display:inline-flex;align-items:center;padding:2px;border-radius:50%;color:inherit;opacity:.7;transition:opacity .1s}.clear-btn.svelte-1b1k9tl:hover{opacity:1}.dropdown-backdrop.svelte-1b1k9tl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.dropdown-menu.svelte-1b1k9tl{position:absolute;top:calc(100% + var(--space-xs));left:0;z-index:10;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000004d;min-width:200px;max-height:320px;overflow-y:auto;padding:var(--space-xs) 0}.dropdown-item.svelte-1b1k9tl{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-md);font-size:.8125rem;color:var(--color-text-muted);transition:all .1s;text-align:left}.dropdown-item.svelte-1b1k9tl:hover{background:var(--color-bg-overlay);color:var(--color-text)}.dropdown-item.active.svelte-1b1k9tl{color:var(--color-accent);font-weight:500}.dropdown-item.svelte-1b1k9tl span:where(.svelte-1b1k9tl):nth-child(2){flex:1}.dropdown-count.svelte-1b1k9tl{font-size:.75rem;color:var(--color-text-dim);font-variant-numeric:tabular-nums;margin-left:auto}.view-toggle.svelte-1b1k9tl{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.view-toggle.svelte-1b1k9tl button:where(.svelte-1b1k9tl){padding:5px;color:var(--color-text-muted);transition:all .15s}.view-toggle.svelte-1b1k9tl button:where(.svelte-1b1k9tl):hover{color:var(--color-text)}.view-toggle.svelte-1b1k9tl button.active:where(.svelte-1b1k9tl){background:var(--color-bg-overlay);color:var(--color-accent)}.sample-row.svelte-1b1k9tl{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs)}.sample-input.svelte-1b1k9tl{flex:1;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:4px var(--space-sm);color:var(--color-text-muted);font-size:.8125rem;min-width:0}.case-toggle.svelte-1b1k9tl{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.case-toggle.svelte-1b1k9tl button:where(.svelte-1b1k9tl){padding:3px 8px;font-size:.6875rem;font-weight:600;color:var(--color-text-dim);transition:all .1s;letter-spacing:.02em}.case-toggle.svelte-1b1k9tl button:where(.svelte-1b1k9tl):hover{color:var(--color-text)}.case-toggle.svelte-1b1k9tl button.active:where(.svelte-1b1k9tl){background:var(--color-bg-overlay);color:var(--color-accent)}.font-size-slider.svelte-1b1k9tl{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.font-size-label.svelte-1b1k9tl{font-size:.6875rem;color:var(--color-text-dim);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.font-size-slider.svelte-1b1k9tl input[type=range]:where(.svelte-1b1k9tl){width:80px;accent-color:var(--color-accent);cursor:pointer}.dropdown-check.svelte-1b1k9tl{width:16px;font-size:.75rem;color:var(--color-accent);flex-shrink:0}.font-grid.svelte-1b1k9tl{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-md)}.font-grid.list-view.svelte-1b1k9tl{grid-template-columns:1fr}.font-card.svelte-1b1k9tl{position:relative;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);color:var(--color-text);transition:all .15s;display:block}.font-card.svelte-1b1k9tl:hover{border-color:var(--color-text-dim);background:var(--color-bg-overlay)}.star-btn.svelte-1b1k9tl{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-dim);transition:all .15s;z-index:1}.star-btn.svelte-1b1k9tl:hover,.star-btn.starred.svelte-1b1k9tl{color:var(--color-warning)}.star-btn.starred.svelte-1b1k9tl svg{fill:var(--color-warning)}.font-info.svelte-1b1k9tl{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-md);padding-right:var(--space-lg)}.font-name.svelte-1b1k9tl{font-weight:500;font-size:.875rem}.font-meta.svelte-1b1k9tl{font-size:.75rem;color:var(--color-text-dim)}.font-preview.svelte-1b1k9tl{line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.font-skeleton.svelte-1b1k9tl{display:block;background:var(--color-bg-overlay);border-radius:var(--radius-sm);width:70%;animation:svelte-1b1k9tl-skeleton-pulse 1.5s ease-in-out infinite}@keyframes svelte-1b1k9tl-skeleton-pulse{0%,to{opacity:.3}50%{opacity:.12}}.list-view.svelte-1b1k9tl .font-card:where(.svelte-1b1k9tl){border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.list-view.svelte-1b1k9tl .font-info:where(.svelte-1b1k9tl){margin-bottom:var(--space-sm)}.preview-list.svelte-1b1k9tl{display:flex;flex-direction:column;gap:0}.preview-item.svelte-1b1k9tl{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);transition:background .1s}.preview-item.svelte-1b1k9tl:first-child{padding-top:0}.preview-item.svelte-1b1k9tl:hover{background:var(--color-bg-overlay);margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);border-radius:var(--radius-sm)}.preview-content.svelte-1b1k9tl{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.preview-star.svelte-1b1k9tl{opacity:.1;transition:opacity .15s;padding:var(--space-xs);margin-top:var(--space-xs);flex-shrink:0}.preview-item.svelte-1b1k9tl:hover .preview-star:where(.svelte-1b1k9tl){opacity:.4}.preview-star.svelte-1b1k9tl:hover{opacity:1!important;color:var(--color-warning)}.preview-star.starred.svelte-1b1k9tl{opacity:.3;color:var(--color-warning)}.preview-star.starred.svelte-1b1k9tl svg{fill:var(--color-warning)}.preview-item.svelte-1b1k9tl:hover .preview-star.starred:where(.svelte-1b1k9tl){opacity:.7}.preview-star.starred.svelte-1b1k9tl:hover{opacity:1!important}.preview-label.svelte-1b1k9tl{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.preview-text.svelte-1b1k9tl{line-height:1.3}.empty.svelte-1b1k9tl{padding:var(--space-2xl);text-align:center;color:var(--color-text-muted)}.pagination.svelte-1b1k9tl{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);color:var(--color-text-muted);font-size:.875rem}.pagination.svelte-1b1k9tl button:where(.svelte-1b1k9tl){padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all .15s}.pagination.svelte-1b1k9tl button:where(.svelte-1b1k9tl):hover:not(:disabled){background:var(--color-bg-overlay);color:var(--color-text)}.pagination.svelte-1b1k9tl button:where(.svelte-1b1k9tl):disabled{opacity:.3;cursor:not-allowed}@media(max-width:767px){.page.svelte-1b1k9tl{padding:var(--space-md)}.toolbar.svelte-1b1k9tl{flex-wrap:wrap;gap:var(--space-xs)}.search-box.svelte-1b1k9tl{width:100%;order:-1}.toolbar-spacer.svelte-1b1k9tl{display:none}.font-grid.svelte-1b1k9tl{grid-template-columns:1fr;gap:var(--space-sm)}.font-card.svelte-1b1k9tl{padding:var(--space-md)}.font-info.svelte-1b1k9tl{padding-right:0}.list-view.svelte-1b1k9tl .font-card:where(.svelte-1b1k9tl){padding:var(--space-sm) var(--space-md)}.preview-item.svelte-1b1k9tl{padding:var(--space-md) 0}.preview-item.svelte-1b1k9tl:hover{margin:0;padding-left:0;padding-right:0}.dropdown-menu.svelte-1b1k9tl{position:fixed;left:var(--space-md);right:var(--space-md);top:auto;bottom:80px;max-height:50vh}}