﻿.SubnetMaskTool-module__3QnCkW__root{gap:var(--space-5);flex-direction:column;display:flex}.SubnetMaskTool-module__3QnCkW__inputWrap{gap:var(--space-2);flex-direction:column;display:flex}.SubnetMaskTool-module__3QnCkW__label{color:var(--text);font-size:.875rem;font-weight:600}.SubnetMaskTool-module__3QnCkW__input{padding:var(--space-3) var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);color:var(--text);transition:border-color var(--transition-fast);font-size:1rem}.SubnetMaskTool-module__3QnCkW__input:focus{border-color:var(--primary);outline:none}.SubnetMaskTool-module__3QnCkW__err{border-color:var(--error)}.SubnetMaskTool-module__3QnCkW__errMsg{color:var(--error);font-size:.8125rem}.SubnetMaskTool-module__3QnCkW__quick{gap:var(--space-2);flex-wrap:wrap;display:flex}.SubnetMaskTool-module__3QnCkW__qBtn{padding:var(--space-1) var(--space-3);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);transition:all var(--transition-fast)}.SubnetMaskTool-module__3QnCkW__qBtn:hover{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary)}.SubnetMaskTool-module__3QnCkW__qBtnActive{background:var(--primary);border-color:var(--primary);color:#fff}.SubnetMaskTool-module__3QnCkW__results{gap:var(--space-2);flex-direction:column;display:flex}.SubnetMaskTool-module__3QnCkW__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.SubnetMaskTool-module__3QnCkW__rowLabel{color:var(--text-muted);font-size:.8125rem}.SubnetMaskTool-module__3QnCkW__rowVal{font-family:var(--font-mono);color:var(--text);font-size:.875rem}.SubnetMaskTool-module__3QnCkW__tableCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.SubnetMaskTool-module__3QnCkW__tableCardHeader{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.SubnetMaskTool-module__3QnCkW__cardTitle{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.SubnetMaskTool-module__3QnCkW__toggleBtn{padding:var(--space-1) var(--space-3);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem}.SubnetMaskTool-module__3QnCkW__toggleBtn:hover{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary)}.SubnetMaskTool-module__3QnCkW__table{flex-direction:column;display:flex}.SubnetMaskTool-module__3QnCkW__tHead{padding:var(--space-2) var(--space-3);background:var(--bg-alt);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);grid-template-columns:60px 1fr 1fr 100px;font-size:.75rem;font-weight:600;display:grid}.SubnetMaskTool-module__3QnCkW__tRow{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border-left:3px solid #0000;border-right:none;grid-template-columns:60px 1fr 1fr 100px;align-items:center;font-size:.875rem;display:grid}.SubnetMaskTool-module__3QnCkW__tRow:last-child{border-bottom:none}.SubnetMaskTool-module__3QnCkW__tRow:hover{background:var(--primary-light)}.SubnetMaskTool-module__3QnCkW__tRowActive{background:var(--primary-light);border-left-color:var(--primary)}.SubnetMaskTool-module__3QnCkW__tRow code{font-family:var(--font-mono);color:var(--text);font-size:.8125rem}.SubnetMaskTool-module__3QnCkW__tRow span{color:var(--text-muted);font-size:.8125rem}@media (max-width:640px){.SubnetMaskTool-module__3QnCkW__tHead,.SubnetMaskTool-module__3QnCkW__tRow{grid-template-columns:50px 1fr 1fr}.SubnetMaskTool-module__3QnCkW__tHead span:last-child,.SubnetMaskTool-module__3QnCkW__tRow span:last-child{display:none}}
