.tool.svelte-1k0k8jt{flex-direction:column;gap:0;width:100%;display:flex}.controls-card.svelte-1k0k8jt{padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:center;display:flex}.mode-selector.svelte-1k0k8jt{background:var(--bg-elevated);padding:var(--space-1);border-radius:var(--radius);border:1px solid var(--border-subtle);display:flex}.mode-btn.svelte-1k0k8jt{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition) var(--ease-out);white-space:nowrap;background:0 0;display:flex}.mode-btn.svelte-1k0k8jt:hover{color:var(--text-primary);background:var(--bg-hover)}.mode-btn.active.svelte-1k0k8jt{background:var(--accent);color:#fff}.timezone-card.svelte-1k0k8jt{padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.timezone-header.svelte-1k0k8jt{margin-bottom:var(--space-3)}.control-label.svelte-1k0k8jt{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.timezone-grid.svelte-1k0k8jt{gap:var(--space-2);flex-wrap:wrap;display:flex}.tz-btn.svelte-1k0k8jt{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-1k0k8jt:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.tz-btn.active.svelte-1k0k8jt{background:var(--accent-muted);color:var(--accent);border-color:var(--accent-muted)}.input-field.svelte-1k0k8jt{padding:var(--space-3);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);border:none}.input-field.svelte-1k0k8jt:focus{outline:none}.input-field.svelte-1k0k8jt::placeholder{color:var(--text-disabled)}.output-content.svelte-1k0k8jt{padding:var(--space-4);max-height:250px;overflow:auto}.output-content.svelte-1k0k8jt pre:where(.svelte-1k0k8jt){background:0 0;border:none;margin:0;padding:0}.output-content.svelte-1k0k8jt code:where(.svelte-1k0k8jt){font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);white-space:pre;line-height:1.8}.error-state.svelte-1k0k8jt{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);display:flex}.error-icon.svelte-1k0k8jt{flex-shrink:0;width:18px;height:18px;margin-top:1px}.empty-state.svelte-1k0k8jt{justify-content:center;align-items: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);flex-direction:column;display:flex}.empty-icon.svelte-1k0k8jt{opacity:.5;width:32px;height:32px}@media (width<=768px){.mode-selector.svelte-1k0k8jt{flex-direction:column;width:100%}.mode-btn.svelte-1k0k8jt{justify-content:center}}