.subnet-calculator-tool[data-v-80c8e8c4]{display:flex;flex-direction:column;gap:1.5rem}.input-section[data-v-80c8e8c4]{display:flex;flex-direction:column;gap:1rem}.input-row[data-v-80c8e8c4]{display:flex;gap:1rem}.input-group[data-v-80c8e8c4]{display:flex;flex-direction:column;gap:.5rem;flex:1}.input-group.cidr-group[data-v-80c8e8c4]{flex:0 0 120px}.input-label[data-v-80c8e8c4]{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.ip-input[data-v-80c8e8c4]{padding:.875rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:1rem;transition:all .15s ease}.ip-input[data-v-80c8e8c4]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.ip-input[data-v-80c8e8c4]::placeholder{color:var(--color-text-muted);font-family:var(--font-sans)}.cidr-input-wrapper[data-v-80c8e8c4]{display:flex;align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .15s ease}.cidr-input-wrapper[data-v-80c8e8c4]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.cidr-prefix[data-v-80c8e8c4]{padding-left:1rem;font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--color-text-muted)}.cidr-input[data-v-80c8e8c4]{width:100%;padding:.875rem 1rem .875rem .25rem;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-mono);font-size:1rem}.cidr-input[data-v-80c8e8c4]:focus{outline:none}.cidr-presets[data-v-80c8e8c4]{display:flex;flex-direction:column;gap:.5rem}.presets-label[data-v-80c8e8c4]{font-size:.8rem;color:var(--color-text-muted)}.presets-list[data-v-80c8e8c4]{display:flex;flex-wrap:wrap;gap:.5rem}.preset-btn[data-v-80c8e8c4]{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .15s ease;min-width:60px}.preset-btn[data-v-80c8e8c4]:hover{background:var(--color-bg-elevated);border-color:var(--color-primary)}.preset-btn.active[data-v-80c8e8c4]{background:var(--color-primary);border-color:var(--color-primary)}.preset-cidr[data-v-80c8e8c4]{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.preset-btn.active .preset-cidr[data-v-80c8e8c4]{color:var(--color-bg-deep)}.preset-hosts[data-v-80c8e8c4]{font-size:.65rem;color:var(--color-text-muted)}.preset-btn.active .preset-hosts[data-v-80c8e8c4]{color:var(--color-bg-deep);opacity:.8}.action-buttons[data-v-80c8e8c4]{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn[data-v-80c8e8c4]{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;transition:all .15s ease}.action-btn[data-v-80c8e8c4]:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.action-btn.primary[data-v-80c8e8c4]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-deep)}.action-btn.primary[data-v-80c8e8c4]:hover{background:var(--color-primary-light)}.btn-icon[data-v-80c8e8c4]{font-size:1rem}.error-message[data-v-80c8e8c4]{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem}.result-section[data-v-80c8e8c4]{display:flex;flex-direction:column;gap:1rem}.overview-card[data-v-80c8e8c4]{background:linear-gradient(135deg,var(--color-bg-surface) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.overview-header[data-v-80c8e8c4]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.overview-ip[data-v-80c8e8c4]{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.overview-type[data-v-80c8e8c4]{padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.overview-type.private[data-v-80c8e8c4]{background:#eab30826;color:#eab308}.overview-type.public[data-v-80c8e8c4]{background:#22c55e26;color:#22c55e}.overview-stats[data-v-80c8e8c4]{display:flex;gap:2rem}.stat-item[data-v-80c8e8c4]{display:flex;flex-direction:column}.stat-value[data-v-80c8e8c4]{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.stat-label[data-v-80c8e8c4]{font-size:.75rem;color:var(--color-text-muted)}.info-cards[data-v-80c8e8c4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.info-card[data-v-80c8e8c4]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header[data-v-80c8e8c4]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.card-icon[data-v-80c8e8c4]{font-size:1rem}.card-title[data-v-80c8e8c4]{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.card-content[data-v-80c8e8c4]{padding:1rem}.address-value[data-v-80c8e8c4]{display:block;font-family:var(--font-mono);font-size:1.125rem;font-weight:600;color:var(--color-primary);background:none;padding:0;margin-bottom:.5rem}.binary-value[data-v-80c8e8c4]{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);word-break:break-all}.range-card[data-v-80c8e8c4]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.range-header[data-v-80c8e8c4]{padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.range-title[data-v-80c8e8c4]{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.range-content[data-v-80c8e8c4]{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;flex-wrap:wrap}.range-item[data-v-80c8e8c4]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.range-label[data-v-80c8e8c4]{font-size:.75rem;color:var(--color-text-muted)}.range-value[data-v-80c8e8c4]{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;color:var(--color-primary);background:none;padding:0}.range-separator[data-v-80c8e8c4]{font-size:1.5rem;color:var(--color-text-muted)}.range-footer[data-v-80c8e8c4]{display:flex;justify-content:center;gap:2rem;padding:.75rem 1rem;background:var(--color-bg-base);border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-muted)}.binary-card[data-v-80c8e8c4]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.binary-header[data-v-80c8e8c4]{padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.binary-title[data-v-80c8e8c4]{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.binary-content[data-v-80c8e8c4]{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.binary-row[data-v-80c8e8c4]{display:flex;align-items:center;gap:1rem}.binary-label[data-v-80c8e8c4]{min-width:80px;font-size:.8rem;color:var(--color-text-muted)}.binary-code[data-v-80c8e8c4]{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-secondary);background:none;padding:0;letter-spacing:.05em}.binary-code.mask[data-v-80c8e8c4]{color:var(--color-accent)}.binary-code.network[data-v-80c8e8c4]{color:var(--color-primary);font-weight:600}.binary-divider[data-v-80c8e8c4]{height:1px;background:var(--color-border);margin:.5rem 0}.empty-state[data-v-80c8e8c4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon[data-v-80c8e8c4]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p[data-v-80c8e8c4]{color:var(--color-text-muted);font-size:.9rem}