.converter.svelte-18p0ho1{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow:hidden}.presets.svelte-18p0ho1{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.preset.svelte-18p0ho1{padding:var(--preset-pad-y) var(--preset-pad-x);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:var(--preset-font);transition:all .15s;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.preset.svelte-18p0ho1:hover{background:var(--accent-light);border-color:var(--accent)}.row.svelte-18p0ho1{display:flex;flex-direction:column}.two-col.svelte-18p0ho1{flex-direction:row;align-items:flex-end;gap:.75rem}.two-col.svelte-18p0ho1 label:where(.svelte-18p0ho1){flex:1;min-width:0}label.svelte-18p0ho1{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}input.svelte-18p0ho1,select.svelte-18p0ho1{padding:var(--control-pad-y) var(--control-pad-x);min-height:var(--control-h);border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:var(--control-font);transition:border-color .15s;width:100%;box-sizing:border-box;min-width:0}input.svelte-18p0ho1:focus,select.svelte-18p0ho1:focus{outline:none;border-color:var(--accent)}.swap.svelte-18p0ho1{padding:var(--control-pad-y);min-height:var(--control-h);min-width:var(--control-h);border:1px solid var(--border);background:var(--bg-input);color:var(--accent);border-radius:8px;cursor:pointer;font-size:1.1rem;transition:all .15s;flex-shrink:0}.swap.svelte-18p0ho1:hover{background:var(--accent-light)}.result.svelte-18p0ho1{padding:1rem;background:var(--accent-light);border-radius:8px;display:flex;justify-content:center;align-items:center}.result-text.svelte-18p0ho1{font-size:1.1rem;text-align:center}.result.svelte-18p0ho1 strong:where(.svelte-18p0ho1){color:var(--accent)}@media(max-width:480px){.presets.svelte-18p0ho1{grid-template-columns:repeat(2,1fr)}.two-col.svelte-18p0ho1{flex-direction:column;align-items:stretch;gap:.75rem}.two-col.svelte-18p0ho1 label:where(.svelte-18p0ho1){flex:none;width:100%}.swap.svelte-18p0ho1{align-self:center;width:3rem}.result-text.svelte-18p0ho1{font-size:1rem}}