.tool.svelte-4jlf96.svelte-4jlf96{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.tool-bar.svelte-4jlf96.svelte-4jlf96{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.tool-title.svelte-4jlf96.svelte-4jlf96{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-semibold);color:var(--text-primary)}.tool-title-text.svelte-4jlf96.svelte-4jlf96{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0;color:inherit}.tool-icon.svelte-4jlf96.svelte-4jlf96{width:18px;height:18px;color:var(--accent)}.tool-actions.svelte-4jlf96.svelte-4jlf96{display:flex;align-items:center;gap:var(--space-2)}.btn-ghost.svelte-4jlf96.svelte-4jlf96{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);background:transparent;color:var(--text-tertiary);transition:all var(--transition)}.btn-ghost.svelte-4jlf96.svelte-4jlf96:hover{background:var(--bg-hover);color:var(--text-primary)}.controls-card.svelte-4jlf96.svelte-4jlf96{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-4jlf96.svelte-4jlf96{display:flex;background:var(--bg-elevated);padding:var(--space-1);border-radius:var(--radius);border:1px solid var(--border-subtle)}.mode-btn.svelte-4jlf96.svelte-4jlf96{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);white-space:nowrap}.mode-btn.svelte-4jlf96.svelte-4jlf96:hover{color:var(--text-primary);background:var(--bg-hover)}.mode-btn.active.svelte-4jlf96.svelte-4jlf96{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent-sm)}.timezone-card.svelte-4jlf96.svelte-4jlf96{padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.timezone-header.svelte-4jlf96.svelte-4jlf96{margin-bottom:var(--space-3)}.control-label.svelte-4jlf96.svelte-4jlf96{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.timezone-grid.svelte-4jlf96.svelte-4jlf96{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tz-btn.svelte-4jlf96.svelte-4jlf96{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)}.tz-btn.svelte-4jlf96.svelte-4jlf96:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.tz-btn.active.svelte-4jlf96.svelte-4jlf96{background:var(--accent-muted);color:var(--accent);border-color:var(--accent-muted)}.panel.svelte-4jlf96.svelte-4jlf96{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;animation:svelte-4jlf96-fadeIn var(--transition-normal) ease}.panel-header.svelte-4jlf96.svelte-4jlf96{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.panel-title.svelte-4jlf96.svelte-4jlf96{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.header-actions.svelte-4jlf96.svelte-4jlf96{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.btn-now.svelte-4jlf96.svelte-4jlf96{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--accent-muted);color:var(--accent);font-size:var(--text-xs);font-weight:var(--font-medium);transition:all var(--transition)}.btn-now.svelte-4jlf96.svelte-4jlf96:hover{background:var(--accent);color:#fff}.input-field.svelte-4jlf96.svelte-4jlf96{padding:var(--space-3);border:none;background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm)}.input-field.svelte-4jlf96.svelte-4jlf96:focus{outline:none}.input-field.svelte-4jlf96.svelte-4jlf96::placeholder{color:var(--text-disabled)}.output-panel.svelte-4jlf96.svelte-4jlf96{background:var(--bg-base)}.output-content.svelte-4jlf96.svelte-4jlf96{padding:var(--space-4);overflow-x:auto;max-height:250px;overflow-y:auto}.output-content.svelte-4jlf96 pre.svelte-4jlf96{margin:0;padding:0;background:transparent;border:none}.output-content.svelte-4jlf96 code.svelte-4jlf96{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);line-height:1.8;white-space:pre}.error-state.svelte-4jlf96.svelte-4jlf96{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-4jlf96.svelte-4jlf96{flex-shrink:0;width:18px;height:18px;margin-top:1px}.info-bar.svelte-4jlf96.svelte-4jlf96{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap}.info-item.svelte-4jlf96.svelte-4jlf96{display:flex;align-items:center;gap:var(--space-2)}.info-label.svelte-4jlf96.svelte-4jlf96{font-size:var(--text-sm);color:var(--text-tertiary)}.info-value.svelte-4jlf96.svelte-4jlf96{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.empty-state.svelte-4jlf96.svelte-4jlf96{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-4jlf96.svelte-4jlf96{width:32px;height:32px;opacity:.5}@keyframes svelte-4jlf96-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tool-bar.svelte-4jlf96.svelte-4jlf96{flex-direction:column;gap:var(--space-3);align-items:flex-start}.tool-actions.svelte-4jlf96.svelte-4jlf96{width:100%;justify-content:flex-end}.mode-selector.svelte-4jlf96.svelte-4jlf96{flex-direction:column;width:100%}.mode-btn.svelte-4jlf96.svelte-4jlf96{justify-content:center}.info-bar.svelte-4jlf96.svelte-4jlf96{flex-direction:column;align-items:flex-start}}.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)}}