.AspectRatio_container__xVKj3{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}@media (min-width:768px){.AspectRatio_container__xVKj3{flex-direction:row;align-items:flex-start}}.AspectRatio_card__G1fGD,.AspectRatio_visualizer__t3jMI{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-6)}.AspectRatio_card__G1fGD{display:flex;flex-direction:column;gap:var(--spacing-6)}.AspectRatio_sectionHeader__fiWtV{font-weight:800;font-size:1.1rem;color:var(--brand-primary);text-transform:uppercase;border-bottom:2px solid var(--border-color);padding-bottom:8px}.AspectRatio_inputRow__VM5rU{display:flex;align-items:center;gap:var(--spacing-4)}.AspectRatio_inputGroup__G2Ymw{flex:1;display:flex;flex-direction:column;gap:4px}.AspectRatio_inputGroup__G2Ymw label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.AspectRatio_numInput__7iFmi{width:100%;padding:var(--spacing-4);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.5rem;font-weight:800;font-family:var(--font-mono);text-align:center;outline:none;transition:all .2s}.AspectRatio_numInput__7iFmi:focus{border-color:var(--brand-primary)}.AspectRatio_divider__0E5k_{font-size:2rem;font-weight:900;color:var(--text-secondary);padding-top:1.5rem}.AspectRatio_presets__kOv08{display:flex;flex-wrap:wrap;gap:8px}.AspectRatio_presets__kOv08 button{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.AspectRatio_presets__kOv08 button:hover{background:var(--brand-primary);color:#000;border-color:var(--brand-primary)}.AspectRatio_visualizer__t3jMI{display:flex;flex-direction:column;gap:var(--spacing-4);height:400px}.AspectRatio_visualizerLabel__wtgK8{font-weight:800;font-size:1.1rem;color:var(--text-primary);text-transform:uppercase;text-align:center}.AspectRatio_visualizerBox___hSRX{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-md);border:1px dashed var(--border-color);padding:var(--spacing-4);overflow:hidden}.AspectRatio_aspectBox__Yfhg9{background:var(--brand-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.AspectRatio_aspectBox__Yfhg9 span{color:#000;font-weight:900;font-size:1.5rem;background:rgba(255,255,255,.8);padding:4px 12px;border-radius:4px}