.tool-page.svelte-1n8gb7g{padding-bottom:var(--spacing-4xl)}.tool-center.svelte-1n8gb7g{max-width:640px;margin:0 auto}.tool-header.svelte-1n8gb7g{padding:var(--spacing-3xl) 0 var(--spacing-2xl);text-align:center}.tool-header.svelte-1n8gb7g h1:where(.svelte-1n8gb7g){font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-md)}.tool-subtitle.svelte-1n8gb7g{font-size:var(--font-size-lg);color:var(--color-gray-400);line-height:var(--line-height-relaxed);margin:0 auto;max-width:520px}.sig-inputs.svelte-1n8gb7g{padding:var(--spacing-xl)}.sig-inputs.svelte-1n8gb7g h2:where(.svelte-1n8gb7g){font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--spacing-lg)}.design-grid.svelte-1n8gb7g{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.design-option.svelte-1n8gb7g{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:left;font-family:inherit;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.design-option.svelte-1n8gb7g:hover{border-color:#00ffff4d}.design-option.selected.svelte-1n8gb7g{border-color:var(--color-primary);background:#00ffff14}.design-name.svelte-1n8gb7g{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white)}.design-desc.svelte-1n8gb7g{font-size:var(--font-size-xs);color:var(--color-gray-500)}.bg-source-tabs.svelte-1n8gb7g{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.bg-tab.svelte-1n8gb7g{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;font-weight:var(--font-weight-medium);color:var(--color-gray-400);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.bg-tab.svelte-1n8gb7g:hover{border-color:#00ffff4d;color:var(--color-gray-300)}.bg-tab.active.svelte-1n8gb7g{border-color:var(--color-primary);background:#00ffff14;color:var(--color-primary)}.bg-color-grid.svelte-1n8gb7g{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.bg-color-btn.svelte-1n8gb7g{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.bg-color-btn.svelte-1n8gb7g:hover{border-color:#00ffff4d}.bg-color-btn.selected.svelte-1n8gb7g{border-color:var(--color-primary);box-shadow:0 0 0 2px #0ff3}.bg-color-swatch.svelte-1n8gb7g{width:100%;height:36px;border-radius:var(--radius-sm);display:block}.bg-color-swatch.bg-color-none.svelte-1n8gb7g{background:repeating-conic-gradient(gray,gray 25%,#ccc 0%,#ccc 50%) 50% / 12px 12px}.bg-color-label.svelte-1n8gb7g{font-size:var(--font-size-xs);color:var(--color-gray-400);text-align:center}.bg-style-section.svelte-1n8gb7g{margin-bottom:var(--spacing-md)}.bg-style-label.svelte-1n8gb7g{display:block;font-size:var(--font-size-sm);color:var(--color-gray-300);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.bg-style-grid.svelte-1n8gb7g{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.bg-style-btn.svelte-1n8gb7g{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-family:inherit;font-weight:var(--font-weight-medium);color:var(--color-gray-400);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.bg-style-btn.svelte-1n8gb7g:hover{border-color:#00ffff4d;color:var(--color-gray-300)}.bg-style-btn.selected.svelte-1n8gb7g{border-color:var(--color-primary);background:#00ffff14;color:var(--color-primary)}.bg-pexels-wrap.svelte-1n8gb7g{margin-bottom:var(--spacing-md)}.bg-search-row.svelte-1n8gb7g{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.bg-search-input.svelte-1n8gb7g{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-white);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.bg-search-input.svelte-1n8gb7g:focus{outline:none;border-color:var(--color-primary)}.bg-search-btn.svelte-1n8gb7g{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--color-bg-primary);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.bg-search-btn.svelte-1n8gb7g:hover:not(:disabled){background:var(--color-primary-hover)}.bg-search-btn.svelte-1n8gb7g:disabled{opacity:.7;cursor:not-allowed}.bg-error.svelte-1n8gb7g{font-size:var(--font-size-sm);color:var(--color-error);margin:0 0 var(--spacing-md)}.sig-error.svelte-1n8gb7g{font-size:var(--font-size-sm);color:var(--color-error);margin:var(--spacing-sm) 0 0}.bg-pexels-grid.svelte-1n8gb7g{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.bg-pexels-btn.svelte-1n8gb7g{padding:0;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.bg-pexels-btn.svelte-1n8gb7g:hover{border-color:#00ffff4d}.bg-pexels-btn.selected.svelte-1n8gb7g{border-color:var(--color-primary)}.bg-pexels-thumb.svelte-1n8gb7g{width:100%;height:72px;object-fit:cover;display:block}.bg-pexels-attribution.svelte-1n8gb7g{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.bg-pexels-attribution.svelte-1n8gb7g a:where(.svelte-1n8gb7g){color:var(--color-primary);text-decoration:none}.bg-pexels-attribution.svelte-1n8gb7g a:where(.svelte-1n8gb7g):hover{text-decoration:underline}.bg-custom-input.svelte-1n8gb7g{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-white);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.bg-custom-input.svelte-1n8gb7g:focus{outline:none;border-color:var(--color-primary)}.input-group.svelte-1n8gb7g{margin-bottom:var(--spacing-md)}.input-group.svelte-1n8gb7g label:where(.svelte-1n8gb7g){display:block;font-size:var(--font-size-sm);color:var(--color-gray-300);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.optional.svelte-1n8gb7g{color:var(--color-gray-500);font-weight:var(--font-weight-normal)}.input-group.svelte-1n8gb7g input[type=text]:where(.svelte-1n8gb7g),.input-group.svelte-1n8gb7g input[type=email]:where(.svelte-1n8gb7g),.input-group.svelte-1n8gb7g input[type=tel]:where(.svelte-1n8gb7g){width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-white);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.input-group.svelte-1n8gb7g input:where(.svelte-1n8gb7g):focus{outline:none;border-color:var(--color-primary)}.color-row.svelte-1n8gb7g{display:flex;align-items:center;gap:var(--spacing-md)}.color-picker.svelte-1n8gb7g{width:48px;height:36px;padding:2px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer}.color-hex.svelte-1n8gb7g{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family-mono);color:var(--color-white);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.sig-results.svelte-1n8gb7g{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.sig-preview.svelte-1n8gb7g{padding:var(--spacing-xl)}.sig-preview.svelte-1n8gb7g h3:where(.svelte-1n8gb7g){font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--spacing-md)}.preview-box.svelte-1n8gb7g{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);min-height:120px;position:relative}.preview-bg-img-wrap.svelte-1n8gb7g{width:100%;height:80px;background-size:cover;background-repeat:no-repeat;display:block;margin-bottom:0}.preview-bg-img-wrap.preview-bg-top.svelte-1n8gb7g{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.preview-bg-img-wrap.preview-bg-bottom.svelte-1n8gb7g{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.preview-bg-bar.svelte-1n8gb7g{width:100%;height:8px;display:block;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.preview-bg-bar.preview-bg-bottom.svelte-1n8gb7g{border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:0}.preview-inner.preview-bg-full.svelte-1n8gb7g{padding:12px 16px;border-radius:var(--radius-md)}.preview-inner.preview-bg-accent-wrap.svelte-1n8gb7g{display:flex;align-items:stretch;gap:0}.preview-bg-left.svelte-1n8gb7g,.preview-bg-left-img.svelte-1n8gb7g{width:4px;min-width:4px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);flex-shrink:0}.preview-bg-left-img.svelte-1n8gb7g{width:80px;min-width:80px;background-size:cover;background-repeat:no-repeat}.preview-content-inner.svelte-1n8gb7g{flex:1;padding-left:12px}.preview-inner.preview-bg-accent-wrap.svelte-1n8gb7g .preview-content-inner:where(.svelte-1n8gb7g){padding-left:16px}.preview-inner.svelte-1n8gb7g{font-family:Arial,sans-serif;line-height:1.6;min-height:1.5em}.sig-preview-content.svelte-1n8gb7g .sig-name:where(.svelte-1n8gb7g){font-size:14px;font-weight:700;color:#1a1a1a}.sig-preview-content.svelte-1n8gb7g .sig-meta:where(.svelte-1n8gb7g){font-size:12px;color:#4a4a4a}.sig-preview-content.svelte-1n8gb7g .sig-link:where(.svelte-1n8gb7g){font-size:12px;text-decoration:none}.sig-preview-content.svelte-1n8gb7g .sig-tagline:where(.svelte-1n8gb7g){font-size:11px;color:#6e6e6e;font-style:italic}.sig-preview-content.svelte-1n8gb7g .sig-divider:where(.svelte-1n8gb7g){display:block;border-bottom:1px solid #ccc;margin:4px 0 8px}.sig-compact-table.svelte-1n8gb7g{width:100%;border-collapse:collapse}.sig-compact-left.svelte-1n8gb7g{vertical-align:top;padding-right:24px}.sig-compact-right.svelte-1n8gb7g{vertical-align:top;border-left:1px solid #ccc;padding-left:24px}.sig-centered-wrap.svelte-1n8gb7g{text-align:center}.sig-preview-content.design-centered.svelte-1n8gb7g .sig-name-lg:where(.svelte-1n8gb7g){font-size:16px}.sig-accent-line.svelte-1n8gb7g{display:block;width:60px;height:2px;margin:0 auto 8px}.preview-placeholder.svelte-1n8gb7g{color:#9ca3af;font-style:italic;font-size:13px}.sig-actions.svelte-1n8gb7g{margin-bottom:var(--spacing-md)}.copy-btn.svelte-1n8gb7g{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--color-bg-primary);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.copy-btn.svelte-1n8gb7g:hover:not(:disabled){background:var(--color-primary-hover)}.copy-btn.svelte-1n8gb7g:disabled{opacity:.5;cursor:not-allowed}.sig-hint.svelte-1n8gb7g{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0;line-height:var(--line-height-relaxed)}.result-cta.svelte-1n8gb7g{text-align:center}.result-cta.svelte-1n8gb7g p:where(.svelte-1n8gb7g){font-size:var(--font-size-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-md)}.cross-link.svelte-1n8gb7g{color:var(--color-primary);text-decoration:none}.cross-link.svelte-1n8gb7g:hover{text-decoration:underline;color:var(--color-primary-hover)}@media(max-width:600px){.tool-header.svelte-1n8gb7g h1:where(.svelte-1n8gb7g){font-size:var(--font-size-3xl)}.tool-subtitle.svelte-1n8gb7g{font-size:var(--font-size-base)}.design-grid.svelte-1n8gb7g{grid-template-columns:1fr}.bg-color-grid.svelte-1n8gb7g,.bg-pexels-grid.svelte-1n8gb7g{grid-template-columns:repeat(2,1fr)}}