:root{--isc-primary:var(--main-primary);--isc-text:#1e293b;--isc-text-muted:#64748b;--isc-bg:#fff;--isc-bg-hover:#f8fafc;--isc-border:#e2e8f0;--isc-radius:var(--main-radius);--isc-radius-lg:var(--main-radius-lg);--isc-network-bit:#6366f1;--isc-host-bit:#10b981;--isc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a}._isc-container{max-width:800px;margin:0 auto}@media (max-width:768px){._isc-container{padding-left:1rem;padding-right:1rem}}._isc-tabs{background:var(--isc-bg);border-style:solid;border-width:1px;border-color:var(--isc-border);border-radius:var(--isc-radius-lg);box-shadow:var(--isc-shadow);gap:.25rem;margin-bottom:1.25rem;padding:.25rem;display:flex}._isc-tab{color:var(--isc-text-muted);border-radius:var(--isc-radius);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:color .2s,background .2s}._isc-tab:hover{color:var(--isc-text);background:var(--isc-bg-hover)}._isc-tab--active{color:#fff;background:var(--isc-primary);box-shadow:0 1px 3px #6366f14d}._isc-tab--active:hover{color:#fff;background:var(--isc-primary)}._isc-panel{display:none}._isc-panel--active{display:block}@media (max-width:480px){._isc-tab{padding:.5rem;font-size:.8125rem}}._isc-input-card{background:var(--isc-bg);border-style:solid;border-width:1px;border-color:var(--isc-border);border-radius:var(--isc-radius-lg);box-shadow:var(--isc-shadow);margin-bottom:1.25rem;padding:1.25rem}._isc-input-row{align-items:flex-end;gap:.75rem;display:flex}._isc-input-group{flex-direction:column;gap:.375rem;display:flex}._isc-input-group--ip{flex:2}._isc-input-group--cidr{flex:0 0 90px}._isc-input-group--mask{flex:1;min-width:160px}._isc-label{color:var(--isc-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}._isc-input,._isc-select{border-style:solid;border-width:1.5px;border-color:var(--isc-border);border-radius:var(--isc-radius);color:var(--isc-text);background:var(--isc-bg);font-size:.9375rem;font-family:var(--main-font-mono);outline:none;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s}._isc-input:focus,._isc-select:focus{border-color:var(--isc-primary);box-shadow:0 0 0 3px #6366f11f}._isc-input::placeholder{color:#94a3b8}._isc-input--error{border-color:var(--main-error)}@media (max-width:640px){._isc-input-row{flex-wrap:wrap}._isc-input-group--ip{flex:100%}._isc-input-group--cidr{flex:0 0 80px}._isc-input-group--mask{flex:1;min-width:0}}._isc-results{background:var(--isc-bg);border-style:solid;border-width:1px;border-color:var(--isc-border);border-radius:var(--isc-radius-lg);box-shadow:var(--isc-shadow);margin-bottom:1.25rem;padding:1.25rem}._isc-results-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}._isc-result-item{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--isc-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .875rem;display:flex}._isc-result-item:nth-child(odd){border-right-style:solid;border-right-width:1px;border-right-color:var(--isc-border)}._isc-result-item:last-child,._isc-result-item:nth-last-child(2){border-bottom-width:0}._isc-result-item--full{grid-column:1/-1;border-right-width:0!important}._isc-result-label{color:var(--isc-text-muted);white-space:nowrap;font-size:.8125rem}._isc-result-value{color:var(--isc-text);text-align:right;word-break:break-all;font-size:.9375rem;font-weight:600}._isc-result-value--mono{font-family:var(--main-font-mono);font-size:.875rem}@media (max-width:640px){._isc-results-grid{grid-template-columns:1fr}._isc-result-item:nth-child(odd){border-right-width:0}._isc-result-item:nth-last-child(2){border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--isc-border)}}._isc-binary-section{background:var(--isc-bg);border-style:solid;border-width:1px;border-color:var(--isc-border);border-radius:var(--isc-radius-lg);box-shadow:var(--isc-shadow);overflow:hidden}._isc-binary-toggle{width:100%;color:var(--isc-text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .2s;display:flex}._isc-binary-toggle:hover{background:var(--isc-bg-hover)}._isc-binary-toggle-icon{transition:transform .2s;display:inline-flex}._isc-binary-content{padding:0 1.25rem 1.25rem}._isc-binary-legend{gap:1.25rem;margin-bottom:1rem;display:flex}._isc-binary-legend-item{color:var(--isc-text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:inline-flex}._isc-bit{border-radius:2px;width:12px;height:12px;display:inline-block}._isc-bit--network{background:var(--isc-network-bit)}._isc-bit--host{background:var(--isc-host-bit)}._isc-binary-display{font-family:var(--main-font-mono);flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.9375rem;display:flex}._isc-binary-octet{align-items:center;gap:1px;display:flex}._isc-binary-octet:after{content:".";color:var(--isc-text-muted);margin-left:.25rem;font-weight:600}._isc-binary-octet:last-child:after{content:""}._isc-binary-char{border-radius:3px;justify-content:center;align-items:center;width:1.375rem;height:1.625rem;font-size:.8125rem;font-weight:600;display:inline-flex}._isc-binary-char--network{color:var(--isc-network-bit);background:#6366f11f}._isc-binary-char--host{color:var(--isc-host-bit);background:#10b9811f}._isc-binary-addresses{flex-direction:column;gap:.5rem;display:flex}._isc-binary-addr-row{align-items:center;gap:.75rem;font-size:.8125rem;display:flex}._isc-binary-addr-label{min-width:100px;color:var(--isc-text-muted);font-weight:500}._isc-binary-addr-value{font-family:var(--main-font-mono);color:var(--isc-text);font-weight:500}@media (max-width:640px){._isc-binary-display{font-size:.8125rem}._isc-binary-char{width:1.125rem;height:1.375rem;font-size:.6875rem}._isc-binary-addr-row{flex-direction:column;align-items:flex-start;gap:.125rem}._isc-binary-addr-label{min-width:0}}._isc-presets{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.875rem;display:flex}._isc-presets-label{color:var(--isc-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}._isc-preset-btn{border-style:solid;border-width:1px;border-color:var(--isc-border);border-radius:var(--main-radius-full);color:var(--isc-text-muted);font-size:.8125rem;font-family:var(--main-font-mono);cursor:pointer;background:0 0;padding:.3125rem .75rem;font-weight:500;transition:color .2s,border-color .2s,background .2s}._isc-preset-btn:hover{color:var(--isc-primary);border-color:var(--isc-primary)}._isc-preset-btn--active{color:#fff;background:var(--isc-primary);border-color:var(--isc-primary)}._isc-preset-btn--active:hover{color:#fff}._isc-input-group--ipv6{flex:2}._isc-input-group--prefix{flex:0 0 120px}@media (max-width:640px){._isc-input-group--ipv6,._isc-input-group--prefix{flex:100%}}._isc-cidr-filter{margin-bottom:1rem}._isc-cidr-table-wrap{background:var(--isc-bg);border-style:solid;border-width:1px;border-color:var(--isc-border);border-radius:var(--isc-radius-lg);box-shadow:var(--isc-shadow);min-height:400px;overflow:hidden}._isc-cidr-table{border-collapse:collapse;width:100%;font-size:.875rem}._isc-cidr-table thead th{text-align:left;color:var(--isc-text-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--isc-bg-hover);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--isc-border);z-index:1;padding:.75rem .875rem;font-size:.75rem;font-weight:600;position:sticky;top:0}._isc-cidr-table tbody tr{cursor:pointer;transition:background .15s}._isc-cidr-table tbody tr:hover{background:#6366f10a}._isc-cidr-table tbody td{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--isc-border);font-family:var(--main-font-mono);color:var(--isc-text);padding:.625rem .875rem;font-size:.8125rem}._isc-cidr-table tbody tr:last-child td{border-bottom-width:0}._isc-cidr-table tbody td:first-child{color:var(--isc-primary);font-weight:600}._isc-cidr-row--highlight{background:#6366f114!important}@media (max-width:640px){._isc-cidr-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}._isc-cidr-table{min-width:520px}._isc-cidr-table thead th,._isc-cidr-table tbody td{padding:.5rem .625rem;font-size:.75rem}}