.tool.svelte-l7oif.svelte-l7oif{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.controls-card.svelte-l7oif.svelte-l7oif{display:flex;justify-content:center;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.mode-selector.svelte-l7oif.svelte-l7oif{display:flex;background:var(--bg-elevated);padding:var(--space-1);border-radius:var(--radius);border:1px solid var(--border-subtle)}.mode-btn.svelte-l7oif.svelte-l7oif{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition) var(--ease-out);white-space:nowrap}.mode-btn.svelte-l7oif.svelte-l7oif:hover{color:var(--text-primary);background:var(--bg-hover)}.mode-btn.active.svelte-l7oif.svelte-l7oif{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent-sm)}.timezone-card.svelte-l7oif.svelte-l7oif{padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.timezone-header.svelte-l7oif.svelte-l7oif{margin-bottom:var(--space-3)}.control-label.svelte-l7oif.svelte-l7oif{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.timezone-grid.svelte-l7oif.svelte-l7oif{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tz-btn.svelte-l7oif.svelte-l7oif{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-xs);border:1px solid var(--border-subtle);transition:all var(--transition) var(--ease-out)}.tz-btn.svelte-l7oif.svelte-l7oif:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.tz-btn.active.svelte-l7oif.svelte-l7oif{background:var(--accent-muted);color:var(--accent);border-color:var(--accent-muted)}.input-field.svelte-l7oif.svelte-l7oif{padding:var(--space-3);border:none;background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm)}.input-field.svelte-l7oif.svelte-l7oif:focus{outline:none}.input-field.svelte-l7oif.svelte-l7oif::placeholder{color:var(--text-disabled)}.output-content.svelte-l7oif.svelte-l7oif{padding:var(--space-4);overflow-x:auto;max-height:250px;overflow-y:auto}.output-content.svelte-l7oif pre.svelte-l7oif{margin:0;padding:0;background:transparent;border:none}.output-content.svelte-l7oif code.svelte-l7oif{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);line-height:1.8;white-space:pre}.error-state.svelte-l7oif.svelte-l7oif{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--error-subtle);border:1px solid var(--error-muted);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm)}.error-icon.svelte-l7oif.svelte-l7oif{flex-shrink:0;width:18px;height:18px;margin-top:1px}.empty-state.svelte-l7oif.svelte-l7oif{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-sm)}.empty-icon.svelte-l7oif.svelte-l7oif{width:32px;height:32px;opacity:.5}@media (max-width: 768px){.mode-selector.svelte-l7oif.svelte-l7oif{flex-direction:column;width:100%}.mode-btn.svelte-l7oif.svelte-l7oif{justify-content:center}}.seo-section.svelte-nvsoda.svelte-nvsoda{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.seo-content.svelte-nvsoda.svelte-nvsoda{width:100%;margin-top:var(--space-6);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.seo-content.svelte-nvsoda.svelte-nvsoda:first-child{margin-top:0}.seo-content.svelte-nvsoda h2.svelte-nvsoda{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.seo-content.svelte-nvsoda h3.svelte-nvsoda{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-top:var(--space-5);margin-bottom:var(--space-2)}.seo-content.svelte-nvsoda p.svelte-nvsoda{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.seo-content.svelte-nvsoda ul.svelte-nvsoda,.seo-content.svelte-nvsoda ol.svelte-nvsoda{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-left:var(--space-4);margin-bottom:var(--space-3)}.seo-content.svelte-nvsoda li.svelte-nvsoda{margin-bottom:var(--space-2)}.seo-content.svelte-nvsoda strong.svelte-nvsoda{color:var(--text-primary);font-weight:var(--font-medium)}@media (max-width: 768px){.seo-section.svelte-nvsoda.svelte-nvsoda{margin-top:var(--space-6);padding-top:var(--space-6)}.seo-content.svelte-nvsoda.svelte-nvsoda{padding:var(--space-4);margin-top:var(--space-4)}}