.conv.svelte-5u8cpk{display:grid;gap:18px}.panes.svelte-5u8cpk{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch}.pane.svelte-5u8cpk{display:flex;flex-direction:column;min-width:0}.pane-head.svelte-5u8cpk{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;min-height:40px;margin-bottom:6px}.pane-head.svelte-5u8cpk .label:where(.svelte-5u8cpk){margin-bottom:0}.tools.svelte-5u8cpk{gap:2px}.io.svelte-5u8cpk{flex:1;min-height:200px;font-size:16px;line-height:1.65}.output.svelte-5u8cpk{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;max-height:480px;overflow-y:auto}.output.empty-out.svelte-5u8cpk{color:var(--text-3)}.pane-foot.svelte-5u8cpk{min-height:22px;margin-top:6px;font-size:12.5px}.detect.svelte-5u8cpk{display:inline-flex;align-items:center;gap:4px;color:var(--primary-text);font-weight:600}.swap-wrap.svelte-5u8cpk{display:flex;align-items:center;justify-content:center;padding-top:40px}.swap.svelte-5u8cpk{width:44px;height:44px;border-radius:999px}.examples.svelte-5u8cpk{padding-top:14px;border-top:1px solid var(--border)}.ex-label.svelte-5u8cpk{margin-bottom:8px}.examples.svelte-5u8cpk .chip:where(.svelte-5u8cpk){height:36px;max-width:100%}.ex-text.svelte-5u8cpk{font-family:var(--font-mono);color:var(--text);overflow:hidden;text-overflow:ellipsis}.ex-hint.svelte-5u8cpk{color:var(--text-3)}.keymap.svelte-5u8cpk .table:where(.svelte-5u8cpk) td:where(.svelte-5u8cpk){text-align:center;padding:8px 4px;white-space:nowrap}.k-en.svelte-5u8cpk{display:block;font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.k-ko.svelte-5u8cpk{display:block;font-size:16px;font-weight:700;color:var(--text)}@media (pointer: coarse){.pane-head.svelte-5u8cpk .btn:where(.svelte-5u8cpk),.examples.svelte-5u8cpk .chip:where(.svelte-5u8cpk){height:40px}}@media (max-width: 767px){.panes.svelte-5u8cpk{grid-template-columns:minmax(0,1fr);gap:4px}.swap-wrap.svelte-5u8cpk{padding-top:0}.swap.svelte-5u8cpk svg{transform:rotate(90deg)}.io.svelte-5u8cpk{min-height:140px}}