.tool.svelte-1syzo60{flex-direction:column;gap:0;width:100%;display:flex}.converter-grid.svelte-1syzo60{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.base-card.svelte-1syzo60{gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.base-header.svelte-1syzo60{justify-content:space-between;align-items:center;display:flex}.base-name.svelte-1syzo60{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.base-prefix.svelte-1syzo60{font-size:var(--text-xs);color:var(--text-tertiary)}.base-card.svelte-1syzo60 input:where(.svelte-1syzo60){padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-lg);outline:none}.base-card.svelte-1syzo60 input:where(.svelte-1syzo60):focus{border-color:var(--accent);box-shadow:var(--glow-focus)}.base-card.svelte-1syzo60 input:where(.svelte-1syzo60):invalid{border-color:var(--error)}.quick-conversions.svelte-1syzo60 h3:where(.svelte-1syzo60){font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.conversion-grid.svelte-1syzo60{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.conv-btn.svelte-1syzo60{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.conv-btn.svelte-1syzo60:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-dim)}.error-state.svelte-1syzo60{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--error-soft);border:1px solid var(--error);border-radius:var(--radius);color:var(--error);font-size:var(--text-sm);display:flex}@media (width<=768px){.converter-grid.svelte-1syzo60{grid-template-columns:1fr}.conversion-grid.svelte-1syzo60{grid-template-columns:repeat(2,1fr)}}