.PunnettSquare_wrap__c3H2e{max-width:700px;margin:0 auto}.PunnettSquare_card__K63oJ{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px}.PunnettSquare_inputsGrid__1G3L9{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.PunnettSquare_field__VCxOb{display:flex;flex-direction:column;gap:6px}.PunnettSquare_label__ds_tG{font-size:.85rem;font-weight:600;color:#374151}.PunnettSquare_input__sP4B6{padding:10px 12px;font-size:1rem;font-family:monospace;border:1px solid #d1d5db;border-radius:8px;outline:none}.PunnettSquare_input__sP4B6:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.PunnettSquare_traitRow__gI7kg{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.PunnettSquare_traitGroup___3Ed_{flex:1 1;min-width:200px;display:flex;flex-direction:column;gap:6px}.PunnettSquare_traitHeading__O3_8H{font-size:.78rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.PunnettSquare_traitInput__aQ1NQ{padding:7px 10px;font-size:.85rem;border:1px solid #e5e7eb;border-radius:7px;outline:none}.PunnettSquare_traitInput__aQ1NQ:focus{border-color:#667eea}.PunnettSquare_error__BPZQp{margin-top:14px;padding:10px 14px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.875rem}.PunnettSquare_gridWrap__SQt8I{overflow-x:auto;margin-top:24px}.PunnettSquare_grid__RGXlH{border-collapse:collapse;margin:0 auto}.PunnettSquare_grid__RGXlH td,.PunnettSquare_grid__RGXlH th{border:2px solid #e5e7eb;min-width:64px;height:56px;text-align:center;font-size:.95rem;font-family:monospace;font-weight:600}.PunnettSquare_grid__RGXlH th{background:#f3f4f6;color:#374151}.PunnettSquare_gamete___54yt{background:#ede9fe!important;color:#5b21b6!important;font-size:1.05rem}.PunnettSquare_cell__V5JE4{transition:background .1s}.PunnettSquare_homDom__ly3dZ{background:#dcfce7;color:#166534}.PunnettSquare_het__bjajS{background:#fef9c3;color:#854d0e}.PunnettSquare_homRec__3OImu{background:#fee2e2;color:#991b1b}.PunnettSquare_ratios__CfCnM{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:24px}.PunnettSquare_ratioBlock___CyQF{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.PunnettSquare_ratioTitle__4d5u9{font-size:.85rem;font-weight:700;color:#374151;margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em}.PunnettSquare_ratioRow__b6d7B{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #f3f4f6;font-size:.875rem}.PunnettSquare_ratioRow__b6d7B:last-child{border-bottom:none}.PunnettSquare_ratioLabel__7oPir{flex:1 1;font-family:monospace;font-weight:600;color:#1f2937}.PunnettSquare_ratioFrac__Fsaxp{color:#6b7280}.PunnettSquare_ratioPct__dHr3c{font-weight:700;color:#667eea;min-width:40px;text-align:right}@media (max-width:500px){.PunnettSquare_inputsGrid__1G3L9,.PunnettSquare_ratios__CfCnM{grid-template-columns:1fr}}