.tool-page.svelte-m82ke.svelte-m82ke{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl) var(--spacing-xl)}.breadcrumbs.svelte-m82ke.svelte-m82ke{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-lg)}.breadcrumbs a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.breadcrumbs a:hover{color:var(--primary-hover)}.breadcrumbs .home-link{display:inline-flex;align-items:center;justify-content:center}.breadcrumbs.svelte-m82ke .separator.svelte-m82ke{color:var(--border-color)}.breadcrumbs.svelte-m82ke .current.svelte-m82ke{color:var(--text-color);font-weight:500}.tool-header-wrapper.svelte-m82ke.svelte-m82ke{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.tool-header.svelte-m82ke.svelte-m82ke{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.tool-icon.svelte-m82ke.svelte-m82ke{display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.tool-header-content.svelte-m82ke.svelte-m82ke{flex:1;min-width:0}.tool-header.svelte-m82ke h1.svelte-m82ke{font-size:var(--font-size-2xl);margin:0 0 var(--spacing-xs) 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-description.svelte-m82ke.svelte-m82ke{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.tool-container.svelte-m82ke.svelte-m82ke{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tool-interface.svelte-m82ke.svelte-m82ke{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.tool-page.svelte-m82ke.svelte-m82ke{padding:var(--spacing-md)}.breadcrumbs.svelte-m82ke.svelte-m82ke{font-size:var(--font-size-xs)}.tool-header-wrapper.svelte-m82ke.svelte-m82ke{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.tool-header.svelte-m82ke.svelte-m82ke{flex-direction:row;align-items:flex-start}.tool-icon.svelte-m82ke.svelte-m82ke{font-size:2rem}.tool-header.svelte-m82ke h1.svelte-m82ke{font-size:var(--font-size-xl)}.tool-description.svelte-m82ke.svelte-m82ke{font-size:var(--font-size-sm)}.tool-interface.svelte-m82ke.svelte-m82ke{padding:var(--spacing-lg)}}