.dark .tools-page{--bg-main: #0A0F1E;--bg-card: rgba(30, 41, 59, .58);--bg-card-border: rgba(51, 65, 85, .85);--color-text: #F8FAFC;--color-text-muted: #CBD5E1;--color-primary: #60A5FA;--color-primary-hover: #93C5FD;--color-primary-glow: rgba(96, 165, 250, .16)}.tools-page{border-top:1px solid rgba(226,232,240,.9)}.dark .tools-page{border-top-color:#1e293bcc}.tools-page{--bg-main: #F8FAFC;--bg-card: #FFFFFF;--bg-card-border: #E2E8F0;--color-text: #0F172A;--color-text-muted: #475569;--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-glow: rgba(37, 99, 235, .1);--color-green: #10B981;--color-red: #EF4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", var(--font-sans);--font-mono: "Fira Code", monospace}.tools-page,.tools-page *{box-sizing:border-box;margin:0;padding:0}.tools-page{background-color:var(--bg-main);color:var(--color-text);font-family:var(--font-sans);padding:2rem 1rem}.tools-page .app-container{max-width:1000px;margin:0 auto;width:100%}.tools-page .header{position:relative;text-align:center;margin-bottom:2.5rem;padding-top:1.5rem}.tools-page .logo-back{position:absolute;top:0;left:0}.tools-page .back-link{font-family:var(--font-display);font-size:.875rem;font-weight:500;text-decoration:none;color:var(--color-primary)}.tools-page .back-link:hover{text-decoration:underline}.tools-page .logo{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:.75rem}.tools-page .logo-box{background-color:#2563eb;color:#fff;font-weight:700;font-size:1.1rem;width:2.25rem;height:2.25rem;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #2563eb29}.tools-page .logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.tools-page .logo-accent{color:#2563eb}.tools-page .title{font-family:var(--font-display);font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.tools-page .subtitle{font-size:1.05rem;color:var(--color-text-muted);font-weight:400;max-width:600px;margin:0 auto}.tools-page .form-section{margin-bottom:2rem}.tools-page .subnet-form{display:flex;flex-direction:column;gap:1.25rem}.tools-page .input-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}@media (max-width: 600px){.tools-page .input-grid{grid-template-columns:1fr}}.tools-page .input-field{display:flex;flex-direction:column;gap:.5rem}.tools-page .input-field label{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.tools-page .input-field input,.tools-page .input-field select{background-color:var(--bg-main);border:1px solid var(--bg-card-border);padding:.75rem 1rem;border-radius:8px;font-size:1rem;color:inherit;outline:none;font-family:var(--font-sans)}.tools-page .input-field select{cursor:pointer}.tools-page .input-field input:focus,.tools-page .input-field select:focus{border-color:var(--color-primary)}.tools-page .btn-glow{background-color:#2563eb;color:#fff;border:none;padding:.85rem 1.5rem;font-weight:600;font-size:.95rem;border-radius:8px;cursor:pointer;transition:background .2s ease;font-family:var(--font-display);align-self:flex-start}.tools-page .btn-glow:hover{background-color:#1d4ed8}.tools-page .validation-msg{color:var(--color-red);font-size:.85rem;margin-top:.75rem}.tools-page .card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #00000003}.tools-page .results-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}@media (max-width: 800px){.tools-page .results-grid{grid-template-columns:1fr}}.tools-page .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;border-bottom:1px solid var(--bg-card-border);padding-bottom:.75rem}.tools-page .card-header h2{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.tools-page .card-body{display:flex;flex-direction:column;gap:.8rem}.tools-page .data-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.02);padding-bottom:.5rem}.tools-page .data-row:last-child{border:none;padding-bottom:0}.tools-page .data-label{font-size:.875rem;color:var(--color-text-muted)}.tools-page .data-value{font-size:.925rem;font-weight:500}.tools-page .data-value.highlight{color:var(--color-primary);font-weight:600}.tools-page .data-value.highlight-green{color:var(--color-green);font-weight:600;font-family:var(--font-mono)}.tools-page .binary-body{gap:1.25rem!important}.tools-page .binary-row{display:flex;flex-direction:column;gap:.35rem}.tools-page .binary-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.tools-page .binary-code{font-family:var(--font-mono);font-size:.9rem;background-color:var(--bg-main);padding:.5rem .75rem;border-radius:6px;border:1px solid var(--bg-card-border);word-break:break-all}.tools-page .text-green{color:var(--color-green)!important}.tools-page .info-footer{margin-top:2rem}.tools-page .info-footer h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin-bottom:.75rem}.tools-page .info-footer ul{list-style-type:none;display:flex;flex-direction:column;gap:.5rem}.tools-page .info-footer li{font-size:.85rem;color:var(--color-text-muted);position:relative;padding-left:1.25rem}.tools-page .info-footer li:before{content:"•";color:var(--color-primary);position:absolute;left:.25rem;font-weight:700}.tools-page .simple-footer{display:none}.tools-page .hidden{display:none!important}