.calc.svelte-1pu5kr7{display:flex;flex-direction:column;gap:1.25rem;max-width:100%;overflow:hidden}.mode-toggle.svelte-1pu5kr7{display:flex;gap:.5rem}.mode-toggle.svelte-1pu5kr7 button:where(.svelte-1pu5kr7){flex:1;padding:var(--preset-pad-y) var(--preset-pad-x);min-height:var(--control-h);border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:var(--preset-font);font-weight:500;transition:all .15s}.mode-toggle.svelte-1pu5kr7 button.active:where(.svelte-1pu5kr7){background:var(--accent);color:#fff;border-color:var(--accent)}.description.svelte-1pu5kr7{margin:0;font-size:.85rem;color:var(--text-muted)}.presets.svelte-1pu5kr7{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.preset.svelte-1pu5kr7{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}.preset.svelte-1pu5kr7:hover,.preset.active.svelte-1pu5kr7{background:var(--accent-light);border-color:var(--accent)}.input-group.svelte-1pu5kr7{display:flex;gap:1rem}.input-group.svelte-1pu5kr7 label:where(.svelte-1pu5kr7){flex:1;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500;min-width:0}input.svelte-1pu5kr7{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);width:100%;box-sizing:border-box}input.svelte-1pu5kr7:focus{outline:none;border-color:var(--accent)}.result.svelte-1pu5kr7{padding:1rem;background:var(--accent-light);border-radius:8px;display:flex;justify-content:center;align-items:center}.result-content.svelte-1pu5kr7{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem;flex-wrap:wrap}.result.svelte-1pu5kr7 .label:where(.svelte-1pu5kr7){color:var(--text-secondary)}.result.svelte-1pu5kr7 strong:where(.svelte-1pu5kr7){color:var(--accent);font-size:1.3rem}.example.svelte-1pu5kr7{font-size:.85rem;color:var(--text-muted);padding:.75rem;background:var(--bg-input);border-radius:6px}.example.svelte-1pu5kr7 strong:where(.svelte-1pu5kr7){color:var(--text-secondary)}.reference.svelte-1pu5kr7{margin-top:.5rem;padding:1rem;background:var(--bg-input);border-radius:8px}.reference.svelte-1pu5kr7 h3:where(.svelte-1pu5kr7){margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted);font-weight:500}.ref-grid.svelte-1pu5kr7{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;font-size:.85rem;color:var(--text-secondary)}@media(max-width:480px){.input-group.svelte-1pu5kr7{flex-direction:column;gap:.75rem}.presets.svelte-1pu5kr7{grid-template-columns:repeat(2,1fr)}.mode-toggle.svelte-1pu5kr7 button:where(.svelte-1pu5kr7){padding:var(--preset-pad-y) .4rem}.result-content.svelte-1pu5kr7{flex-direction:column;text-align:center;gap:.25rem}.result.svelte-1pu5kr7 strong:where(.svelte-1pu5kr7){font-size:1.5rem}}