.calc{margin-top:26px;display:grid;grid-template-columns:.92fr 1.08fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}@media(max-width:820px){.calc{grid-template-columns:1fr}}.calc-controls{padding:24px;border-right:1px solid var(--line)}.calc-output{padding:24px;background:linear-gradient(180deg,color-mix(in oklch,var(--acc) 4%,var(--surface)),var(--surface))}@media(max-width:820px){.calc-controls{border-right:none;border-bottom:1px solid var(--line)}}.calc-pane-h{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.calc-field-l{display:block;font-size:var(--fs-sm);color:var(--muted);margin-bottom:10px;padding:0}.calc-field{border:0;margin:0 0 22px;padding:0;min-width:0}.calc-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.calc-tab{flex:1;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:600;min-height:44px;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.calc-tab.on{background:var(--acc);color:#fff;box-shadow:var(--shadow-acc)}.calc-tab:not(.on):hover{color:var(--text)}.calc-controls .vol{margin:0 0 22px}.calc-llm{margin:0 0 22px;padding:18px 0 0;border-top:1px solid var(--line)}.calc-llm-toggle{display:flex;align-items:flex-start;gap:9px;font-size:var(--fs-sm);color:var(--text);font-weight:600;cursor:pointer;line-height:1.4}.calc-llm-toggle input{width:17px;height:17px;margin-top:1px;accent-color:var(--acc);cursor:pointer}.calc-llm-opts{margin:12px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.calc-llm-opts label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.calc-llm-opts select{font-family:var(--font-sans);font-size:var(--fs-sm);padding:7px 12px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer}.calc-llm-note{margin:10px 0 0;font-size:var(--fs-xs);color:var(--muted);line-height:1.5}.calc-caveat{margin:0;font-size:var(--fs-xs);color:var(--muted);line-height:1.55;padding:12px 14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.calc-caveat b{font-family:var(--font-mono);color:var(--text);font-weight:600}.calc-headline{display:flex;flex-direction:column;gap:3px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--acc-line);background:var(--acc-soft);border-radius:var(--radius-sm)}.calc-hl-lbl{font-size:var(--fs-xs);color:var(--muted)}.calc-hl-who{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--text)}.calc-hl-big{font-family:var(--font-mono);font-weight:600;font-size:1.7rem;line-height:1.1;color:var(--text)}.calc-hl-cheap{margin-top:4px;font-size:var(--fs-sm);color:var(--muted)}.calc-hl-cheap b{font-family:var(--font-mono);color:var(--text)}.calc-results{list-style:none;margin:0;padding:0;display:grid;gap:7px}.calc-results li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .15s ease}.calc-results li.best{border-color:var(--acc-line)}.calc-results li:hover{border-color:var(--acc)}.calc-results a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px}.calc-name{font-family:var(--font-display);font-weight:700;font-size:.98rem;color:var(--text);display:inline-flex;align-items:center;gap:10px}.calc-logo{flex:none;width:24px;height:24px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);padding:2px;object-fit:contain}.calc-flag{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--good);background:color-mix(in oklch,var(--good) 14%,transparent);border:1px solid color-mix(in oklch,var(--good) 35%,var(--line));padding:2px 7px;border-radius:100px}.calc-flag.cheap{color:var(--acc);background:color-mix(in oklch,var(--acc) 12%,transparent);border-color:color-mix(in oklch,var(--acc) 35%,var(--line))}.calc-cost{text-align:right;display:flex;flex-direction:column;gap:2px}.calc-cost b{font-family:var(--font-mono);font-size:1.02rem;color:var(--text)}.calc-sub{font-size:.72rem;font-family:var(--font-mono);color:var(--muted)}@media(prefers-reduced-motion:reduce){.calc-results li{transition:none}}.calc-fallback{margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:var(--fs-sm)}.calc-fallback a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}.calc-showall{display:block;width:100%;margin-top:10px;min-height:44px;padding:10px 14px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--acc);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:border-color .15s ease}.calc-showall:hover{border-color:var(--acc)}.calc-showall-n{color:var(--muted);font-weight:400}@media(prefers-reduced-motion:reduce){.calc-showall{transition:none}}.calcpage[data-astro-cid-c3zj3n4r]{padding-top:30px}.tool-hero[data-astro-cid-c3zj3n4r]{max-width:680px}.tool-hero[data-astro-cid-c3zj3n4r] .kicker[data-astro-cid-c3zj3n4r]{color:var(--acc);font-size:.72rem;letter-spacing:.12em}h1[data-astro-cid-c3zj3n4r]{font-size:clamp(2rem,1.5rem + 2vw,2.9rem);margin:10px 0 0}.lede[data-astro-cid-c3zj3n4r]{color:var(--muted);font-size:var(--fs-lg);line-height:1.5;margin:14px 0 0;max-width:56ch}.below[data-astro-cid-c3zj3n4r]{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;margin:22px 0 0}.foot-note[data-astro-cid-c3zj3n4r]{flex:1 1 360px;color:var(--faint);font-size:var(--fs-sm);max-width:64ch;line-height:1.6;margin:0}.below-links[data-astro-cid-c3zj3n4r]{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--font-mono);font-size:var(--fs-sm)}.below-links[data-astro-cid-c3zj3n4r] a[data-astro-cid-c3zj3n4r]{color:var(--acc);text-decoration:none}.below-links[data-astro-cid-c3zj3n4r] a[data-astro-cid-c3zj3n4r]:hover{text-decoration:underline;text-underline-offset:3px}
