.tool-main[data-astro-cid-uk4exjep]{padding-top:24px;padding-bottom:60px}.tool-heading[data-astro-cid-uk4exjep]{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.tool-heading-icon[data-astro-cid-uk4exjep]{background:var(--brand-soft);width:48px;height:48px;color:var(--brand);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.tool-heading[data-astro-cid-uk4exjep] h1[data-astro-cid-uk4exjep]{margin:0 0 4px;font-size:28px}.tool-heading[data-astro-cid-uk4exjep] p[data-astro-cid-uk4exjep]{color:var(--muted);margin:0;font-size:13px}.ratio-tabs[data-astro-cid-uk4exjep]{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.rtab[data-astro-cid-uk4exjep]{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.rtab[data-astro-cid-uk4exjep].active{color:var(--brand);border-bottom-color:var(--brand)}.rtab[data-astro-cid-uk4exjep]:hover{color:var(--text)}.ratio-panel[data-astro-cid-uk4exjep].hidden{display:none}.ratio-mode-toggle[data-astro-cid-uk4exjep]{gap:6px;margin-bottom:16px;display:flex}.rmode[data-astro-cid-uk4exjep]{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .15s}.rmode[data-astro-cid-uk4exjep].active{background:var(--brand);color:#fff;border-color:var(--brand)}.prop-grid[data-astro-cid-uk4exjep]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.prop-card[data-astro-cid-uk4exjep]{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.prop-label[data-astro-cid-uk4exjep]{color:var(--muted);margin-bottom:16px;font-size:12px}.prop-inputs[data-astro-cid-uk4exjep]{flex-direction:column;gap:12px;display:flex}.prop-pair[data-astro-cid-uk4exjep]{align-items:center;gap:10px;display:flex}.prop-sep[data-astro-cid-uk4exjep]{color:var(--muted);font-size:18px}.ratio-input[data-astro-cid-uk4exjep]{background:var(--surface-muted);border:1px solid var(--border);width:100px;height:44px;color:var(--text);border-radius:8px;outline:0;padding:0 10px;font:16px DM Mono,monospace}.ratio-input[data-astro-cid-uk4exjep]:focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 20%, transparent)}.ratio-input-lg[data-astro-cid-uk4exjep]{background:var(--surface-muted);border:1px solid var(--border);width:90px;height:48px;color:var(--text);text-align:center;border-radius:8px;outline:0;padding:0 12px;font:20px DM Mono,monospace}.ratio-input-lg[data-astro-cid-uk4exjep]:focus{border-color:var(--brand)}.ratio-input-full[data-astro-cid-uk4exjep]{background:var(--surface-muted);border:1px solid var(--border);width:100%;height:44px;color:var(--text);border-radius:8px;outline:0;margin-top:8px;padding:0 12px;font:14px DM Mono,monospace}.ratio-result-box[data-astro-cid-uk4exjep]{background:var(--brand-soft);min-width:100px;height:44px;color:var(--brand);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font:600 18px DM Mono,monospace;display:flex}.ratio-colon[data-astro-cid-uk4exjep]{color:var(--muted);font-size:24px;font-weight:700}.ratio-working[data-astro-cid-uk4exjep]{background:var(--surface-muted);color:var(--muted);border-radius:8px;margin-top:12px;padding:10px 14px;font:12px DM Mono,monospace}.prop-example-box[data-astro-cid-uk4exjep]{background:var(--surface-muted);border:1px dashed var(--border-strong);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.ex-title[data-astro-cid-uk4exjep]{color:var(--subtle);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:10px;font-weight:600}.ex-text[data-astro-cid-uk4exjep]{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.try-example[data-astro-cid-uk4exjep]{border:1px solid var(--border);color:var(--brand);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;padding:6px 12px;font-size:11px}.try-example[data-astro-cid-uk4exjep]:hover{background:var(--brand-soft)}.simplify-grid[data-astro-cid-uk4exjep]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.simp-inputs[data-astro-cid-uk4exjep],.equiv-row-inputs[data-astro-cid-uk4exjep]{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 8px;display:flex}.simp-result[data-astro-cid-uk4exjep]{background:var(--brand-soft);color:var(--brand);border-radius:8px;margin-top:12px;padding:12px 16px;font-size:14px}.ratio-big[data-astro-cid-uk4exjep]{font-family:DM Mono,monospace;font-size:18px}.simp-steps[data-astro-cid-uk4exjep]{color:var(--subtle);margin-top:8px;font:11px DM Mono,monospace}.multi-info[data-astro-cid-uk4exjep]{color:var(--muted);margin-bottom:4px;font-size:12px}.equiv-row[data-astro-cid-uk4exjep]{align-items:center;gap:12px;display:flex}.equiv-row-inputs[data-astro-cid-uk4exjep]{gap:12px}.equiv-table-wrap[data-astro-cid-uk4exjep]{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:16px}.equiv-table[data-astro-cid-uk4exjep]{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.equiv-row[data-astro-cid-uk4exjep]{background:var(--surface-muted);color:var(--text);border-radius:6px;justify-content:center;padding:8px 12px;font:12px DM Mono,monospace}.scale-inputs[data-astro-cid-uk4exjep]{flex-direction:column;gap:12px;display:flex}.pct-row[data-astro-cid-uk4exjep]{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.pct-row[data-astro-cid-uk4exjep] label[data-astro-cid-uk4exjep]{color:var(--muted);font-size:13px}.scale-examples[data-astro-cid-uk4exjep]{background:var(--surface-muted);border-radius:10px;margin-top:16px;padding:16px}.scale-tags[data-astro-cid-uk4exjep]{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.scale-tag[data-astro-cid-uk4exjep]{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--muted);border-radius:6px;padding:6px 12px;font-size:11px;transition:all .12s}.scale-tag[data-astro-cid-uk4exjep]:hover{border-color:var(--brand);color:var(--brand)}.scale-modes[data-astro-cid-uk4exjep]{gap:6px;margin-top:12px;display:flex}@media (width<=600px){.prop-grid[data-astro-cid-uk4exjep],.simplify-grid[data-astro-cid-uk4exjep]{grid-template-columns:1fr}.equiv-table[data-astro-cid-uk4exjep]{grid-template-columns:repeat(2,1fr)}}