.tool.svelte-191tg71{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:40px;border:1.5px solid var(--ink)}.tool__inputs.svelte-191tg71,.tool__result.svelte-191tg71{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.modes.svelte-191tg71{display:flex;flex-wrap:wrap;gap:8px}.mode.svelte-191tg71{padding:12px 16px;border:1.5px solid var(--hairline);background:var(--surface);color:var(--ink);font-family:var(--font-text);font-size:16px;font-weight:600;cursor:pointer}.mode.svelte-191tg71:hover{border-color:var(--ink)}.mode.is-on.svelte-191tg71{border-color:var(--ink);background:var(--ink);color:var(--on-night)}.field.svelte-191tg71{display:flex;flex-direction:column;gap:8px;align-self:stretch}.field.svelte-191tg71 .eyebrow:where(.svelte-191tg71),.tool__label.svelte-191tg71{color:var(--graphite)}.field__box.svelte-191tg71{display:flex;align-items:center;gap:12px;padding:0 18px;border:1.5px solid var(--ink)}.field__box.svelte-191tg71:focus-within{outline:2px solid var(--magenta);outline-offset:2px}.field__unit.svelte-191tg71{font-family:var(--font-mono);font-size:22px;color:var(--graphite)}.field__box.svelte-191tg71 input:where(.svelte-191tg71){flex:1;min-width:0;padding:18px 0;border:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:34px;letter-spacing:-.5px;caret-color:var(--magenta)}.field__box.svelte-191tg71 input:where(.svelte-191tg71):focus{outline:none}.field__box.svelte-191tg71 input:where(.svelte-191tg71)::placeholder{color:var(--hairline)}.rates.svelte-191tg71{color:var(--graphite)}.breakdown.svelte-191tg71{align-self:stretch;margin:0;border-top:1.5px solid var(--ink)}.breakdown.svelte-191tg71 div:where(.svelte-191tg71){display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--hairline);font-family:var(--font-text);font-size:17px}.breakdown.svelte-191tg71 dd:where(.svelte-191tg71){margin:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.breakdown.svelte-191tg71 .is-total:where(.svelte-191tg71){border-bottom:1.5px solid var(--ink);font-weight:600}.breakdown.svelte-191tg71 .is-total:where(.svelte-191tg71) dd:where(.svelte-191tg71){font-size:20px}.empty.svelte-191tg71{font-family:var(--font-text);font-size:17px;line-height:1.5;color:var(--graphite)}@media(max-width:1100px){.tool.svelte-191tg71{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.tool.svelte-191tg71{padding:20px 16px}.field__box.svelte-191tg71 input:where(.svelte-191tg71){font-size:26px}}