.font-preview-container.svelte-1tgourx{background-color:var(--surface);border:1px solid var(--border);border-radius:.75rem;overflow:hidden}.preview-header.svelte-1tgourx{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.preview-title.svelte-1tgourx{font-weight:600;font-size:1rem;margin:0}.header-controls.svelte-1tgourx{display:flex;align-items:center;gap:.75rem}.size-select.svelte-1tgourx{background:transparent;border:1px solid var(--border);border-radius:.375rem;padding:.375rem .5rem;font-size:.875rem;color:var(--text);cursor:pointer}.bg-toggle.svelte-1tgourx{display:flex;border-radius:.5rem;overflow:hidden;border:1px solid var(--border)}.bg-btn.svelte-1tgourx{padding:.375rem .75rem;font-size:.75rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.bg-btn.svelte-1tgourx:hover{background:var(--surface)}.bg-btn-active-light.svelte-1tgourx{background:#fff;color:#000}.bg-btn-active-dark.svelte-1tgourx{background:#000;color:#fff}.axes-controls.svelte-1tgourx{padding:1rem;border-bottom:1px solid var(--border);background:var(--bg)}.axes-header.svelte-1tgourx{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.axes-label.svelte-1tgourx{font-size:.875rem;font-weight:500;color:var(--text-muted)}.reset-btn.svelte-1tgourx{font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--border);border-radius:.25rem;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.reset-btn.svelte-1tgourx:hover{background:var(--surface);color:var(--text)}.axes-grid.svelte-1tgourx{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.axis-control.svelte-1tgourx{display:flex;flex-direction:column;gap:.25rem}.axis-label-row.svelte-1tgourx{display:flex;justify-content:space-between;align-items:center}.axis-name.svelte-1tgourx{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.axis-tag.svelte-1tgourx{font-size:.625rem;padding:.125rem .375rem;background:var(--surface);border-radius:.25rem;font-family:var(--font-mono);color:var(--text-muted)}.axis-value.svelte-1tgourx{font-size:.875rem;font-family:var(--font-mono);color:var(--accent);font-weight:600}.axis-slider.svelte-1tgourx{width:100%;height:6px;border-radius:3px;background:var(--border);-webkit-appearance:none;appearance:none;cursor:pointer}.axis-slider.svelte-1tgourx::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .15s ease}.axis-slider.svelte-1tgourx::-webkit-slider-thumb:hover{transform:scale(1.1)}.axis-slider.svelte-1tgourx::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.axis-range.svelte-1tgourx{display:flex;justify-content:space-between;font-size:.625rem;color:var(--text-muted)}.preview-area.svelte-1tgourx{min-height:200px;padding:1.5rem;transition:background-color .2s ease,color .2s ease}.preview-light.svelte-1tgourx{background:#fff;color:#000}.preview-dark.svelte-1tgourx{background:#0a0a0a;color:#fff}.preview-textarea.svelte-1tgourx{width:100%;min-height:160px;background:transparent;border:none;resize:vertical;line-height:1.4;color:inherit}.preview-textarea.svelte-1tgourx:focus{outline:none}.preview-textarea.svelte-1tgourx::placeholder{opacity:.4}.loading-state.svelte-1tgourx{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:160px;color:var(--text-muted)}.loading-spinner.svelte-1tgourx{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-1tgourx-spin .8s linear infinite}@keyframes svelte-1tgourx-spin{to{transform:rotate(360deg)}}.quick-samples.svelte-1tgourx{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);flex-wrap:wrap}.samples-label.svelte-1tgourx{font-size:.75rem;color:var(--text-muted)}.sample-btn.svelte-1tgourx{font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--border);border-radius:.25rem;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.sample-btn.svelte-1tgourx:hover{background:var(--surface);color:var(--accent);border-color:var(--accent)}@media(max-width:640px){.preview-header.svelte-1tgourx{flex-direction:column;align-items:flex-start;gap:.75rem}.axes-grid.svelte-1tgourx{grid-template-columns:1fr}.quick-samples.svelte-1tgourx{flex-direction:column;align-items:flex-start}}