/*! (c) 2026 slashwhat. MIT License. */
*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}table{border-collapse:collapse;border-spacing:0}:root,[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .08);--surface-active: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .1);--border-focus: #9ca3af;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #7c8ba6;--accent: #9ca3af;--accent-hover: #d1d5db;--accent-glow: rgba(156, 163, 175, .3);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--error-hover: #ff6b6b;--info: #3b82f6;--input-valid: #4ade80;--input-invalid: #f87171;--network-bits: #9ca3af;--host-bits: #22c55e;--subnet-bits: #f59e0b;--table-text: #1e293b;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 12px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--hero-fade-duration: .3s;--orb-c1: #22D3EE;--orb-c2: #F472B6;--orb-opacity: .18}[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #e8eaed;--surface: rgba(0, 0, 0, .03);--surface-hover: rgba(0, 0, 0, .06);--surface-active: rgba(0, 0, 0, .09);--border: rgba(0, 0, 0, .12);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--accent: #374151;--accent-hover: #4b5563;--accent-glow: rgba(55, 65, 81, .3);--border-focus: #374151;--table-text: #1e293b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--orb-c1: #22D3EE;--orb-c2: #F472B6;--orb-opacity: .15}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre{font-family:var(--font-mono);font-size:.875rem}pre{overflow-x:auto}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary);line-height:1.3}h1{font-size:1.75rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-active);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--surface-active) transparent}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border);background:var(--bg-secondary);position:relative;overflow:hidden;z-index:1}.app-header:before,.app-footer:before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:var(--orb-opacity);pointer-events:none;animation:header-orb-drift 60s ease-in-out infinite alternate}.app-header:after,.app-footer:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:var(--orb-opacity);pointer-events:none;animation:header-orb-drift 75s ease-in-out infinite alternate-reverse}.app-header:before{width:300px;height:300px;top:-60%;left:5%;background:var(--orb-c1)}.app-header:after{width:250px;height:250px;top:-40%;right:10%;background:var(--orb-c2)}@keyframes header-orb-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(10px,5px) scale(1.05)}to{transform:translate(-8px,-3px) scale(.97)}}@media(prefers-reduced-motion:reduce){.app-header:before,.app-header:after,.app-footer:before,.app-footer:after{animation:none}}.app-header-left{flex-shrink:0}.main-content{flex:1;padding:var(--space-xl);max-width:1400px;width:100%;margin:0 auto;min-width:0}.view-section{display:none}.view-section.active{display:block}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 16px;background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;text-decoration:none;border:2px solid var(--border);border-radius:0 0 6px}.skip-link:focus{left:0}.app-footer{padding:16px var(--space-xl) 24px;text-align:center;border-top:1px solid var(--border);background:var(--bg-secondary);position:relative;overflow:hidden;z-index:1}.app-footer:before{width:280px;height:280px;bottom:-60%;right:8%;background:var(--orb-c1)}.app-footer:after{width:220px;height:220px;bottom:-40%;left:12%;background:var(--orb-c2)}.app-footer-nav{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.app-footer-nav a{color:var(--text-muted);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;transition:color var(--transition-fast)}.app-footer-nav a:hover{color:var(--text-primary)}.app-footer-nav .load-example-link{color:var(--text-muted);font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:color var(--transition-fast)}.app-footer-nav .load-example-link:hover{color:var(--text-primary)}.footer-sep{color:var(--text-muted);font-size:.85rem}#app-version{font-size:.75rem;opacity:.6}.app-footer p{font-size:.85rem;color:var(--text-muted);margin:0}.app-footer p a{color:var(--text-muted);text-decoration:none}.app-footer p a:hover{text-decoration:underline}.footer-disclaimer{margin-top:8px!important;font-size:.9rem!important;color:var(--text-primary)!important}.footer-disclaimer:before{content:"\26a0\fe0f";margin-right:6px}.input-error-message{display:block;color:var(--error);background:var(--bg-primary);padding:3px 6px;font-size:.75rem;white-space:normal}.input-error-message[hidden]{display:none}.module[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{padding:8px 16px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;line-height:1.4}.btn-secondary{background:transparent;color:var(--text-primary);border:none}.btn-secondary:hover{color:var(--accent)}.btn-danger{background:transparent;color:var(--error);border:none}.btn-danger:hover{color:#ff6b6b}.btn-sm{padding:5px 10px;font-size:.8rem}.config-buttons{display:flex;gap:6px;align-items:center;padding:0 var(--space-md)}.toggle{appearance:none;-webkit-appearance:none;width:44px;height:24px;border-radius:12px;background:var(--surface-active);cursor:pointer;position:relative;transition:background var(--transition-fast);border:none;flex-shrink:0}.toggle:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform var(--transition-fast)}.toggle:checked{background:var(--accent)}.toggle:checked:before{transform:translate(20px)}.toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:1000;display:flex;flex-direction:column-reverse;gap:var(--space-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;border-radius:var(--radius-md);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);font-size:.875rem;color:var(--text-primary);cursor:pointer;pointer-events:auto;transform:translateY(20px);opacity:0;transition:transform .25s ease,opacity .25s ease;position:relative;overflow:hidden;min-width:250px;max-width:400px}.toast-visible{transform:translateY(0);opacity:1}.toast-exit{animation:toast-out .3s ease forwards}@keyframes toast-out{to{transform:translate(100%);opacity:0}}.toast-icon{flex-shrink:0;display:flex}.toast-message{flex:1}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;animation:toast-progress linear forwards;width:100%}@keyframes toast-progress{0%{width:100%}to{width:0}}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-info .toast-icon{color:var(--info)}.header-right{display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle-wrapper{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-md)}.theme-toggle-wrapper svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.mode-toggle-wrapper{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-sm)}.mode-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast);user-select:none}#mode-toggle{background:var(--error)}#mode-toggle:checked{background:var(--success)}[data-simple-mode=true] .mode-label-simple{color:var(--text-primary)}[data-simple-mode=true] .mode-label-advanced{color:var(--text-muted)}html:not([data-simple-mode=true]) .mode-label-advanced{color:var(--text-primary)}.app-title{line-height:1}.app-logo{height:2.2rem;width:auto;display:block}