.AspectRatioCalculator_tool__DSj6r{display:flex;flex-direction:column;gap:var(--space-8);max-width:54rem}.AspectRatioCalculator_privacyBadge__Abwik{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;background:var(--accent-subtle);color:var(--accent);border:1px solid var(--border);padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.8125rem;font-weight:600}.AspectRatioCalculator_badgeDot__NL4rg{width:7px;height:7px;border-radius:50%;background:#10b981}.AspectRatioCalculator_card__pvj2I{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);box-shadow:var(--shadow-sm)}.AspectRatioCalculator_presetsRow__iOWze{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.AspectRatioCalculator_presetBtn__tLYZz{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;background:var(--bg-subtle);color:var(--text);border:1px solid var(--border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.AspectRatioCalculator_presetBtn__tLYZz:hover{border-color:var(--accent);background:var(--surface)}.AspectRatioCalculator_inputsGrid__b7oJ0{display:grid;grid-template-columns:1fr 40px 1fr 120px;grid-gap:var(--space-4);gap:var(--space-4);align-items:center}@media (max-width:640px){.AspectRatioCalculator_inputsGrid__b7oJ0{grid-template-columns:1fr}}.AspectRatioCalculator_group__EBkjc{display:flex;flex-direction:column;gap:var(--space-2)}.AspectRatioCalculator_label__GHmbI{font-size:.875rem;font-weight:600;color:var(--text)}.AspectRatioCalculator_input__aJIs3{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text)}.AspectRatioCalculator_lockBtn__T06_u{background:var(--bg-subtle);border:1px solid var(--border-strong);color:var(--text);font-size:1.25rem;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background-color .12s ease}.AspectRatioCalculator_lockBtnActive__JT7lM{background:var(--accent);color:#ffffff;border-color:var(--accent)}.AspectRatioCalculator_previewContainer__WQpHC{height:200px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);display:grid;place-items:center;padding:var(--space-4)}.AspectRatioCalculator_previewBox__rAiYz{max-width:100%;max-height:100%;background:var(--accent-subtle);border:2px solid var(--accent);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2);color:var(--accent);font-family:var(--font-mono);font-size:.875rem;font-weight:700;transition:all .2s ease}.AspectRatioCalculator_metricsGrid__3XNhr{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.AspectRatioCalculator_metricCard__lMN4g{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.AspectRatioCalculator_metricLabel__Blrso{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.AspectRatioCalculator_metricRow__jSjIW{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.AspectRatioCalculator_metricVal__oCtWB{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:var(--text)}.AspectRatioCalculator_ppiBox__Ycl86{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.AspectRatioCalculator_ppiInputsRow__uDdwc{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.AspectRatioCalculator_copyBtn__cSfH6{font-family:var(--font-sans);font-size:.75rem;font-weight:600;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);padding:2px 8px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.AspectRatioCalculator_copyBtn__cSfH6:hover{background:var(--bg-subtle)}