.tool-page[data-astro-cid-6xrckqju]{max-width:940px;margin:0 auto;padding:2rem 1.5rem 4rem}.breadcrumb[data-astro-cid-6xrckqju]{color:var(--text-muted);gap:.5rem;margin-bottom:1.5rem;font-size:.88rem;display:flex}.breadcrumb[data-astro-cid-6xrckqju] a[data-astro-cid-6xrckqju]{color:var(--primary);text-decoration:none}.tool-header[data-astro-cid-6xrckqju]{text-align:center;margin-bottom:2.5rem}.tool-badge[data-astro-cid-6xrckqju]{color:#10b981;background:#10b9811f;border-radius:999px;margin-bottom:.75rem;padding:.35rem .9rem;font-size:.82rem;font-weight:700;display:inline-block}.tool-header[data-astro-cid-6xrckqju] h1[data-astro-cid-6xrckqju]{color:var(--text);margin-bottom:.75rem;font-size:2.2rem;font-weight:800}.tool-subtitle[data-astro-cid-6xrckqju]{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.6}.ratio-grid[data-astro-cid-6xrckqju]{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}@media (width<=768px){.ratio-grid[data-astro-cid-6xrckqju]{grid-template-columns:1fr}}.card[data-astro-cid-6xrckqju]{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.75rem}.form-card[data-astro-cid-6xrckqju] h3[data-astro-cid-6xrckqju],.preview-card[data-astro-cid-6xrckqju] h3[data-astro-cid-6xrckqju]{color:var(--text);margin-bottom:1.25rem;font-size:1.2rem;font-weight:700}.form-card[data-astro-cid-6xrckqju] h4[data-astro-cid-6xrckqju]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:1.5rem 0 .75rem;font-size:.95rem;font-weight:700}.presets-flow[data-astro-cid-6xrckqju]{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.btn-preset[data-astro-cid-6xrckqju]{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-preset[data-astro-cid-6xrckqju].active,.btn-preset[data-astro-cid-6xrckqju]:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.ratio-inputs-row[data-astro-cid-6xrckqju]{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ratio-colon[data-astro-cid-6xrckqju]{color:var(--text-muted);margin-top:1rem;font-size:1.8rem;font-weight:800}.num-input[data-astro-cid-6xrckqju]{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);text-align:center;border-radius:8px;padding:.75rem;font-size:1.1rem;font-weight:700}.pixels-inputs-row[data-astro-cid-6xrckqju]{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-with-symbol[data-astro-cid-6xrckqju]{align-items:center;display:flex;position:relative}.input-with-symbol[data-astro-cid-6xrckqju] input[data-astro-cid-6xrckqju]{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:.75rem 2.8rem .75rem 1rem;font-size:1.1rem;font-weight:700}.input-with-symbol[data-astro-cid-6xrckqju] .symbol[data-astro-cid-6xrckqju]{color:var(--text-muted);font-size:.85rem;font-weight:600;position:absolute;right:.8rem}.stage-container[data-astro-cid-6xrckqju]{background:var(--bg);border:1px dashed var(--border);border-radius:12px;justify-content:center;align-items:center;height:260px;margin-bottom:1.5rem;display:flex}.ratio-box[data-astro-cid-6xrckqju]{text-align:center;background:#6366f126;border:2px solid #6366f1;border-radius:10px;justify-content:center;align-items:center;max-width:90%;max-height:90%;transition:all .2s;display:flex}.ratio-box[data-astro-cid-6xrckqju] span[data-astro-cid-6xrckqju]{color:#6366f1;word-break:break-all;padding:.5rem;font-size:.82rem;font-weight:700}.code-wrap[data-astro-cid-6xrckqju]{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-header[data-astro-cid-6xrckqju]{border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.8rem;font-weight:700;display:flex}.btn-copy-sm[data-astro-cid-6xrckqju]{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700}.code-block[data-astro-cid-6xrckqju]{color:var(--text);margin:0;padding:.9rem 1rem;font-family:monospace;font-size:.9rem}.info-section[data-astro-cid-6xrckqju]{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:2rem;padding:2rem}.info-section[data-astro-cid-6xrckqju] h2[data-astro-cid-6xrckqju]{color:var(--text);margin-bottom:1rem;font-size:1.35rem;font-weight:700}.info-section[data-astro-cid-6xrckqju] ul[data-astro-cid-6xrckqju]{color:var(--text-muted);padding-left:1.5rem;line-height:1.8}