.tool-hero[data-astro-cid-ubzkbz43]{background:var(--gradient-primary);color:#fff;margin-bottom:3rem;padding:3rem 2rem}.container[data-astro-cid-ubzkbz43]{max-width:var(--max-width);margin:0 auto;padding:0 2rem 4rem}.breadcrumb[data-astro-cid-ubzkbz43]{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.95rem;display:flex}.breadcrumb[data-astro-cid-ubzkbz43] a[data-astro-cid-ubzkbz43]{color:#ffffffe6;text-decoration:none;transition:color .2s}.breadcrumb[data-astro-cid-ubzkbz43] a[data-astro-cid-ubzkbz43]:hover{color:#fff}.breadcrumb[data-astro-cid-ubzkbz43] svg[data-astro-cid-ubzkbz43]{opacity:.6}.breadcrumb[data-astro-cid-ubzkbz43] span[data-astro-cid-ubzkbz43]{opacity:.9}.tool-title[data-astro-cid-ubzkbz43]{margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2}.tool-description[data-astro-cid-ubzkbz43]{opacity:.95;max-width:800px;font-size:1.25rem;line-height:1.6}.tool-intro[data-astro-cid-ubzkbz43]{margin-bottom:3rem}.tool-intro[data-astro-cid-ubzkbz43] h2[data-astro-cid-ubzkbz43]{color:var(--color-text);margin-bottom:1rem;font-size:1.75rem}.tool-intro[data-astro-cid-ubzkbz43] p[data-astro-cid-ubzkbz43]{color:var(--color-text-light);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.tool-intro[data-astro-cid-ubzkbz43] p[data-astro-cid-ubzkbz43]:last-child{margin-bottom:0}.tool-card[data-astro-cid-ubzkbz43]{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:3rem;padding:3rem}.tool-card[data-astro-cid-ubzkbz43] h2[data-astro-cid-ubzkbz43]{color:var(--color-text);margin-bottom:.5rem}.subtitle[data-astro-cid-ubzkbz43]{color:var(--color-text-light);margin-bottom:2rem;font-size:1rem}.input-section[data-astro-cid-ubzkbz43]{grid-template-columns:2fr 1fr auto;align-items:end;gap:1.5rem;margin-bottom:1.5rem;display:grid}.input-group[data-astro-cid-ubzkbz43] label[data-astro-cid-ubzkbz43]{color:var(--color-text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-control[data-astro-cid-ubzkbz43]{border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:.875rem 1.125rem;font-family:Courier New,monospace;font-size:1rem;transition:all .3s}.form-control[data-astro-cid-ubzkbz43]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0078d41a}.mask-input-wrapper[data-astro-cid-ubzkbz43]{align-items:center;display:flex;position:relative}.mask-prefix[data-astro-cid-ubzkbz43]{color:var(--color-text-light);pointer-events:none;font-family:Courier New,monospace;font-weight:600;position:absolute;left:1rem}.mask-control[data-astro-cid-ubzkbz43]{padding-left:2rem}.btn-primary[data-astro-cid-ubzkbz43]{border-radius:var(--radius-md);cursor:pointer;background:var(--gradient-primary);color:#fff;white-space:nowrap;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.quick-templates[data-astro-cid-ubzkbz43]{border-radius:var(--radius-md);background:linear-gradient(135deg,#0078d40d 0%,#0078d405 100%);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1.5rem;display:flex}.template-label[data-astro-cid-ubzkbz43]{color:var(--color-text);margin-right:.5rem;font-weight:600}.btn-template[data-astro-cid-ubzkbz43]{background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn-template[data-astro-cid-ubzkbz43]:hover{border-color:var(--color-primary);color:var(--color-primary);background:#0078d40d}.subnet-table[data-astro-cid-ubzkbz43]{margin-top:2rem}.empty-state[data-astro-cid-ubzkbz43]{text-align:center;color:var(--color-text-light);padding:3rem 2rem;font-style:italic}.info-card[data-astro-cid-ubzkbz43]{background:var(--color-bg-alt);border-radius:var(--radius-md);margin-bottom:3rem;padding:2rem 2rem 2rem 2.5rem}.info-card[data-astro-cid-ubzkbz43] h3[data-astro-cid-ubzkbz43]{color:var(--color-text);align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.info-card[data-astro-cid-ubzkbz43] h3[data-astro-cid-ubzkbz43] svg[data-astro-cid-ubzkbz43]{color:#fbbf24}.info-note[data-astro-cid-ubzkbz43]{background:var(--color-bg-white);border-radius:var(--radius-sm);color:var(--color-text);margin-top:1.5rem;padding:1rem;font-size:.95rem}.reserved-ips[data-astro-cid-ubzkbz43]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem;margin-bottom:1rem;display:grid}.reserved-ip-item[data-astro-cid-ubzkbz43]{background:var(--color-bg-white);border-radius:var(--radius-sm);align-items:center;gap:1rem;padding:1rem;display:flex}.ip-label[data-astro-cid-ubzkbz43]{color:#d97706;min-width:100px;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.ip-description[data-astro-cid-ubzkbz43]{color:var(--color-text-light);font-size:.9rem}.tool-footer[data-astro-cid-ubzkbz43]{background:var(--color-bg-alt);border-radius:var(--radius-md);color:var(--color-text);align-items:flex-start;gap:.75rem;margin-top:2rem;margin-bottom:2rem;padding:1.25rem 1.25rem 1.25rem 1.75rem;font-size:.95rem;display:flex}.tool-footer[data-astro-cid-ubzkbz43] svg[data-astro-cid-ubzkbz43]{color:var(--color-success);flex-shrink:0;margin-top:.1rem}.tool-footer[data-astro-cid-ubzkbz43] a[data-astro-cid-ubzkbz43]{color:var(--color-success);font-weight:600;text-decoration:none;transition:color .2s}.tool-footer[data-astro-cid-ubzkbz43] a[data-astro-cid-ubzkbz43]:hover{color:var(--color-success-dark);text-decoration:underline}.navigation-footer[data-astro-cid-ubzkbz43]{border-top:2px solid var(--color-border);justify-content:space-between;gap:2rem;padding-top:3rem;display:flex}.back-link[data-astro-cid-ubzkbz43],.next-link[data-astro-cid-ubzkbz43]{border-radius:var(--radius-md);border:2px solid var(--color-border);color:var(--color-text);align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-link[data-astro-cid-ubzkbz43]:hover,.next-link[data-astro-cid-ubzkbz43]:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (width<=968px){.input-section[data-astro-cid-ubzkbz43]{grid-template-columns:1fr}.quick-templates[data-astro-cid-ubzkbz43]{flex-direction:column;align-items:flex-start}}@media (width<=768px){.tool-hero[data-astro-cid-ubzkbz43]{margin-bottom:2rem;padding:2rem 1.5rem}.container[data-astro-cid-ubzkbz43]{padding:0 1.5rem 3rem}.tool-card[data-astro-cid-ubzkbz43],.info-card[data-astro-cid-ubzkbz43]{padding:2rem 1.5rem}.navigation-footer[data-astro-cid-ubzkbz43]{flex-direction:column}}.table-wrapper{border-radius:var(--radius-md);border:2px solid var(--color-border);overflow-x:auto}.subnet-grid{border-collapse:collapse;width:100%;font-size:.95rem}.subnet-grid thead{background:linear-gradient(135deg,#0078d414 0%,#0078d40a 100%)}.subnet-grid th{text-align:left;color:var(--color-text);border-bottom:2px solid var(--color-border);white-space:nowrap;padding:1rem;font-weight:600}.subnet-grid td{border-bottom:1px solid #f3f4f6;padding:1rem}.subnet-row{transition:background .2s}.subnet-row:hover{background:#0078d408}.subnet-row:last-child td{border-bottom:none}.subnet-addr strong{color:var(--color-primary);font-family:Courier New,monospace;font-size:1.05rem}.netmask code{border-radius:var(--radius-sm);color:var(--color-text);background:#0078d414;padding:.35rem .75rem;font-size:.9rem}.range-detail{flex-direction:column;gap:.35rem;display:flex}.range-full{color:var(--color-text);font-family:Courier New,monospace;font-size:.9rem}.range-usable{color:var(--color-text-light);font-family:Courier New,monospace;font-size:.85rem}.ip-count{color:var(--color-success);font-size:1.1rem;font-weight:600}.host-count{color:var(--color-text);font-weight:500}.actions{white-space:nowrap}.btn-action{border-radius:var(--radius-sm);cursor:pointer;border:2px solid;align-items:center;gap:.4rem;min-height:44px;margin-right:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action:last-child{margin-right:0}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-divide{background:var(--color-bg-white);border-color:var(--color-primary);color:var(--color-primary)}.btn-divide:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-join{background:var(--color-bg-white);border-color:var(--color-success);color:var(--color-success)}.btn-join:hover:not(:disabled){background:var(--color-success);color:#fff}.table-summary{border-radius:var(--radius-md);background:linear-gradient(135deg,#0078d40d 0%,#0078d405 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.25rem;display:flex}.table-summary span{color:var(--color-text)}.table-summary strong{color:var(--color-primary);font-size:1.1rem}@media (width<=968px){.subnet-grid{font-size:.85rem}.subnet-grid th,.subnet-grid td{padding:.75rem .5rem}.btn-action{padding:.4rem .7rem;font-size:.8rem}.actions{flex-direction:column;gap:.5rem;display:flex}.btn-action{justify-content:center;width:100%;margin-right:0}}