.IPBinary_inputGrid__iM7gU{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.IPBinary_visualiser__FpdmY{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6) var(--space-4);margin-bottom:var(--space-5)}.IPBinary_octets__fqVfM{display:flex;align-items:flex-end;gap:var(--space-2);flex-wrap:wrap}.IPBinary_octet__AYkev{display:flex;align-items:flex-end;gap:var(--space-1)}.IPBinary_bits__4Xd5_{display:flex;gap:3px}.IPBinary_bit__9IwY0{width:32px;height:44px;border-radius:var(--radius-sm);border:1px solid;font-family:var(--font-mono);font-size:16px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform 80ms ease;display:flex;align-items:center;justify-content:center}.IPBinary_bit__9IwY0:active{transform:scale(.92)}.IPBinary_bitOn__RYFU0{background:rgba(0,170,255,.15);border-color:rgba(0,170,255,.5);color:var(--color-blue)}.IPBinary_bitOn__RYFU0:hover{background:rgba(0,170,255,.25);border-color:var(--color-blue)}.IPBinary_bitOff__zm6a2{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-tertiary)}.IPBinary_bitOff__zm6a2:hover{background:var(--color-bg-hover);border-color:var(--color-text-tertiary);color:var(--color-text-secondary)}.IPBinary_decimal__UL7Ld{font-family:var(--font-mono);font-size:13px;color:var(--color-text-secondary);text-align:center;width:calc(32px * 8 + 3px * 7);margin-top:var(--space-2)}.IPBinary_dot__2VpBy{font-size:20px;color:var(--color-text-tertiary);margin-bottom:10px;flex-shrink:0}.IPBinary_legend__LQFLC{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-xs)}.IPBinary_legendOn__NeE62{color:var(--color-blue)}.IPBinary_legendHint__s4LI3,.IPBinary_legendOff__Ino7J{color:var(--color-text-tertiary)}.IPBinary_legendHint__s4LI3{margin-left:auto}.IPBinary_breakdown__DXKO2{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5)}.IPBinary_breakdownTitle__f3iRu{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.IPBinary_breakdownGrid__0c94e{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-4)}.IPBinary_breakdownCell__mvXMd{background:var(--color-bg-tertiary);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:3px;text-align:center}.IPBinary_breakdownBin__Yh_sw{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);letter-spacing:.05em}.IPBinary_breakdownDec__dA77C{font-family:var(--font-mono);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-blue)}.IPBinary_breakdownLabel__o4iKW{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.IPBinary_breakdownFull__pPDLX{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.IPBinary_breakdownFullVal__xY7Uv{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);margin-left:var(--space-2)}@media (max-width:768px){.IPBinary_inputGrid__iM7gU{flex-direction:column}.IPBinary_bit__9IwY0{width:26px;height:38px;font-size:13px}.IPBinary_breakdownGrid__0c94e{grid-template-columns:repeat(2,1fr)}}