.calculator-page.svelte-4w2539{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#0a0a0f,#12121a);padding:1.5rem;margin:0 -1em -1em}.header.svelte-4w2539{max-width:1200px;margin:0 auto 1.5rem}.back-link.svelte-4w2539{display:inline-flex;align-items:center;gap:.5rem;color:#888;text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:color .2s}.back-link.svelte-4w2539:hover{color:#27ca40}.back-link.svelte-4w2539 svg:where(.svelte-4w2539){width:18px;height:18px}.header.svelte-4w2539 h1:where(.svelte-4w2539){color:#fff;font-size:1.75rem;margin:0 0 .5rem;font-family:JetBrains Mono,Fira Code,monospace}.icon.svelte-4w2539{margin-right:.5rem}.subtitle.svelte-4w2539{color:#888;margin:0}.main-content.svelte-4w2539{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.input-section.svelte-4w2539{position:sticky;top:2rem;height:fit-content}.input-header.svelte-4w2539{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.label.svelte-4w2539{color:#888;font-size:.9rem}.code-toggle.svelte-4w2539{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.85rem;cursor:pointer}.code-toggle.svelte-4w2539 input:where(.svelte-4w2539){accent-color:#27ca40}textarea.svelte-4w2539{width:100%;height:300px;background:#0d0d14;border:1px solid #2a2a3a;border-radius:12px;color:#e0e0e0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;padding:1rem;resize:vertical;transition:border-color .2s}textarea.svelte-4w2539:focus{outline:none;border-color:#27ca40}textarea.svelte-4w2539::placeholder{color:#4a4a5a}.quick-stats.svelte-4w2539{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.stat.svelte-4w2539{background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;padding:1rem;text-align:center}.stat-value.svelte-4w2539{display:block;font-size:1.5rem;font-weight:600;color:#fff;font-family:JetBrains Mono,Fira Code,monospace}.stat-label.svelte-4w2539{display:block;font-size:.75rem;color:#888;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.results-section.svelte-4w2539 h2:where(.svelte-4w2539){color:#fff;font-size:1.25rem;margin:0 0 .5rem}.disclaimer.svelte-4w2539{color:#666;font-size:.8rem;margin:0 0 1.5rem}.models-grid.svelte-4w2539{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.model-card.svelte-4w2539{background:linear-gradient(135deg,#1a1a24,#15151f);border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;transition:border-color .2s}.model-card.svelte-4w2539:hover{border-color:#3a3a4a}.model-header.svelte-4w2539{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.model-name.svelte-4w2539{color:#fff;font-weight:600}.model-provider.svelte-4w2539{font-size:.75rem;color:#888;background:#2a2a3a;padding:.2rem .5rem;border-radius:4px}.token-count.svelte-4w2539{margin-bottom:1rem}.count.svelte-4w2539{font-size:2rem;font-weight:700;color:#27ca40;font-family:JetBrains Mono,Fira Code,monospace}.count-label.svelte-4w2539{font-size:.85rem;color:#888;margin-left:.5rem}.context-bar.svelte-4w2539{height:6px;background:#2a2a3a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.context-fill.svelte-4w2539{height:100%;background:linear-gradient(90deg,#27ca40,#00d4ff);border-radius:3px;transition:width .3s ease}.context-fill.warning.svelte-4w2539{background:linear-gradient(90deg,#ffbd2e,#ff9500)}.context-fill.danger.svelte-4w2539{background:linear-gradient(90deg,#ff5f56,#ff2d20)}.context-info.svelte-4w2539{font-size:.75rem;color:#666;margin-bottom:1rem}.cost-info.svelte-4w2539{border-top:1px solid #2a2a3a;padding-top:.75rem}.cost-row.svelte-4w2539{display:flex;justify-content:space-between;font-size:.8rem;color:#888;margin-bottom:.25rem}.cost-row.svelte-4w2539 span:where(.svelte-4w2539):last-child{color:#27ca40;font-family:JetBrains Mono,Fira Code,monospace}@media(max-width:900px){.main-content.svelte-4w2539{grid-template-columns:1fr}.input-section.svelte-4w2539{position:static}textarea.svelte-4w2539{height:200px}}.seo-content.svelte-4w2539{max-width:800px;margin:3rem auto 0;padding:2rem 0 0;border-top:1px solid #2a2a3a}.seo-content.svelte-4w2539 h2:where(.svelte-4w2539){color:#fff;font-size:1.25rem;margin:0 0 1rem}.seo-content.svelte-4w2539 p:where(.svelte-4w2539){color:#888;font-size:.95rem;line-height:1.7;margin:0 0 1rem}.seo-content.svelte-4w2539 p:where(.svelte-4w2539):last-child{margin-bottom:0}