.subnet-tool{min-width:0;max-width:1000px;margin:0 auto;padding:0 0 36px}.subnet-breadcrumb{color:var(--menu-muted);flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0;font-size:11px;display:flex}.subnet-breadcrumb a{min-height:44px;color:var(--menu-ink);align-items:center;display:flex}.subnet-header{max-width:780px;padding:14px 0 28px}.subnet-kicker{letter-spacing:1px;color:var(--menu-muted);margin:0 0 10px;font:10px/1.5 Consolas,monospace}.subnet-header h1{letter-spacing:-1.3px;margin:0 0 16px;font:500 clamp(30px,4vw,46px)/1.15 Arial,sans-serif}.subnet-header>p:last-child{color:var(--menu-muted);margin:0;font-size:14px;line-height:1.8}.subnet-input-panel,.subnet-result-panel{background:var(--menu-surface);border:1px solid var(--menu-line);border-radius:20px;min-width:0;padding:28px}.subnet-input-panel h2,.subnet-result-heading h2{margin:0 0 18px;font-size:18px;font-weight:500}.subnet-input-panel label{margin-bottom:8px;font-size:12px;display:block}.subnet-form-controls{align-items:stretch;gap:12px;display:flex}.subnet-form-controls input{border:1px solid var(--menu-line);background:var(--menu-paper);width:100%;min-width:0;min-height:48px;color:var(--menu-ink);border-radius:10px;padding:12px 14px;font:14px Consolas,monospace}.subnet-form-controls input[aria-invalid=true]{border-width:2px;border-color:var(--menu-ink)}.subnet-form-controls button{background:var(--menu-ink);min-height:48px;color:var(--menu-paper);white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:12px;display:flex}.subnet-tool button{cursor:pointer;touch-action:manipulation}.subnet-tool button:disabled{cursor:not-allowed;opacity:.65}.subnet-help{color:var(--menu-muted);margin:12px 0 0;font-size:11px;line-height:1.8}.subnet-examples{color:var(--menu-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:11px;display:flex}.subnet-examples button{border:1px solid var(--menu-line);background:var(--menu-paper);color:var(--menu-ink);border-radius:24px;min-height:44px;padding:8px 14px;font-size:11px}.subnet-examples button:hover{border-color:var(--menu-accent)}.subnet-error,.subnet-noscript{border:1px solid var(--menu-ink);background:var(--menu-paper);color:var(--menu-ink);border-radius:10px;margin:16px 0 0;padding:12px 14px;font-size:12px;line-height:1.8}.subnet-status{color:var(--menu-muted);min-height:18px;margin:16px 0;font-size:11px}.subnet-result-heading{border-bottom:1px solid var(--menu-line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:16px;display:flex}.subnet-result-heading h2{margin:0}.subnet-result-heading .subnet-kicker{font-size:9px}.subnet-family{border:1px solid var(--menu-line);background:var(--menu-key);border-radius:8px;padding:6px 10px;font:12px Consolas,monospace}.subnet-results{grid-template-columns:1fr 1fr;gap:0 24px;margin:0;display:grid}.subnet-results>div{border-bottom:1px solid var(--menu-line);min-width:0;padding:14px 0}.subnet-results dt,.subnet-expanded dt{color:var(--menu-muted);font-size:11px;line-height:1.6}.subnet-results dd,.subnet-expanded dd{color:var(--menu-ink);overflow-wrap:anywhere;min-width:0;margin:6px 0 0;font:14px/1.7 Consolas,monospace}.subnet-expanded{border:1px solid var(--menu-line);border-radius:10px;margin-top:20px;padding:0 16px}.subnet-expanded summary{cursor:pointer;align-items:center;min-height:44px;font-size:12px;display:flex}.subnet-expanded summary:before{content:"+";margin-right:10px;font-size:18px}.subnet-expanded[open] summary:before{content:"−"}.subnet-expanded dl{border-top:1px solid var(--menu-line);grid-template-columns:1fr 1fr;gap:16px 24px;margin:0;padding:16px 0;display:grid}.subnet-expanded dl>div{min-width:0}.subnet-policy{color:var(--menu-muted);margin:20px 0;font-size:11px;line-height:1.8}.subnet-copy-actions{flex-wrap:wrap;gap:12px;display:flex}.subnet-copy-actions button{border:1px solid var(--menu-line);background:var(--menu-paper);min-height:44px;color:var(--menu-ink);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.subnet-copy-actions button:hover{border-color:var(--menu-accent)}.subnet-copy-status{color:var(--menu-muted);min-height:20px;margin:12px 0 0;font-size:11px;line-height:1.8}.subnet-related{border-top:1px solid var(--menu-line);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px;padding-top:16px;display:flex}.subnet-related a{min-height:44px;color:var(--menu-ink);align-items:center;gap:8px;font-size:11px;display:flex}@media (width<=767px){.subnet-breadcrumb{gap:8px;padding:12px 0;font-size:10px}.subnet-header{padding:8px 0 24px}.subnet-header h1{letter-spacing:-.8px;font-size:32px}.subnet-header>p:last-child{font-size:12px}.subnet-input-panel,.subnet-result-panel{border-radius:16px;padding:20px 16px}.subnet-form-controls{flex-direction:column;gap:10px}.subnet-form-controls button{width:100%}.subnet-form-controls input{font-size:13px}.subnet-examples>span{width:100%}.subnet-results,.subnet-expanded dl{grid-template-columns:1fr;gap:0}.subnet-expanded dl>div{padding-bottom:16px}.subnet-expanded dl>div:last-child{padding-bottom:0}.subnet-results dd,.subnet-expanded dd{font-size:13px}.subnet-result-heading{gap:12px}.subnet-copy-actions{flex-direction:column;gap:10px}.subnet-copy-actions button{width:100%}.subnet-policy{font-size:10px}}@media (prefers-reduced-motion:reduce){.subnet-tool *{transition:none!important;animation:none!important}}