@charset "UTF-8";@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:local("Fira Code Regular"),local("FiraCode-Regular"),url(../../../fonts/fira-code-v27-latin-regular.woff2) format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:local("Fira Code Medium"),local("FiraCode-Medium"),url(../../../fonts/fira-code-v27-latin-500.woff2) format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:local("Fira Code SemiBold"),local("FiraCode-SemiBold"),url(../../../fonts/fira-code-v27-latin-600.woff2) format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:local("Fira Code Bold"),local("FiraCode-Bold"),url(../../../fonts/fira-code-v27-latin-700.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:local("Fira Sans Regular"),local("FiraSans-Regular"),url(../../../fonts/fira-sans-v18-latin-regular.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:500;font-display:swap;src:local("Fira Sans Medium"),local("FiraSans-Medium"),url(../../../fonts/fira-sans-v18-latin-500.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:600;font-display:swap;src:local("Fira Sans SemiBold"),local("FiraSans-SemiBold"),url(../../../fonts/fira-sans-v18-latin-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:local("Inter Regular"),local("Inter-Regular"),url(../../../fonts/inter-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:local("Inter Medium"),local("Inter-Medium"),url(../../../fonts/inter-v20-latin-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:local("Inter SemiBold"),local("Inter-SemiBold"),url(../../../fonts/inter-v20-latin-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:local("Inter Bold"),local("Inter-Bold"),url(../../../fonts/inter-v20-latin-700.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}input,select,textarea{font-family:var(--font-body);font-size:inherit;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #dbf46533}input::placeholder{color:var(--text-secondary)}::selection{background-color:var(--color-primary);color:var(--bg-primary)}button{font-family:var(--font-body);font-size:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}button:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--color-primary)}button.btn-icon{width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center}button.btn-icon svg{width:1rem;height:1rem}label{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}code,pre{font-family:var(--font-mono);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-md) 0}.header-content{display:flex;align-items:center;justify-content:space-between}.header-content.col{flex-direction:column;align-items:flex-start}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{width:2rem;height:2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.logo-icon .icon{display:flex}.logo-icon svg{width:1.2rem;height:1.2rem;color:var(--bg-primary)}.logo h1{font-size:var(--font-size-xl);font-weight:700;margin:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card-header{margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start}@media(max-width:768px){.card-header{flex-direction:column;align-items:center;text-align:center}.card-header p{text-align:left}}.card-header .header-content{flex:1;display:flex;flex-direction:column;align-items:flex-start}.card-header .header-controls{flex-shrink:0}@media(max-width:768px){.card-header .header-controls{margin:0 auto}}.card-header h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.card-header p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.spinner{width:1rem;height:1rem;border:2px solid var(--border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.theme-toggle{position:relative;width:3rem;height:1.5rem;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.75rem;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{border-color:var(--color-primary)}.toggle-slider{position:absolute;top:1px;left:1px;width:1.25rem;height:1.25rem;background-color:var(--text-primary);border-radius:50%;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.toggle-slider svg{width:.75rem;height:.75rem;color:var(--bg-primary)}.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}.value-copy{display:flex;align-items:center;gap:var(--spacing-sm)}.ip-value{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.ip-value.success{color:var(--color-success-light);background-color:#2386361a}.ip-value.error{color:var(--color-error-light);background-color:#da36331a}.ip-value.info{color:var(--color-info-light);background-color:#0969da1a}.ip-value.warning{color:var(--color-warning-light);background-color:#d299221a}.binary-display{display:grid;gap:var(--spacing-sm)}.binary-row{display:flex;align-items:center;gap:var(--spacing-md)}.binary-row .info-label{min-width:4.5rem}.binary-value{font-family:var(--font-mono);font-size:var(--font-size-sm)}.binary-value.success{color:var(--color-success-light)}.binary-value.info{color:var(--color-info-light)}.binary-value.error{color:var(--color-error-light)}@media(max-width:768px){.info-card,.binary-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.binary-row .info-label{width:auto}}.field-input{position:relative;display:flex;align-items:center}.status-icon{width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-icon svg{width:.75rem;height:.75rem;color:var(--text-primary)}.status-icon.success{background-color:var(--color-success)}.status-icon.error{background-color:var(--color-error)}.preset-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-mono);border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary);transition:all var(--transition-fast)}.preset-btn:hover{background-color:var(--surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.preset-btn.active{background-color:var(--color-primary);color:var(--text-primary);border-color:var(--color-primary)}html{border-radius:0!important}*,*:before,*:after{border-radius:var(--radius-sm, 0)}input,textarea,select,button{font-family:var(--font-mono);border-radius:var(--radius-xs)}.card,.info-panel,.reference-card,.explainer-card{border-radius:var(--radius-xs)}:root{--bg-primary: #ffffff;--bg-secondary: #f6f9fc;--bg-tertiary: #ebebeb;--text-primary: #2e3438;--text-secondary: #5c6870;--text-tertiary: #999999;--color-primary: #ff4785;--color-primary-hover: #e83e7a;--color-primary-dark: #d43670;--color-success: #66bf3c;--color-success-light: #66bf3c;--color-warning: #e69d00;--color-warning-light: #e69d00;--color-error: #ff4400;--color-error-light: #ff4400;--color-info: #0088cc;--color-info-light: #0088cc;--color-purple: #7b61ff;--color-pink: #ff4785;--border-primary: #d6d8da;--border-secondary: #e8e8e8;--surface-hover: #f0f0f0;--surface-active: #e8e8e8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 3px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 6px 16px rgba(0, 0, 0, .15);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 50%;--spacing-2xs: .125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-scale: 1;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Helvetica Neue", sans-serif;--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Helvetica Neue", sans-serif;--font-mono: "Operator Mono", "Fira Code", "SF Mono", "Monaco", "Consolas", monospace;--font-size-2xs: calc(.6rem * var(--font-scale));--font-size-xs: calc(.75rem * var(--font-scale));--font-size-sm: calc(.875rem * var(--font-scale));--font-size-md: calc(1rem * var(--font-scale));--font-size-lg: calc(1.125rem * var(--font-scale));--font-size-xl: calc(1.25rem * var(--font-scale));--font-size-2xl: calc(1.5rem * var(--font-scale));--font-size-3xl: calc(2rem * var(--font-scale));--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--anim-duration-fast: .3s;--anim-duration-normal: .5s;--anim-duration-slow: .8s}@media(prefers-reduced-motion:reduce){:root{--transition-fast: .01s ease;--transition-normal: .01s ease;--transition-slow: .01s ease}*,*:before,*:after{animation-duration:.01s!important;transition-duration:.01s!important}}.theme-ocean,html[data-theme=ocean]{--color-primary: #70edb7;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--bg-primary: #131c2b;--bg-secondary: #212c3d;--bg-tertiary: #151e2f;--text-secondary: #a0a7b0;--surface-hover: #2b384b;--border-primary: #30405b;--font-heading: "Inter", sans-serif;--font-body: "Inter", sans-serif}.theme-purple,html[data-theme=purple]{--color-primary: #cca6ff;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--bg-primary: #13182b;--bg-secondary: #101b31;--bg-tertiary: #222e45;--text-secondary: #a0a7b0;--surface-hover: #2b384b;--border-primary: #30405b;--font-body: "Poppins", sans-serif;--font-heading: "Lora", "Poppins", sans-serif}.theme-lightpurple,html[data-theme=lightpurple]{--bg-primary: #f4f2fa;--bg-secondary: #fff;--bg-tertiary: #f6f2fc;--text-primary: #0b1220;--text-secondary: #364152;--text-tertiary: #6b7280;--color-primary: #af55fc;--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, white 15%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 85%, black 15%);--color-success: #15803d;--color-success-light: #40dc6c;--color-warning: #a16207;--color-warning-light: #bcbc1c;--color-error: #b91c1c;--color-error-light: #ff6e6e;--color-info: #0369a1;--color-info-light: #2cb5b5;--color-purple: #7c3aed;--color-pink: #db2777;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--surface-hover: #f6f2f9;--surface-active: #e9eef5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .16)}.theme-cyberpunk,html[data-theme=cyberpunk]{--bg-primary: #0a0614;--bg-secondary: #110a1f;--bg-tertiary: #1a0f2e;--text-primary: #f0e6ff;--text-secondary: #b8a6d9;--text-tertiary: #8b7ba3;--color-primary: #e4ff00;--color-primary-hover: #eaff2f;--color-primary-dark: #b7cc00;--color-success: #39ff14;--color-success-light: #7fff44;--color-warning: #ffdd00;--color-warning-light: #ffee55;--color-error: #ff0066;--color-error-light: #ff3388;--color-info: #00ddff;--color-info-light: #44eeff;--color-purple: #cc00ff;--color-pink: #ff0099;--border-primary: #004d66;--border-secondary: #002233;--surface-hover: #001122;--surface-active: #003344;--shadow-sm: 0 0 4px rgba(0, 255, 204, .2);--shadow-md: 0 0 8px rgba(0, 255, 204, .3);--shadow-lg: 0 0 16px rgba(0, 255, 204, .4);--font-heading: "Orbitron", monospace;--font-body: "Share Tech Mono", monospace;--font-mono: "Share Tech Mono", monospace}.theme-cyberpunk h2,html[data-theme=cyberpunk] h2{color:#fd3d90!important}.theme-cyberpunk:before,html[data-theme=cyberpunk]:before{content:"";position:fixed;top:0;left:0;width:100vw;height:200vh;pointer-events:none;z-index:9999;background:linear-gradient(180deg,rgba(68,239,255,.1),transparent 49%,rgba(253,61,144,.08) 50%,transparent);background-size:4px 4px;animation:crt-scanlines 8s linear infinite}.theme-cyberpunk body:before,html[data-theme=cyberpunk] body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.2) 100%)}.theme-cyberpunk a,html[data-theme=cyberpunk] a{transition:all .3s ease}.theme-cyberpunk a:hover,html[data-theme=cyberpunk] a:hover{animation:cyberpunk-glitch .3s ease-in-out;text-shadow:-1px 0 #ff006f,1px 0 #00ffcc}.theme-cyberpunk a:hover:before,html[data-theme=cyberpunk] a:hover:before{content:attr(href);position:absolute;top:0;left:0;width:100%;height:100%;color:#ff006f;background:transparent;clip:rect(0,0,0,0);animation:cyberpunk-glitch-overlay .3s ease-in-out}.theme-cyberpunk a:hover:after,html[data-theme=cyberpunk] a:hover:after{content:attr(href);position:absolute;top:0;left:0;width:100%;height:100%;color:#0fc;background:transparent;clip:rect(0,0,0,0);animation:cyberpunk-glitch-overlay-2 .3s ease-in-out}@keyframes crt-scanlines{0%{transform:translateY(-5vh)}to{transform:translateY(0)}}@keyframes crt-flicker{0%{opacity:1}98%{opacity:.85}99%{opacity:.99}to{opacity:1}}@keyframes cyberpunk-glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes cyberpunk-glitch-overlay{0%{clip:rect(42px,9999px,44px,0)}25%{clip:rect(12px,9999px,59px,0)}50%{clip:rect(78px,9999px,23px,0)}75%{clip:rect(34px,9999px,67px,0)}to{clip:rect(91px,9999px,18px,0)}}@keyframes cyberpunk-glitch-overlay-2{0%{clip:rect(65px,9999px,23px,0)}25%{clip:rect(34px,9999px,89px,0)}50%{clip:rect(12px,9999px,56px,0)}75%{clip:rect(78px,9999px,34px,0)}to{clip:rect(23px,9999px,67px,0)}}.theme-midnight,html[data-theme=midnight]{--bg-primary: #0a0e27;--bg-secondary: #0f1538;--bg-tertiary: #141c4c;--text-primary: #e8eaf6;--text-secondary: #9fa8da;--text-tertiary: #7986cb;--color-primary: #5e72e4;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #56f1c7;--color-success-light: #7fffd4;--color-warning: #ffd93d;--color-warning-light: #ffe566;--color-error: #ff5252;--color-error-light: #ff7979;--color-info: #82b1ff;--color-info-light: #a3c3ff;--color-purple: #9c88ff;--color-pink: #f8b5ce;--border-primary: #2a3f7d;--border-secondary: #1e2c5f;--surface-hover: #1a2555;--surface-active: #243270;--shadow-sm: 0 2px 8px rgba(94, 114, 228, .1);--shadow-md: 0 8px 20px rgba(94, 114, 228, .15);--shadow-lg: 0 16px 40px rgba(94, 114, 228, .2);--font-heading: "Montserrat", sans-serif;--font-body: "IBM Plex Mono", monospace;--font-mono: "IBM Plex Mono", monospace}.theme-arctic,html[data-theme=arctic]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e3f2fd;--text-primary: #263238;--text-secondary: #546e7a;--text-tertiary: #78909c;--color-primary: #00acc1;--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, white 15%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 85%, black 15%);--color-success: #00897b;--color-success-light: #26a69a;--color-warning: #ffb300;--color-warning-light: #ffc947;--color-error: #e53935;--color-error-light: #ef5350;--color-info: #039be5;--color-info-light: #29b6f6;--color-purple: #7e57c2;--color-pink: #ec407a;--border-primary: #cfd8dc;--border-secondary: #b0bec5;--surface-hover: #eceff1;--surface-active: #cfd8dc;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .12);--font-heading: "Raleway", sans-serif;--font-body: "Raleway", sans-serif;--font-mono: "Source Code Pro", monospace}.theme-terminal,html[data-theme=terminal]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1c1d1c96;--text-primary: #edf6ed;--text-secondary: #c7ffc7;--text-tertiary: #0b820b;--color-primary: #00ff00;--color-primary-hover: #66ff66;--color-primary-dark: #00cc00;--color-success: #00ff00;--color-success-light: #66ff66;--color-warning: #ffff00;--color-warning-light: #ffff66;--color-error: #ff0000;--color-error-light: #ff6666;--color-info: #00ffff;--color-info-light: #66ffff;--color-purple: #ff00ff;--color-pink: #ff00aa;--border-primary: #00ff0024;--border-secondary: #009900;--surface-hover: #001100;--surface-active: #002200;--radius-sm: 0;--radius-md: 1px;--radius-lg: 2px;--spacing-2xs: .125rem;--spacing-xs: .125rem;--spacing-sm: .25rem;--spacing-md: .5rem;--spacing-lg: .75rem;--spacing-xl: 1rem;--spacing-2xl: 1.5rem;--shadow-sm: 0 0 2px rgba(0, 255, 0, .5);--shadow-md: 0 0 8px rgba(0, 255, 0, .3);--shadow-lg: 0 0 20px rgba(0, 255, 0, .2);--font-heading: "JetBrains Mono", monospace;--font-body: "JetBrains Mono", monospace;--font-mono: "JetBrains Mono", monospace}.theme-muteddark,html[data-theme=muteddark]{--bg-primary: #282c34;--bg-secondary: #21252b;--bg-tertiary: #2c313a;--text-primary: #abb2bf;--text-secondary: #a2abc9;--text-tertiary: #5c6370;--color-primary: #e8ef61;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #98c379;--color-warning: #e5c07b;--color-error: #e06c75;--color-info: #61afef;--color-purple: #c678dd;--color-pink: #e06c75;--border-primary: #3e4451;--surface-hover: #2c313a;--surface-active: #3e4451;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--font-heading: "Open Sans", sans-serif;--font-body: "Source Code Pro", monospace;--font-mono: "Source Code Pro", monospace}.theme-solarized,html[data-theme=solarized]{--bg-primary: #002b36;--bg-secondary: #073642;--bg-tertiary: #033947;--text-primary: #839496;--text-secondary: #93a1a1;--text-tertiary: #657b83;--color-primary: #268bd2;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #859900;--color-warning: #b58900;--color-error: #dc322f;--color-info: #268bd2;--color-purple: #6c71c4;--color-pink: #d33682;--border-primary: #586e75;--surface-hover: #073642;--surface-active: #586e75;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--font-heading: "Lato", sans-serif;--font-body: "Inconsolata", monospace;--font-mono: "Inconsolata", monospace}.theme-nord,html[data-theme=nord]{--bg-primary: #2e3440;--bg-secondary: #3b4252;--bg-tertiary: #434c5e;--text-primary: #eceff4;--text-secondary: #d8dee9;--text-tertiary: #e5e9f0;--color-primary: #88c0d0;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #a3be8c;--color-success-light: #b8d1a8;--color-warning: #ebcb8b;--color-warning-light: #f0d9a7;--color-error: #bf616a;--color-error-light: #d08770;--color-info: #81a1c1;--color-info-light: #88c0d0;--color-purple: #b48ead;--color-pink: #bf616a;--border-primary: #4c566a;--border-secondary: #434c5e;--surface-hover: #313746;--surface-active: #4c566a;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--font-heading: "IBM Plex Sans", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}.theme-gruvbox,html[data-theme=gruvbox]{--bg-primary: #282828;--bg-secondary: #3c3836;--bg-tertiary: #504945;--text-primary: #ebdbb2;--text-secondary: #d5c4a1;--text-tertiary: #bdae93;--color-primary: #fabd2f;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #b8bb26;--color-success-light: #98971a;--color-warning: #fabd2f;--color-warning-light: #d79921;--color-error: #fb4934;--color-error-light: #cc241d;--color-info: #83a598;--color-info-light: #458588;--color-purple: #d3869b;--color-pink: #fb4934;--border-primary: #665c54;--border-secondary: #504945;--surface-hover: #3c3836;--surface-active: #504945;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--font-heading: "Ubuntu", sans-serif;--font-body: "Ubuntu Mono", monospace;--font-mono: "Ubuntu Mono", monospace}.theme-tokyonight,html[data-theme=tokyonight]{--bg-primary: #1a1b26;--bg-secondary: #24283b;--bg-tertiary: #353b56;--text-primary: #c0caf5;--text-secondary: #a9b1d6;--text-tertiary: #9aa5ce;--color-primary: #7aa2f7;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #9ece6a;--color-success-light: #73daca;--color-warning: #e0af68;--color-warning-light: #ff9e64;--color-error: #f7768e;--color-error-light: #db4b4b;--color-info: #7dcfff;--color-info-light: #b4f9f8;--color-purple: #bb9af7;--color-pink: #f7768e;--border-primary: #565f89;--border-secondary: #414868;--surface-hover: #292e42;--surface-active: #3b4261;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--font-heading: "Fira Sans", sans-serif;--font-body: "Fira Code", monospace;--font-mono: "Fira Code", monospace}.theme-catppuccin,html[data-theme=catppuccin]{--bg-primary: #1e1e2e;--bg-secondary: #181825;--bg-tertiary: #313244;--text-primary: #cdd6f4;--text-secondary: #bac2de;--text-tertiary: #a6adc8;--color-primary: #b2a5ff;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #a6e3a1;--color-success-light: #94e2d5;--color-warning: #f9e2af;--color-warning-light: #fab387;--color-error: #f38ba8;--color-error-light: #eba0ac;--color-info: #89dceb;--color-info-light: #89b4fa;--color-purple: #cba6f7;--color-pink: #f5c2e7;--border-primary: #45475a;--border-secondary: #313244;--surface-hover: #313244;--surface-active: #45475a;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--font-heading: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}.theme-everforest,html[data-theme=everforest]{--bg-primary: #2d353b;--bg-secondary: #343f44;--bg-tertiary: #3d484d;--text-primary: #d3c6aa;--text-secondary: #baa89f;--text-tertiary: #859289;--color-primary: #a7c080;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #a7c080;--color-success-light: #83c092;--color-warning: #dbbc7f;--color-warning-light: #e69875;--color-error: #e67e80;--color-error-light: #e67e80;--color-info: #7fbbb3;--color-info-light: #a7c080;--color-purple: #d699b6;--color-pink: #e67e80;--border-primary: #4f5b58;--border-secondary: #3d484d;--surface-hover: #3d484d;--surface-active: #4f5b58;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--font-heading: "Nunito", sans-serif;--font-body: "Nunito", sans-serif;--font-mono: "Source Code Pro", monospace}.theme-sunset,html[data-theme=sunset]{--bg-primary: #edecea;--bg-secondary: #ffffff;--bg-tertiary: #fff4eb;--text-primary: #2a1810;--text-secondary: #5c4a42;--text-tertiary: #8c7165;--color-primary: #ff6b35;--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, white 15%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 85%, black 15%);--color-success: #0e9f6e;--color-success-light: #31c48d;--color-warning: #ff9500;--color-warning-light: #ffae42;--color-error: #e02424;--color-error-light: #f05252;--color-info: #3f83f8;--color-info-light: #76a9fa;--color-purple: #9061f9;--color-pink: #ff5a8d;--border-primary: #fcd9c8;--border-secondary: #f9cbb5;--surface-hover: #ffeee0;--surface-active: #ffe4d1;--shadow-sm: 0 1px 3px rgba(255, 107, 53, .08);--shadow-md: 0 4px 12px rgba(255, 107, 53, .1);--shadow-lg: 0 12px 28px rgba(255, 107, 53, .15);--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}.theme-noc,html[data-theme=noc]{--bg-primary: #0b1623;--bg-secondary: #0f1e30;--bg-tertiary: #13243a;--text-primary: #c8ddf2;--text-secondary: #7ca0c0;--text-tertiary: #3d6685;--color-primary: #00d4ff;--color-primary-hover: color-mix(in srgb, var(--color-primary) 80%, white 20%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 80%, black 20%);--color-success: #00f59b;--color-success-light: #39ffb0;--color-warning: #ffab00;--color-warning-light: #ffc144;--color-error: #ff4444;--color-error-light: #ff6b6b;--color-info: #4d9fff;--color-info-light: #6eb5ff;--color-purple: #9d6bff;--color-pink: #ff5fa3;--border-primary: #1a3550;--border-secondary: #13243a;--surface-hover: #152d44;--surface-active: #1c3852;--shadow-sm: 0 0 4px rgba(0, 212, 255, .06), 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 0 12px rgba(0, 212, 255, .1), 0 4px 10px rgba(0, 0, 0, .4);--shadow-lg: 0 0 24px rgba(0, 212, 255, .15), 0 8px 20px rgba(0, 0, 0, .5);--font-heading: "JetBrains Mono", monospace;--font-body: "JetBrains Mono", monospace;--font-mono: "JetBrains Mono", monospace}.theme-noc body,html[data-theme=noc] body{background-image:linear-gradient(rgba(0,212,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 1px);background-size:40px 40px}.theme-dracula,html[data-theme=dracula]{--bg-primary: #282a36;--bg-secondary: #21222c;--bg-tertiary: #343746;--text-primary: #f8f8f2;--text-secondary: #e0e0e0;--text-tertiary: #bfbfbf;--color-primary: #ff79c6;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #50fa7b;--color-success-light: #7dfb9b;--color-warning: #f1fa8c;--color-warning-light: #f5fba9;--color-error: #ff5555;--color-error-light: #ff7979;--color-info: #8be9fd;--color-info-light: #a9f0fd;--color-purple: #bd93f9;--color-pink: #ff79c6;--border-primary: #44475a;--border-secondary: #6272a4;--surface-hover: #343746;--surface-active: #44475a;--shadow-sm: 0 2px 4px rgba(189, 147, 249, .15);--shadow-md: 0 4px 8px rgba(189, 147, 249, .2);--shadow-lg: 0 8px 16px rgba(189, 147, 249, .25);--font-heading: "JetBrains Mono", monospace;--font-body: "Inter", sans-serif;--font-mono: "Fira Code", monospace}.action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.action-button:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-secondary)}.action-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}hr{border:none;border-top:1px solid var(--border-primary);margin:var(--spacing-md) 0 var(--spacing-lg)}.tabs{display:flex;gap:var(--spacing-xs);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.tabs .tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.tabs .tab.active{background-color:var(--bg-secondary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-group.inline{display:flex;align-items:end;gap:var(--spacing-sm)}.form-group.inline .form-field{flex:1}.info-panel{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.info-panel h4{display:flex;align-items:center;gap:var(--spacing-xs)}.info-panel.success{border-color:var(--color-success);background:linear-gradient(135deg,color-mix(in srgb,var(--color-success),transparent 95%),color-mix(in srgb,var(--color-success),transparent 98%))}.info-panel.success h4{color:var(--color-success)}.info-panel.info{border-color:var(--color-info);background:linear-gradient(135deg,color-mix(in srgb,var(--color-info),transparent 95%),color-mix(in srgb,var(--color-info),transparent 98%))}.info-panel.info h4{color:var(--color-info)}.info-panel.warning{border-color:var(--color-warning);background:linear-gradient(135deg,color-mix(in srgb,var(--color-warning),transparent 95%),color-mix(in srgb,var(--color-warning),transparent 98%))}.info-panel.warning h4{color:var(--color-warning)}.info-panel.error{border-color:var(--color-error);background:linear-gradient(135deg,color-mix(in srgb,var(--color-error),transparent 95%),color-mix(in srgb,var(--color-error),transparent 98%))}.info-panel.error h4{color:var(--color-error)}.status{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.status.success{color:var(--color-success-light);background-color:#23863626}.status.error{color:var(--color-error-light);background-color:#da363326}.status.warning{color:var(--color-warning-light);background-color:#d2992226}.status.info{color:var(--color-info-light);background-color:#0969da26}.loading{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.loading .spinner{width:1rem;height:1rem;border:2px solid var(--border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.reference-card,.explainer-card,.info-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.reference-card:not(.no-hover):not(.info-card),.explainer-card:not(.no-hover):not(.info-card),.info-card:not(.no-hover):not(.info-card){cursor:help}.reference-card:not(.no-hover):not(.info-card):hover,.explainer-card:not(.no-hover):not(.info-card):hover,.info-card:not(.no-hover):not(.info-card):hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-primary) 33%,transparent)}.explainer-card:not(.no-hover):hover{transform:translateY(-2px)}.explainer-card h4{color:var(--color-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);font-weight:600}.explainer-card p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.form-field{min-width:250px}.form-field .field-input{position:relative;display:flex;align-items:center}.form-field .field-icon{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);pointer-events:none;opacity:.2}.form-field .field-error{color:var(--color-error-light);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);margin-bottom:0}.form-field .field-help{color:var(--color-success-light);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);margin-bottom:0}.form-field .status-icon{width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.form-field .status-icon svg{width:.75rem;height:.75rem;color:var(--bg-secondary)}.form-field .status-icon.success{background-color:var(--color-success)}.form-field .status-icon.error{background-color:var(--color-error)}.form-field .required{color:var(--color-error);margin-left:var(--spacing-xs)}@media(max-width:768px){.form-field{min-width:auto}}.copy-btn{transition:all var(--transition-fast)}.copy-btn.copied{color:var(--color-success-light);background-color:#2386361a;border-color:var(--color-success);transform:scale(1.05)}.copy-btn.copied:hover{background-color:#23863633}.info-cards{display:grid;gap:var(--spacing-sm)}.info-card{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.info-card .info-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);margin:0}@media(max-width:768px){.info-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.value-copy{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.ip-value,.binary-value{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ip-value.success,.binary-value.success{color:var(--color-success-light);background-color:#2386361a}.ip-value.error,.binary-value.error{color:var(--color-error-light);background-color:#da36331a}.ip-value.info,.binary-value.info{color:var(--color-info-light);background-color:#0969da1a}.ip-value.warning,.binary-value.warning{color:var(--color-warning-light);background-color:#d299221a}.binary-value{font-size:var(--font-size-sm)}.metric-value{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600}.metric-value.success{color:var(--color-success-light)}.metric-value.info{color:var(--color-info-light)}.cidr{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--spacing-xs)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-label input[type=checkbox]{appearance:none;width:.75rem;height:.75rem;padding:.75rem;border:2px solid var(--border-primary);border-radius:var(--radius-xs);background-color:var(--bg-primary);transition:all var(--transition-fast);flex-shrink:0;position:relative}.checkbox-label input[type=checkbox]:hover{border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:focus{outline:2px solid color-mix(in srgb,var(--color-primary),transparent 70%);outline-offset:2px}.checkbox-label input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg-primary);font-size:1rem;font-weight:700;line-height:1}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label .checkbox-text{display:flex;align-items:center;gap:var(--spacing-xs)}.checkbox-label .checkbox-text :global(.tooltip-trigger){color:var(--text-secondary);opacity:.7}.checkbox-label .checkbox-text :global(.tooltip-trigger):hover{opacity:1}.page-header-controls{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-lg);animation:fadeIn .3s ease-out}@media(max-width:768px){.page-header-controls{justify-content:center}}.header-actions{display:flex;align-items:center;gap:var(--spacing-lg)}@media(max-width:768px){.header-actions{gap:var(--spacing-sm)}}.header-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-links{display:flex;gap:var(--spacing-md)}@media(max-width:768px){.nav-links{display:none}}.nav-links .nav-link{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.nav-links .nav-link:hover{color:var(--color-primary);background-color:var(--surface-hover)}.nav-links .nav-link.active{color:var(--color-primary);background-color:var(--surface-hover);font-weight:500}.sub-nav{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-sm) 0}.sub-nav .sub-nav-links{display:flex;gap:var(--spacing-md)}@media(max-width:768px){.sub-nav .sub-nav-links{gap:var(--spacing-sm)}}.sub-nav .sub-nav-links .sub-nav-link{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.sub-nav .sub-nav-links .sub-nav-link:hover{color:var(--color-primary);background-color:var(--surface-hover)}.sub-nav .sub-nav-links .sub-nav-link.active{color:var(--color-primary);background-color:var(--surface-hover);font-weight:500}.logo h1 a,.logo .logo-icon a{color:inherit;text-decoration:none}.tools-grid-sub-header{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.tools-grid-sub-header svg{color:var(--color-primary)}.tools-grid-sub-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.tools-grid-sub-header .count{background:var(--text-secondary);opacity:.8;color:var(--bg-primary);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;min-width:1.25rem;text-align:center;animation:pulse .5s ease;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.tools-grid-sub-header .count:hover{transform:scale(1.1);box-shadow:0 4px 8px color-mix(in srgb,var(--color-warning),transparent 70%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}html[data-a11y~=reduce-motion]{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms}html[data-a11y~=reduce-motion] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html[data-a11y~=contrast-high]{filter:contrast(1.15) brightness(1.05) saturate(1.05)}html[data-a11y~=contrast-high] *{border-width:max(1px,var(--border-width, 1px))}html[data-a11y~=contrast-high] :focus-visible{outline:3px solid var(--color-primary)!important;outline-offset:2px!important}html[data-a11y~=contrast-high] button,html[data-a11y~=contrast-high] [role=button]{border:2px solid var(--border-primary)!important}html[data-a11y~=contrast-high] button:hover,html[data-a11y~=contrast-high] [role=button]:hover{border-color:var(--color-primary)!important}html[data-a11y~=contrast-high] input,html[data-a11y~=contrast-high] select,html[data-a11y~=contrast-high] textarea{border:2px solid var(--border-primary)!important}html[data-a11y~=contrast-high] input:focus,html[data-a11y~=contrast-high] select:focus,html[data-a11y~=contrast-high] textarea:focus{border-color:var(--color-primary)!important}html[data-a11y~=dark-contrast-high]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--text-primary: #ffffff;--text-secondary: #e0e0e0;--border-primary: #404040;--border-secondary: #606060}html[data-a11y~=scale-large]{font-size:110%;--font-size-2xs: .75rem;--font-size-xs: .9375rem;--font-size-sm: 1.09375rem;--font-size-md: 1.25rem;--font-size-lg: 1.40625rem;--font-size-xl: 1.5625rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.5rem;--spacing-xs: .3125rem;--spacing-sm: .625rem;--spacing-md: 1.25rem;--spacing-lg: 1.875rem;--spacing-xl: 2.5rem;--spacing-2xl: 3.75rem}html[data-a11y~=scale-large] *{line-height:1.6}html[data-a11y~=scale-large] .icon.w-2{width:.625rem;height:.625rem}html[data-a11y~=scale-large] .icon.w-4{width:1.25rem;height:1.25rem}html[data-a11y~=scale-large] .icon.w-6{width:1.875rem;height:1.875rem}html[data-a11y~=scale-large] .icon.w-8{width:2.5rem;height:2.5rem}html[data-a11y~=dyslexia-font]{font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,Verdana,sans-serif;letter-spacing:.05em;line-height:1.6}html[data-a11y~=dyslexia-font] *,html[data-a11y~=dyslexia-font] h1,html[data-a11y~=dyslexia-font] h2,html[data-a11y~=dyslexia-font] h3,html[data-a11y~=dyslexia-font] h4,html[data-a11y~=dyslexia-font] h5,html[data-a11y~=dyslexia-font] h6,html[data-a11y~=dyslexia-font] p,html[data-a11y~=dyslexia-font] span,html[data-a11y~=dyslexia-font] div,html[data-a11y~=dyslexia-font] li,html[data-a11y~=dyslexia-font] td,html[data-a11y~=dyslexia-font] th{font-family:inherit;letter-spacing:inherit}html[data-a11y~=dyslexia-font] code,html[data-a11y~=dyslexia-font] pre,html[data-a11y~=dyslexia-font] .font-mono,html[data-a11y~=dyslexia-font] [class*=mono]{font-family:var(--font-mono);letter-spacing:.02em}html[data-a11y~=links-always-underline] a{text-decoration:underline!important;text-underline-offset:.2em;text-decoration-thickness:1px}html[data-a11y~=links-always-underline] a:hover{text-decoration-thickness:2px}html[data-a11y~=links-always-underline] a[role=button],html[data-a11y~=links-always-underline] a.btn,html[data-a11y~=links-always-underline] a.button{text-decoration:none!important}html[data-a11y~=no-icons] .icon:not([aria-label]):not([role]):not([aria-hidden=false]){display:none!important}html[data-a11y~=no-icons] .bg-pattern,html[data-a11y~=no-icons] .decorative-bg{background-image:none!important}html[data-a11y~=no-icons] button:not([aria-label]):has(.icon:only-child):after{content:attr(title);margin-left:var(--spacing-xs)}html[data-a11y~=focus-enhanced] :focus-visible{outline:3px solid var(--color-primary)!important;outline-offset:3px!important;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--bg-primary),0 0 0 4px var(--color-primary)!important}html[data-a11y~=focus-enhanced] input:focus-visible,html[data-a11y~=focus-enhanced] textarea:focus-visible,html[data-a11y~=focus-enhanced] select:focus-visible{box-shadow:0 0 0 1px var(--bg-primary),0 0 0 4px var(--color-primary),inset 0 0 0 2px var(--color-primary)!important}html[data-a11y~=focus-enhanced] [role=button]:focus-visible,html[data-a11y~=focus-enhanced] [role=switch]:focus-visible,html[data-a11y~=focus-enhanced] [role=checkbox]:focus-visible,html[data-a11y~=focus-enhanced] [role=radio]:focus-visible{outline:3px solid var(--color-primary)!important;outline-offset:2px!important}html[data-a11y~=focus-enhanced] .skip-link:focus{position:absolute!important;top:var(--spacing-md)!important;left:var(--spacing-md)!important;z-index:9999!important;padding:var(--spacing-sm) var(--spacing-md)!important;background:var(--bg-secondary)!important;border:2px solid var(--color-primary)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;text-decoration:none!important;font-weight:600;box-shadow:var(--shadow-lg)!important}@media(prefers-reduced-motion:reduce){html:not([data-a11y~=reduce-motion]) *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){html:not([data-a11y~=contrast-high]){filter:contrast(1.1) brightness(1.02)}}@media(prefers-reduced-data:reduce){html .bg-pattern,html .decorative-bg{background-image:none!important}}@media(prefers-color-scheme:dark){html[data-a11y~=dark-contrast-high]{--bg-primary: #000000;--text-primary: #ffffff}}@media print{html[data-a11y]{filter:none!important}html[data-a11y] *{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}html[data-a11y] a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}html[data-a11y] .icon:not([aria-label]){display:none!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:inherit!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--bg-primary);color:var(--text-primary);padding:8px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);text-decoration:none;z-index:1000;transition:top .3s}.skip-link:focus{top:6px}.dns-lookup.svelte-1yz8wrt{display:flex;flex-direction:column;gap:var(--spacing-lg);font-family:var(--font-mono);max-width:900px}.dns-title.svelte-1yz8wrt{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-xs)}.dns-desc.svelte-1yz8wrt{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0;font-family:var(--font-body)}.dns-controls.svelte-1yz8wrt{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-row.svelte-1yz8wrt,.server-row.svelte-1yz8wrt{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.dns-input.svelte-1yz8wrt{flex:1;min-width:200px;font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary)}.dns-input.svelte-1yz8wrt:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.dns-select.svelte-1yz8wrt{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer}.dns-select.svelte-1yz8wrt:focus{outline:none;border-color:var(--color-primary)}.dns-select.svelte-1yz8wrt:disabled{opacity:.5}.type-select.svelte-1yz8wrt{width:90px}.server-select.svelte-1yz8wrt{flex:1;min-width:160px}.compare-toggle.svelte-1yz8wrt{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.compare-toggle.svelte-1yz8wrt input[type=checkbox]:where(.svelte-1yz8wrt){width:auto;accent-color:var(--color-primary)}.lookup-btn.svelte-1yz8wrt{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.lookup-btn.svelte-1yz8wrt:hover:not(:disabled){background:var(--color-primary-hover)}.lookup-btn.svelte-1yz8wrt:disabled{opacity:.5;cursor:not-allowed}.spinner.svelte-1yz8wrt{width:12px;height:12px;border:2px solid color-mix(in srgb,var(--bg-primary) 40%,transparent);border-top-color:var(--bg-primary);border-radius:50%;animation:svelte-1yz8wrt-spin .7s linear infinite;flex-shrink:0}@keyframes svelte-1yz8wrt-spin{to{transform:rotate(360deg)}}.results.svelte-1yz8wrt{display:flex;flex-direction:column;gap:var(--spacing-md)}.results.multi.svelte-1yz8wrt{gap:var(--spacing-lg)}.result-block.svelte-1yz8wrt{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.result-server-header.svelte-1yz8wrt{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600}.result-meta.svelte-1yz8wrt{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-secondary);flex-wrap:wrap}.status-badge.svelte-1yz8wrt{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em}.status-badge.ok.svelte-1yz8wrt{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.status-badge.nxdomain.svelte-1yz8wrt{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.status-badge.err.svelte-1yz8wrt{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.response-ms.svelte-1yz8wrt{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:auto}.dnssec-badge.svelte-1yz8wrt{font-size:var(--font-size-xs);color:var(--color-success);padding:2px 6px;border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);border-radius:var(--radius-sm)}.copy-btn.svelte-1yz8wrt{margin-left:auto;padding:2px 10px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.copy-btn.svelte-1yz8wrt:hover{border-color:var(--color-primary);color:var(--color-primary)}.dns-error.svelte-1yz8wrt{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-error);font-size:var(--font-size-sm)}.dns-error.svelte-1yz8wrt .err-icon:where(.svelte-1yz8wrt){font-weight:700}.no-records.svelte-1yz8wrt{padding:var(--spacing-md);color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic}.records-table-wrap.svelte-1yz8wrt{overflow-x:auto}.records-table.svelte-1yz8wrt{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.records-table.svelte-1yz8wrt th:where(.svelte-1yz8wrt){padding:var(--spacing-xs) var(--spacing-md);text-align:left;color:var(--text-tertiary);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.7em;border-bottom:1px solid var(--border-primary);white-space:nowrap}.records-table.svelte-1yz8wrt td:where(.svelte-1yz8wrt){padding:var(--spacing-xs) var(--spacing-md);color:var(--text-secondary);border-bottom:1px solid var(--border-secondary);vertical-align:middle}.records-table.svelte-1yz8wrt td.mono:where(.svelte-1yz8wrt){font-family:var(--font-mono)}.records-table.svelte-1yz8wrt td.ttl:where(.svelte-1yz8wrt){color:var(--text-tertiary);white-space:nowrap}.records-table.svelte-1yz8wrt td.data:where(.svelte-1yz8wrt){color:var(--text-primary);word-break:break-all}.records-table.svelte-1yz8wrt tr:where(.svelte-1yz8wrt):last-child td:where(.svelte-1yz8wrt){border-bottom:none}.records-table.svelte-1yz8wrt tr:where(.svelte-1yz8wrt):hover td:where(.svelte-1yz8wrt){background:var(--surface-hover)}.records-table.svelte-1yz8wrt tr.authority:where(.svelte-1yz8wrt) td:where(.svelte-1yz8wrt){opacity:.7}.type-pill.svelte-1yz8wrt{display:inline-block;padding:1px 6px;border-radius:var(--radius-xs);font-size:.85em;font-weight:700;letter-spacing:.04em;background:color-mix(in srgb,var(--color-info) 12%,transparent);color:var(--color-info)}.type-pill.type-A.svelte-1yz8wrt,.type-pill.type-AAAA.svelte-1yz8wrt{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.type-pill.type-MX.svelte-1yz8wrt{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.type-pill.type-TXT.svelte-1yz8wrt{background:color-mix(in srgb,var(--color-purple) 12%,transparent);color:var(--color-purple)}.type-pill.type-CNAME.svelte-1yz8wrt{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.type-pill.type-SOA.svelte-1yz8wrt{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.dns-examples.svelte-1yz8wrt{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.examples-label.svelte-1yz8wrt{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap}.example-chip.svelte-1yz8wrt{padding:2px 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full, 50px);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.example-chip.svelte-1yz8wrt:hover{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-tertiary))}.ports-ref.svelte-14z95mv{display:flex;flex-direction:column;gap:var(--spacing-md);font-family:var(--font-mono)}.ports-title.svelte-14z95mv{font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs)}.ports-desc.svelte-14z95mv{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0;font-family:var(--font-body)}.ports-controls.svelte-14z95mv{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ports-search.svelte-14z95mv{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary)}.ports-search.svelte-14z95mv:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 15%,transparent)}.filter-row.svelte-14z95mv{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group.svelte-14z95mv{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.filter-label.svelte-14z95mv{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;min-width:60px}.pill-group.svelte-14z95mv{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.pill-group.scrollable.svelte-14z95mv{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px}.pill.svelte-14z95mv{padding:2px 10px;border:1px solid var(--border-primary);border-radius:100px;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.pill.svelte-14z95mv:hover{border-color:var(--color-primary);color:var(--color-primary)}.pill.active.svelte-14z95mv{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-primary);font-weight:700}.results-info.svelte-14z95mv{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-tertiary)}.clear-btn.svelte-14z95mv{background:none;border:none;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.ports-table-wrap.svelte-14z95mv{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary)}.ports-table.svelte-14z95mv{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.ports-table.svelte-14z95mv th:where(.svelte-14z95mv){padding:var(--spacing-xs) var(--spacing-md);text-align:left;color:var(--text-tertiary);font-weight:600;font-size:.7em;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--border-primary);white-space:nowrap;background:var(--bg-tertiary)}.ports-table.svelte-14z95mv td:where(.svelte-14z95mv){padding:var(--spacing-xs) var(--spacing-md);color:var(--text-secondary);border-bottom:1px solid var(--border-secondary);vertical-align:middle}.ports-table.svelte-14z95mv td.mono:where(.svelte-14z95mv){font-family:var(--font-mono)}.ports-table.svelte-14z95mv tr:where(.svelte-14z95mv):last-child td:where(.svelte-14z95mv){border-bottom:none}.ports-table.svelte-14z95mv tr:where(.svelte-14z95mv):hover td:where(.svelte-14z95mv){background:var(--surface-hover)}.col-port.svelte-14z95mv{width:80px}.col-proto.svelte-14z95mv{width:90px}.col-service.svelte-14z95mv,.col-cat.svelte-14z95mv{width:130px}.port-num.svelte-14z95mv{background:none;border:none;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px}.port-num.svelte-14z95mv:hover{text-decoration:underline}.copied-badge.svelte-14z95mv{font-size:.8em;color:var(--color-success)}.proto-badge.svelte-14z95mv{display:inline-block;padding:1px 6px;border-radius:var(--radius-xs);font-size:.85em;font-weight:700}.proto-badge.proto-TCP.svelte-14z95mv{background:color-mix(in srgb,var(--color-info) 12%,transparent);color:var(--color-info)}.proto-badge.proto-UDP.svelte-14z95mv{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.proto-badge.proto-TCP-UDP.svelte-14z95mv{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.cat-badge.svelte-14z95mv{display:inline-block;padding:1px 6px;border-radius:var(--radius-xs);border:1px solid;font-size:.8em;white-space:nowrap}.no-results.svelte-14z95mv{text-align:center;color:var(--text-tertiary);padding:var(--spacing-xl)!important;font-style:italic}svg.svelte-1g5nppp{display:inline-block;color:currentColor}.icon-sm.svelte-1g5nppp{width:.75rem;height:.75rem}.icon-md.svelte-1g5nppp{width:1rem;height:1rem}.icon-lg.svelte-1g5nppp{width:1.25rem;height:1.25rem}.form-field.svelte-zkysce{min-width:300px}@media(max-width:768px){.form-field.svelte-zkysce{min-width:auto}}.input-cidr.svelte-zkysce{font-family:var(--font-mono);font-size:var(--font-size-md);padding-right:2.5rem;flex:1}.input-cidr.valid.svelte-zkysce{border-color:var(--color-success)}.input-cidr.invalid.svelte-zkysce{border-color:var(--color-error)}.input-cidr.focused.svelte-zkysce{box-shadow:var(--shadow-md)}.presets-section.svelte-zkysce{margin-top:var(--spacing-md)}.presets-section.svelte-zkysce .presets-label:where(.svelte-zkysce){font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.presets-section.svelte-zkysce .presets-grid:where(.svelte-zkysce){display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.presets-section.svelte-zkysce .preset-btn:where(.svelte-zkysce){padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary);transition:all var(--transition-fast)}.presets-section.svelte-zkysce .preset-btn:where(.svelte-zkysce):hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.presets-section.svelte-zkysce .preset-btn:where(.svelte-zkysce):disabled{opacity:.6;cursor:not-allowed}.presets-section.svelte-zkysce .preset-btn.active:where(.svelte-zkysce){border-color:var(--color-primary);background-color:var(--surface-hover);color:var(--color-primary)}.network-visualizer.svelte-1e0xnjm{max-width:100%}.visualizer-section.svelte-1e0xnjm{margin-bottom:var(--spacing-lg)}.visualizer-section.svelte-1e0xnjm h3:where(.svelte-1e0xnjm){margin-bottom:var(--spacing-md)}.range-section.svelte-1e0xnjm{margin-bottom:var(--spacing-md)}.range-section.svelte-1e0xnjm .range-header:where(.svelte-1e0xnjm){display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.range-section.svelte-1e0xnjm .range-header:where(.svelte-1e0xnjm) .range-label:where(.svelte-1e0xnjm){font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.range-section.svelte-1e0xnjm .range-header:where(.svelte-1e0xnjm) .range-count:where(.svelte-1e0xnjm){font-size:var(--font-size-sm);color:var(--text-secondary)}.range-section.svelte-1e0xnjm .range-bar:where(.svelte-1e0xnjm){position:relative;height:2rem;background-color:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary)}.range-section.svelte-1e0xnjm .range-bar:where(.svelte-1e0xnjm) .range-segment:where(.svelte-1e0xnjm){position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.range-section.svelte-1e0xnjm .range-bar:where(.svelte-1e0xnjm) .range-segment.network:where(.svelte-1e0xnjm){left:0;background-color:var(--color-info)}.range-section.svelte-1e0xnjm .range-bar:where(.svelte-1e0xnjm) .range-segment.usable:where(.svelte-1e0xnjm){background-color:var(--color-success)}.range-section.svelte-1e0xnjm .range-bar:where(.svelte-1e0xnjm) .range-segment.broadcast:where(.svelte-1e0xnjm){right:0;background-color:var(--color-error)}.range-section.svelte-1e0xnjm .range-bar:where(.svelte-1e0xnjm) .range-segment:where(.svelte-1e0xnjm) .segment-label:where(.svelte-1e0xnjm){font-size:var(--font-size-xs);color:var(--bg-tertiary);font-weight:600}.range-section.svelte-1e0xnjm .range-legend:where(.svelte-1e0xnjm){display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.range-section.svelte-1e0xnjm .range-legend:where(.svelte-1e0xnjm) .legend-item:where(.svelte-1e0xnjm){display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:768px){.range-section.svelte-1e0xnjm .range-legend:where(.svelte-1e0xnjm){flex-direction:column;align-items:center;gap:var(--spacing-sm)}}.legend-color.svelte-1e0xnjm{width:.75rem;height:.75rem;border-radius:var(--radius-sm)}.legend-color.network.svelte-1e0xnjm{background-color:var(--color-info)}.legend-color.usable.svelte-1e0xnjm{background-color:var(--color-success)}.legend-color.broadcast.svelte-1e0xnjm{background-color:var(--color-error)}.legend-color.host.svelte-1e0xnjm{background-color:var(--text-secondary)}.binary-section.svelte-1e0xnjm{background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.binary-section.svelte-1e0xnjm h4:where(.svelte-1e0xnjm){margin-bottom:var(--spacing-sm)}.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm){display:flex;flex-direction:column;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm) .binary-row:where(.svelte-1e0xnjm){display:flex;align-items:center;gap:var(--spacing-sm)}.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm) .binary-row:where(.svelte-1e0xnjm) .octet-decimal:where(.svelte-1e0xnjm){width:3rem;color:var(--text-secondary);text-align:right}.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm) .binary-row:where(.svelte-1e0xnjm) .arrow:where(.svelte-1e0xnjm){font-size:var(--font-size-lg);color:var(--text-secondary)}.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm) .binary-row:where(.svelte-1e0xnjm) .bits-group:where(.svelte-1e0xnjm){display:flex;gap:var(--spacing-xs)}.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm) .binary-row:where(.svelte-1e0xnjm) .bits-group:where(.svelte-1e0xnjm) .bit-box:where(.svelte-1e0xnjm){width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);border-radius:var(--radius-sm);cursor:help}.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm) .binary-row:where(.svelte-1e0xnjm) .bits-group:where(.svelte-1e0xnjm) .bit-box.network-bit:where(.svelte-1e0xnjm){background-color:var(--color-info);color:var(--bg-secondary)}.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm) .binary-row:where(.svelte-1e0xnjm) .bits-group:where(.svelte-1e0xnjm) .bit-box.host-bit:where(.svelte-1e0xnjm){background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm) .binary-row:where(.svelte-1e0xnjm) .octet-label:where(.svelte-1e0xnjm){color:var(--text-secondary);font-size:var(--font-size-xs)}@media(max-width:768px){.binary-section.svelte-1e0xnjm .binary-display:where(.svelte-1e0xnjm) .binary-row:where(.svelte-1e0xnjm){flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.binary-section.svelte-1e0xnjm .binary-summary:where(.svelte-1e0xnjm){margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.binary-section.svelte-1e0xnjm .binary-summary:where(.svelte-1e0xnjm) .bit-stats:where(.svelte-1e0xnjm){display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.binary-section.svelte-1e0xnjm .binary-summary:where(.svelte-1e0xnjm) .bit-stats:where(.svelte-1e0xnjm) .bit-stat:where(.svelte-1e0xnjm){display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}@media(max-width:768px){.binary-section.svelte-1e0xnjm .binary-summary:where(.svelte-1e0xnjm) .bit-stats:where(.svelte-1e0xnjm){flex-direction:column;gap:var(--spacing-sm)}}.grid-section.svelte-1e0xnjm{margin-bottom:var(--spacing-lg)}.grid-section.svelte-1e0xnjm h4:where(.svelte-1e0xnjm){margin-bottom:var(--spacing-sm)}.grid-section.svelte-1e0xnjm .address-grid-wrap:where(.svelte-1e0xnjm){padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);width:100%}.grid-section.svelte-1e0xnjm .address-grid-wrap:where(.svelte-1e0xnjm) .address-grid:where(.svelte-1e0xnjm){display:grid;grid-template-columns:repeat(8,1fr);gap:var(--spacing-xs);width:fit-content}@media(max-width:768px){.grid-section.svelte-1e0xnjm .address-grid-wrap:where(.svelte-1e0xnjm) .address-grid:where(.svelte-1e0xnjm){grid-template-columns:repeat(4,1fr)}}.grid-section.svelte-1e0xnjm .address-grid-wrap:where(.svelte-1e0xnjm) .address-grid:where(.svelte-1e0xnjm) .address-block:where(.svelte-1e0xnjm){width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast);color:var(--bg-tertiary)}.grid-section.svelte-1e0xnjm .address-grid-wrap:where(.svelte-1e0xnjm) .address-grid:where(.svelte-1e0xnjm) .address-block:where(.svelte-1e0xnjm):hover{transform:scale(1.1)}.grid-section.svelte-1e0xnjm .address-grid-wrap:where(.svelte-1e0xnjm) .address-grid:where(.svelte-1e0xnjm) .address-block.network:where(.svelte-1e0xnjm){background-color:var(--color-info)}.grid-section.svelte-1e0xnjm .address-grid-wrap:where(.svelte-1e0xnjm) .address-grid:where(.svelte-1e0xnjm) .address-block.broadcast:where(.svelte-1e0xnjm){background-color:var(--color-error)}.grid-section.svelte-1e0xnjm .address-grid-wrap:where(.svelte-1e0xnjm) .address-grid:where(.svelte-1e0xnjm) .address-block.usable:where(.svelte-1e0xnjm){background-color:var(--color-success)}.grid-section.svelte-1e0xnjm .address-grid-wrap:where(.svelte-1e0xnjm) .address-grid:where(.svelte-1e0xnjm) .address-block.usable:where(.svelte-1e0xnjm):hover{background-color:var(--color-success-light)}.efficiency-section.svelte-1e0xnjm{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.efficiency-section.svelte-1e0xnjm h4:where(.svelte-1e0xnjm){margin-bottom:var(--spacing-sm)}.efficiency-section.svelte-1e0xnjm .efficiency-grid:where(.svelte-1e0xnjm){display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.efficiency-section.svelte-1e0xnjm .efficiency-grid:where(.svelte-1e0xnjm) .efficiency-metric:where(.svelte-1e0xnjm){text-align:center}.efficiency-section.svelte-1e0xnjm .efficiency-grid:where(.svelte-1e0xnjm) .efficiency-metric:where(.svelte-1e0xnjm) .metric-value:where(.svelte-1e0xnjm){font-size:var(--font-size-2xl);font-weight:700;color:var(--color-info-light);margin-bottom:var(--spacing-xs)}.efficiency-section.svelte-1e0xnjm .efficiency-grid:where(.svelte-1e0xnjm) .efficiency-metric:where(.svelte-1e0xnjm) .metric-label:where(.svelte-1e0xnjm){font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:768px){.efficiency-section.svelte-1e0xnjm .efficiency-grid:where(.svelte-1e0xnjm){grid-template-columns:1fr}}.metric-value.success.svelte-1e0xnjm{color:var(--color-success)!important}.metric-value.warning.svelte-1e0xnjm{color:var(--color-warning)!important}.metric-value.error.svelte-1e0xnjm{color:var(--color-error)!important}.results.svelte-1ln6sgn{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}@media(max-width:768px){.results.svelte-1ln6sgn{grid-template-columns:1fr}}.result-section.svelte-1ln6sgn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.result-section.svelte-1ln6sgn h3:where(.svelte-1ln6sgn){margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.info-grid.svelte-1ln6sgn{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-row.svelte-1ln6sgn{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md);gap:var(--spacing-md)}@media(max-width:480px){.info-row.svelte-1ln6sgn{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.label.svelte-1ln6sgn{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap}.value.svelte-1ln6sgn{display:flex;align-items:center;gap:var(--spacing-sm)}.ip-val.svelte-1ln6sgn{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:700;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-sm)}.ip-val.network.svelte-1ln6sgn{color:var(--color-success-light);background:color-mix(in srgb,var(--color-success),transparent 90%)}.ip-val.broadcast.svelte-1ln6sgn{color:var(--color-error-light);background:color-mix(in srgb,var(--color-error),transparent 90%)}.ip-val.mask.svelte-1ln6sgn{color:var(--color-info-light);background:color-mix(in srgb,var(--color-info),transparent 90%)}.ip-val.wildcard.svelte-1ln6sgn{color:var(--color-warning-light);background:color-mix(in srgb,var(--color-warning),transparent 90%)}.ip-val.host.svelte-1ln6sgn{color:var(--color-purple);background:color-mix(in srgb,var(--color-purple),transparent 90%)}.copy.svelte-1ln6sgn{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-2xs) var(--spacing-xs);font-size:var(--font-size-sm);transition:all .15s}.copy.svelte-1ln6sgn:hover{color:var(--text-primary);border-color:var(--color-primary)}.copy.copied.svelte-1ln6sgn{color:var(--color-success-light);border-color:var(--color-success)}.cidr-badge.svelte-1ln6sgn{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary),transparent 88%);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-sm)}.number-val.svelte-1ln6sgn{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.number-val.highlight.svelte-1ln6sgn{color:var(--color-success-light)}.binary-section.svelte-1ln6sgn{margin-top:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.binary-section.svelte-1ln6sgn h3:where(.svelte-1ln6sgn){margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.binary-grid.svelte-1ln6sgn{display:flex;flex-direction:column;gap:var(--spacing-xs)}.binary-row.svelte-1ln6sgn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-sm)}.binary-row.svelte-1ln6sgn .label:where(.svelte-1ln6sgn){min-width:70px;font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:600}.binary-row.svelte-1ln6sgn code:where(.svelte-1ln6sgn){font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-primary);letter-spacing:.05em;overflow-x:auto}.visualizer-section.svelte-1ln6sgn{margin-top:var(--spacing-lg)}.btn.svelte-13utf9w{vertical-align:middle;display:flex;gap:var(--spacing-sm)}.input-section.svelte-13utf9w{margin-bottom:var(--spacing-lg)}.input-section.svelte-13utf9w h3:where(.svelte-13utf9w){margin-bottom:var(--spacing-md);color:var(--color-primary)}.input-grid.svelte-13utf9w{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.input-wrapper.svelte-13utf9w{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.input-wrapper.svelte-13utf9w .tooltip-trigger{color:var(--text-secondary);opacity:.7;transition:opacity var(--transition-fast)}.input-wrapper.svelte-13utf9w .tooltip-trigger:hover{opacity:1;color:var(--color-info)}.ipv6-input.svelte-13utf9w{flex:1;font-family:var(--font-mono);font-size:var(--font-size-sm)}.prefix-controls.svelte-13utf9w{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.prefix-display.svelte-13utf9w{font-family:var(--font-mono);font-weight:600;color:var(--color-primary);font-size:var(--font-size-md);min-width:3rem}.prefix-slider.svelte-13utf9w{flex:1;height:.5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-lg);appearance:none;cursor:pointer;outline:none}.prefix-slider.svelte-13utf9w::-webkit-slider-thumb{appearance:none;height:1.25rem;width:1.25rem;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.prefix-slider.svelte-13utf9w::-moz-range-thumb{height:1.25rem;width:1.25rem;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.prefix-number.svelte-13utf9w{width:4rem;text-align:center}.prefix-number.svelte-13utf9w::-webkit-outer-spin-button,.prefix-number.svelte-13utf9w::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prefix-number.svelte-13utf9w[type=number]{-moz-appearance:textfield;appearance:textfield}.prefix-description.svelte-13utf9w{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.presets-section.svelte-13utf9w{margin-bottom:var(--spacing-lg)}.presets-section.svelte-13utf9w h3:where(.svelte-13utf9w){margin-bottom:var(--spacing-md);color:var(--color-primary)}.presets-grid.svelte-13utf9w{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-sm)}.preset-btn.svelte-13utf9w{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-mono);border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary);transition:all var(--transition-fast);text-align:left}.preset-btn.svelte-13utf9w:hover{background-color:var(--surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.preset-btn.svelte-13utf9w.active{border-color:var(--color-primary);background-color:var(--surface-hover);color:var(--color-primary)}.results-section.svelte-13utf9w{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-grid.svelte-13utf9w{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.info-item.svelte-13utf9w{display:flex;flex-direction:column;align-items:center;text-align:center}.info-item.svelte-13utf9w .value-copy:where(.svelte-13utf9w){justify-content:center}.info-label.svelte-13utf9w{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.info-value.svelte-13utf9w{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.info-value.svelte-13utf9w.large-number{font-size:var(--font-size-md);text-align:center;word-break:break-all}.details-section.svelte-13utf9w{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.details-header.svelte-13utf9w{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.details-header.svelte-13utf9w h3:where(.svelte-13utf9w){margin:0;color:var(--color-primary)}.header-actions.svelte-13utf9w{display:flex;gap:var(--spacing-sm)}.details-grid.svelte-13utf9w{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.detail-item.svelte-13utf9w{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-item.svelte-13utf9w.full-width{grid-column:1 / -1}.detail-label-wrapper.svelte-13utf9w{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.detail-label-wrapper.svelte-13utf9w .tooltip-trigger{display:flex;align-items:center;color:var(--text-secondary);opacity:.7;transition:opacity var(--transition-fast)}.detail-label-wrapper.svelte-13utf9w .tooltip-trigger:hover{opacity:1;color:var(--color-info)}.detail-label.svelte-13utf9w{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600;flex:1}.value-copy.svelte-13utf9w{display:flex;align-items:start;gap:var(--spacing-sm);width:100%;height:100%}.detail-value.svelte-13utf9w{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border-primary);flex:1;min-width:0;font-size:var(--font-size-sm);word-break:break-all;word-wrap:anywhere;height:100%;overflow:auto}.detail-value.svelte-13utf9w.expanded{font-size:var(--font-size-xs);letter-spacing:.5px}.detail-value.svelte-13utf9w.range{font-size:var(--font-size-xs);line-height:1.4}.detail-value.svelte-13utf9w.reverse{font-size:var(--font-size-xs)}.detail-value.svelte-13utf9w.binary-display{font-size:var(--font-size-xs);line-height:1.6;letter-spacing:1px}.copy-btn.svelte-13utf9w{transition:all var(--transition-fast)}.copy-btn.svelte-13utf9w.copied{color:var(--color-success);background-color:#2386361a;border-color:var(--color-success);transform:scale(1.05)}.visualization-section.svelte-13utf9w{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.address-structure.svelte-13utf9w{margin-top:var(--spacing-md)}.structure-header.svelte-13utf9w{text-align:center;margin-bottom:var(--spacing-lg)}.structure-header.svelte-13utf9w h4:where(.svelte-13utf9w){color:var(--color-primary);margin-bottom:var(--spacing-xs)}.structure-header.svelte-13utf9w p:where(.svelte-13utf9w){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.bit-visualization.svelte-13utf9w{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.bit-section.svelte-13utf9w.network-bits .bit-bar:where(.svelte-13utf9w){background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover))}.bit-section.svelte-13utf9w.host-bits .bit-bar:where(.svelte-13utf9w){background:linear-gradient(90deg,var(--color-info),var(--color-info-light))}.bit-header.svelte-13utf9w{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.bit-label.svelte-13utf9w{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.bit-count.svelte-13utf9w{font-family:var(--font-mono);color:var(--text-secondary);font-size:var(--font-size-sm)}.bit-bar.svelte-13utf9w{height:1.5rem;border-radius:var(--radius-sm);position:relative;min-width:2px}.bit-scale.svelte-13utf9w{margin-top:var(--spacing-sm)}.scale-markers.svelte-13utf9w{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.error-message.svelte-13utf9w{color:var(--color-error);font-weight:500;margin:0}@media(max-width:768px){.input-grid.svelte-13utf9w{grid-template-columns:1fr;gap:var(--spacing-md)}.presets-grid.svelte-13utf9w,.info-grid.svelte-13utf9w{grid-template-columns:1fr}.details-grid.svelte-13utf9w{grid-template-columns:1fr;gap:var(--spacing-md)}.details-section.svelte-13utf9w,.visualization-section.svelte-13utf9w{padding:var(--spacing-md)}.details-header.svelte-13utf9w{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}}@media(max-width:480px){.prefix-controls.svelte-13utf9w{flex-wrap:wrap;gap:var(--spacing-xs)}.prefix-slider.svelte-13utf9w{order:3;width:100%}}.ip-input.svelte-pg6h27{display:flex;flex-direction:column;gap:var(--spacing-xs)}label.svelte-pg6h27{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}input.svelte-pg6h27{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-family:var(--font-mono);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .2s}input.svelte-pg6h27:focus{outline:none;border-color:var(--color-primary)}input.error.svelte-pg6h27{border-color:var(--color-error)}.error-message.svelte-pg6h27{color:var(--color-error);font-size:var(--font-size-sm)}.btn.svelte-b2a9wu .icon{vertical-align:middle;transition:transform var(--transition-fast)}.btn.svelte-b2a9wu.btn-ghost{height:fit-content;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.btn.svelte-b2a9wu.btn-ghost.copied{background-color:var(--color-success);border-color:var(--color-success);color:var(--bg-primary);transform:scale(1.05)}.btn.svelte-b2a9wu.primary-ghost{background:var(--color-primary);color:var(--bg-primary)}.btn.svelte-b2a9wu.primary-ghost.expanded .icon{transform:rotate(180deg)}.network-config.svelte-b2a9wu{margin-bottom:var(--spacing-lg)}.cidr-input.svelte-b2a9wu{display:flex;align-items:center;gap:var(--spacing-sm)}.cidr-prefix.svelte-b2a9wu{font-family:var(--font-mono);font-weight:600;color:var(--color-primary);font-size:var(--font-size-lg)}.cidr-slider.svelte-b2a9wu{flex:1;margin:0 var(--spacing-sm);height:.5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-lg);appearance:none;cursor:pointer;outline:none}.cidr-slider.svelte-b2a9wu::-webkit-slider-thumb{appearance:none;height:1.25rem;width:1.25rem;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.cidr-slider.svelte-b2a9wu::-moz-range-thumb{height:1.25rem;width:1.25rem;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.cidr-number.svelte-b2a9wu{width:4rem;text-align:center}.cidr-number.svelte-b2a9wu::-webkit-outer-spin-button,.cidr-number.svelte-b2a9wu::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cidr-number.svelte-b2a9wu[type=number]{-moz-appearance:textfield;appearance:textfield}.subnet-requirements.svelte-b2a9wu{margin-bottom:var(--spacing-lg)}.requirements-header.svelte-b2a9wu{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.requirements-list.svelte-b2a9wu{display:flex;flex-direction:column;gap:var(--spacing-md)}.requirement-item.svelte-b2a9wu{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.requirement-header.svelte-b2a9wu{display:flex;align-items:center;gap:var(--spacing-md)}.requirement-number.svelte-b2a9wu{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--color-primary);color:var(--bg-primary);border-radius:50%;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.requirement-inputs.svelte-b2a9wu{display:flex;gap:var(--spacing-md);flex:1;align-items:center}.subnet-name-input.svelte-b2a9wu{flex:1;min-width:150px}.hosts-input.svelte-b2a9wu{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.hosts-input.svelte-b2a9wu label:where(.svelte-b2a9wu){font-size:var(--font-size-sm);color:var(--text-secondary)}.hosts-number-input.svelte-b2a9wu{width:6rem}.hosts-number-input.svelte-b2a9wu::-webkit-outer-spin-button,.hosts-number-input.svelte-b2a9wu::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hosts-number-input.svelte-b2a9wu[type=number]{-moz-appearance:textfield;appearance:textfield}.requirement-description.svelte-b2a9wu{margin-top:var(--spacing-sm);margin-left:3rem}.description-input.svelte-b2a9wu{width:100%}.results-section.svelte-b2a9wu{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.summary-stats.svelte-b2a9wu{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.stat-item.svelte-b2a9wu{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label.svelte-b2a9wu{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value.svelte-b2a9wu{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.stat-value.danger.svelte-b2a9wu{color:var(--color-danger)}.subnets-table-container.svelte-b2a9wu{width:100%}.subnets-table.svelte-b2a9wu{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary)}.table-header.svelte-b2a9wu{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 100px 80px;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.table-row.svelte-b2a9wu{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 100px 80px;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.table-row.svelte-b2a9wu:last-child{border-bottom:none}.subnet-name.svelte-b2a9wu{font-weight:600;color:var(--color-primary)}.subnet-description.svelte-b2a9wu{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.network-address.svelte-b2a9wu{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.address-range.svelte-b2a9wu{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.hosts-needed.svelte-b2a9wu{color:var(--text-primary);font-weight:500}.hosts-provided.svelte-b2a9wu{color:var(--color-success);font-size:var(--font-size-sm)}.hosts-wasted.svelte-b2a9wu{color:var(--color-danger);font-size:var(--font-size-sm)}.subnet-mask.svelte-b2a9wu{font-family:var(--font-mono);color:var(--text-primary)}.wildcard-mask.svelte-b2a9wu{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.efficiency-indicator.svelte-b2a9wu{font-weight:600;text-align:center}.col-actions.svelte-b2a9wu{display:flex;gap:var(--spacing-xs);justify-content:center}.subnet-details.svelte-b2a9wu{grid-column:1 / -1;padding:var(--spacing-md);background-color:var(--bg-tertiary);border-top:1px solid var(--border-primary)}.details-grid.svelte-b2a9wu{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:var(--spacing-md)}.detail-item.svelte-b2a9wu{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label.svelte-b2a9wu{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.detail-value.svelte-b2a9wu{font-family:var(--font-mono);background-color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.binary-mask.svelte-b2a9wu{font-size:var(--font-size-xs);word-break:break-all}.error-message.svelte-b2a9wu{color:var(--color-danger);font-weight:500;margin:0}@media(max-width:768px){.requirement-inputs.svelte-b2a9wu{flex-direction:column;align-items:stretch}.hosts-input.svelte-b2a9wu{justify-content:space-between}.table-header.svelte-b2a9wu,.table-row.svelte-b2a9wu{grid-template-columns:1fr;gap:var(--spacing-xs)}.table-header.svelte-b2a9wu>div:where(.svelte-b2a9wu),.table-row.svelte-b2a9wu>div:where(.svelte-b2a9wu){display:flex;justify-content:space-between;align-items:center}.table-header.svelte-b2a9wu>div:where(.svelte-b2a9wu):before,.table-row.svelte-b2a9wu>div:where(.svelte-b2a9wu):before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.col-actions.svelte-b2a9wu{justify-content:flex-end}.summary-stats.svelte-b2a9wu{grid-template-columns:repeat(2,1fr)}}.examples-card.svelte-1cjcuvu{margin-bottom:var(--spacing-lg)}.examples-details.svelte-1cjcuvu{border:none;margin:0}.examples-summary.svelte-1cjcuvu{cursor:pointer;padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-sm);list-style:none;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.examples-summary.svelte-1cjcuvu:hover{background-color:var(--surface-hover)}.examples-summary.svelte-1cjcuvu::-webkit-details-marker{display:none}.examples-summary.svelte-1cjcuvu .icon{transition:transform var(--transition-fast)}.examples-summary.svelte-1cjcuvu h3:where(.svelte-1cjcuvu){margin:0;font-size:var(--font-size-md)}.examples-grid.svelte-1cjcuvu{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md)}.example-card.svelte-1cjcuvu{padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex;flex-direction:column;gap:var(--spacing-xs)}.example-card.svelte-1cjcuvu:hover{background-color:var(--surface-hover);border-color:var(--border-primary);transform:translateY(-1px)}.example-card.svelte-1cjcuvu.active{background-color:var(--surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.example-header.svelte-1cjcuvu{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.example-label.svelte-1cjcuvu{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.example-type.svelte-1cjcuvu{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-weight:600}.example-type.svelte-1cjcuvu.contiguous{background-color:#22c55e1a;color:var(--color-success)}.example-type.svelte-1cjcuvu.home{background-color:#a855f71a;color:#a855f7}.example-type.svelte-1cjcuvu.homelab{background-color:#f59e0b1a;color:#f59e0b}.example-type.svelte-1cjcuvu.datacenter{background-color:#3b82f61a;color:var(--color-primary)}.example-type.svelte-1cjcuvu.campus{background-color:#14b8a61a;color:#14b8a6}.example-type.svelte-1cjcuvu.scattered{background-color:#ef44441a;color:var(--color-error)}.example-input.svelte-1cjcuvu{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-primary);background-color:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm);word-break:break-all}.example-description.svelte-1cjcuvu{font-size:var(--font-size-xs);color:var(--text-secondary)}.network-inputs.svelte-1cjcuvu{margin-bottom:var(--spacing-lg)}.inputs-header.svelte-1cjcuvu{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.inputs-list.svelte-1cjcuvu{display:flex;flex-direction:column;gap:var(--spacing-md)}.network-item.svelte-1cjcuvu{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.network-header.svelte-1cjcuvu{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.network-number.svelte-1cjcuvu{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--color-primary);color:var(--bg-primary);border-radius:50%;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0;margin-top:1.5rem}.network-inputs-row.svelte-1cjcuvu{display:flex;gap:var(--spacing-lg);flex:1;align-items:center}.network-input.svelte-1cjcuvu{flex:1;min-width:200px}.cidr-input.svelte-1cjcuvu{min-width:180px}.cidr-controls.svelte-1cjcuvu{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.cidr-display.svelte-1cjcuvu{font-family:var(--font-mono);font-weight:600;color:var(--color-primary);font-size:var(--font-size-md);min-width:2.5rem}.cidr-slider.svelte-1cjcuvu{flex:1;height:.5rem;background-color:var(--bg-secondary);border-radius:var(--radius-lg);appearance:none;cursor:pointer;outline:none}.cidr-slider.svelte-1cjcuvu::-webkit-slider-thumb{appearance:none;height:1.25rem;width:1.25rem;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.cidr-slider.svelte-1cjcuvu::-moz-range-thumb{height:1.25rem;width:1.25rem;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}:is():hover{transform:scale(1.1)}.cidr-number.svelte-1cjcuvu{width:3.5rem;text-align:center}.cidr-number.svelte-1cjcuvu::-webkit-outer-spin-button,.cidr-number.svelte-1cjcuvu::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cidr-number.svelte-1cjcuvu[type=number]{-moz-appearance:textfield;appearance:textfield}.network-description.svelte-1cjcuvu{margin-left:3rem}.description-input.svelte-1cjcuvu{width:100%}.analysis-section.svelte-1cjcuvu{margin-bottom:var(--spacing-lg)}.analysis-card.svelte-1cjcuvu{background-color:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--spacing-md)}.analysis-header.svelte-1cjcuvu{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.analysis-stat.svelte-1cjcuvu{display:flex;flex-direction:column}.stat-label.svelte-1cjcuvu{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);cursor:help}.stat-value.svelte-1cjcuvu{font-size:var(--font-size-xl);font-weight:600}.analysis-status.svelte-1cjcuvu{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500}.analysis-status.svelte-1cjcuvu.can-aggregate{color:var(--color-success);background-color:#2386361a}.analysis-status.svelte-1cjcuvu:not(.can-aggregate){color:var(--color-warning);background-color:#d299221a}.analysis-status.svelte-1cjcuvu .icon{max-width:2rem;display:inherit}.recommendations.svelte-1cjcuvu h4:where(.svelte-1cjcuvu){font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.recommendations.svelte-1cjcuvu ul:where(.svelte-1cjcuvu){list-style:none;padding:0;margin:0}.recommendations.svelte-1cjcuvu ul:where(.svelte-1cjcuvu) li:where(.svelte-1cjcuvu){color:var(--text-secondary);font-size:var(--font-size-sm)}.recommendations.svelte-1cjcuvu ul:where(.svelte-1cjcuvu) li:where(.svelte-1cjcuvu):before{content:"•";color:var(--color-primary);margin-right:var(--spacing-sm)}.results-section.svelte-1cjcuvu{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.summary-grid.svelte-1cjcuvu{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.summary-item.svelte-1cjcuvu{display:flex;flex-direction:column;align-items:center;text-align:center}.summary-label.svelte-1cjcuvu{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);cursor:help}.summary-value.svelte-1cjcuvu{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.ip-value.svelte-1cjcuvu{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.ip-value.svelte-1cjcuvu.success{color:var(--color-success);background-color:#2386361a}.savings-grid.svelte-1cjcuvu{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.savings-item.svelte-1cjcuvu{display:flex;flex-direction:column;align-items:center;text-align:center}.savings-label.svelte-1cjcuvu{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);cursor:help}.savings-value.svelte-1cjcuvu{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.savings-value.svelte-1cjcuvu.success{color:var(--color-success)}.details-section.svelte-1cjcuvu{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.details-header.svelte-1cjcuvu{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.details-header.svelte-1cjcuvu h3:where(.svelte-1cjcuvu){margin:0;color:var(--color-primary)}.details-grid.svelte-1cjcuvu{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.detail-item.svelte-1cjcuvu{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-item.svelte-1cjcuvu.full-width{grid-column:span 2}.detail-item.svelte-1cjcuvu .icon{width:var(--spacing-md)}.detail-label-wrapper.svelte-1cjcuvu{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.detail-label-wrapper.svelte-1cjcuvu .tooltip-trigger{display:flex;align-items:center;color:var(--text-secondary);opacity:.7;transition:opacity var(--transition-fast)}.detail-label-wrapper.svelte-1cjcuvu .tooltip-trigger:hover{opacity:1;color:var(--color-info)}.detail-label.svelte-1cjcuvu{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600;cursor:help}.value-copy.svelte-1cjcuvu{display:flex;align-items:center;gap:var(--spacing-sm)}.detail-value.svelte-1cjcuvu{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border-primary);flex:1;min-width:0;font-size:var(--font-size-sm)}.detail-value.svelte-1cjcuvu.binary-mask{font-size:var(--font-size-xs);word-break:break-all;line-height:1.4}.copy-btn.svelte-1cjcuvu{transition:all var(--transition-fast)}.copy-btn.svelte-1cjcuvu.copied{color:var(--color-success);background-color:#2386361a;border-color:var(--color-success);transform:scale(1.05)}.copy-btn.svelte-1cjcuvu.copied .icon{animation:svelte-1cjcuvu-copySuccess .3s ease-in-out}@keyframes svelte-1cjcuvu-copySuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.visualization-section.svelte-1cjcuvu{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.visualization-card.svelte-1cjcuvu{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md)}.visualization-header.svelte-1cjcuvu{text-align:center;margin-bottom:var(--spacing-lg)}.visualization-header.svelte-1cjcuvu h4:where(.svelte-1cjcuvu){color:var(--color-primary);margin-bottom:var(--spacing-sm)}.visualization-header.svelte-1cjcuvu p:where(.svelte-1cjcuvu){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.network-diagram.svelte-1cjcuvu{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.input-networks.svelte-1cjcuvu{width:100%}.input-networks.svelte-1cjcuvu h5:where(.svelte-1cjcuvu){text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-md)}.network-visual.svelte-1cjcuvu{margin-bottom:var(--spacing-sm)}.network-bar.svelte-1cjcuvu{padding:var(--spacing-md);background:linear-gradient(135deg,hsl(calc(200 + var(--network-index) * 40),70%,50%),hsl(calc(220 + var(--network-index) * 40),60%,60%));border-radius:var(--radius-md);color:var(--bg-primary);display:flex;justify-content:space-between;align-items:center}.network-bar.svelte-1cjcuvu .network-label:where(.svelte-1cjcuvu){font-family:var(--font-mono);font-weight:600}.network-bar.svelte-1cjcuvu .network-desc:where(.svelte-1cjcuvu){font-size:var(--font-size-sm);opacity:.9}.aggregation-arrow.svelte-1cjcuvu{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-weight:500}.aggregation-arrow.svelte-1cjcuvu .icon{width:2rem;height:2rem}.supernet-visual.svelte-1cjcuvu{width:100%}.supernet-visual.svelte-1cjcuvu h5:where(.svelte-1cjcuvu){text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-md)}.supernet-bar.svelte-1cjcuvu{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-lg);color:var(--bg-primary);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.supernet-bar.svelte-1cjcuvu .supernet-label:where(.svelte-1cjcuvu){font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-lg)}.supernet-bar.svelte-1cjcuvu .supernet-hosts:where(.svelte-1cjcuvu){font-size:var(--font-size-sm);opacity:.9}.error-message.svelte-1cjcuvu{color:var(--color-error);font-weight:500;margin:0}@media(max-width:768px){.network-inputs-row.svelte-1cjcuvu{flex-direction:column;gap:var(--spacing-md)}.network-input.svelte-1cjcuvu,.cidr-input.svelte-1cjcuvu{min-width:auto}.network-number.svelte-1cjcuvu{margin-top:0;align-self:flex-start}.examples-grid.svelte-1cjcuvu{grid-template-columns:1fr}.summary-grid.svelte-1cjcuvu,.savings-grid.svelte-1cjcuvu{grid-template-columns:repeat(2,1fr)}.details-grid.svelte-1cjcuvu{grid-template-columns:1fr;gap:var(--spacing-md)}.details-section.svelte-1cjcuvu{padding:var(--spacing-md)}.network-bar.svelte-1cjcuvu,.supernet-bar.svelte-1cjcuvu{flex-direction:column;gap:var(--spacing-xs);text-align:center}}@media(max-width:480px){.summary-grid.svelte-1cjcuvu,.savings-grid.svelte-1cjcuvu{grid-template-columns:1fr}.analysis-header.svelte-1cjcuvu{flex-direction:column;gap:var(--spacing-md)}}.leftover-section.svelte-kw7ft3 h4:where(.svelte-kw7ft3),.allocations-section.svelte-kw7ft3 h4:where(.svelte-kw7ft3),.visualization-section.svelte-kw7ft3 .viz-header:where(.svelte-kw7ft3) h4:where(.svelte-kw7ft3),.examples-section.svelte-kw7ft3 h4:where(.svelte-kw7ft3),.requests-section.svelte-kw7ft3 .requests-header:where(.svelte-kw7ft3) h3:where(.svelte-kw7ft3),.strategy-section.svelte-kw7ft3 h3:where(.svelte-kw7ft3){color:var(--color-primary);margin-bottom:var(--spacing-md)}.leftover-card.svelte-kw7ft3,.allocations-table.svelte-kw7ft3,.stat-card.svelte-kw7ft3,.empty-state.svelte-kw7ft3,.request-item.svelte-kw7ft3{background-color:var(--bg-secondary)}.strategy-section.svelte-kw7ft3{margin-bottom:var(--spacing-lg)}.strategy-section.svelte-kw7ft3 .strategy-tabs:where(.svelte-kw7ft3){margin-bottom:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.strategy-section.svelte-kw7ft3 .strategy-tabs:where(.svelte-kw7ft3) .tab:where(.svelte-kw7ft3){display:flex;align-items:center;gap:var(--spacing-xs);max-width:12rem}.strategy-section.svelte-kw7ft3 .strategy-tabs:where(.svelte-kw7ft3) .tab.active:where(.svelte-kw7ft3){outline:2px solid var(--color-primary);outline-offset:-2px}.strategy-section.svelte-kw7ft3 .strategy-tabs:where(.svelte-kw7ft3) .tab:where(.svelte-kw7ft3) .tooltip-trigger{color:var(--text-secondary);opacity:.7;transition:opacity var(--transition-fast)}.strategy-section.svelte-kw7ft3 .strategy-tabs:where(.svelte-kw7ft3) .tab:where(.svelte-kw7ft3) .tooltip-trigger:hover{opacity:1}.strategy-section.svelte-kw7ft3 .options:where(.svelte-kw7ft3) .checkbox-label:where(.svelte-kw7ft3){display:flex;gap:var(--spacing-sm);cursor:pointer}.strategy-section.svelte-kw7ft3 .options:where(.svelte-kw7ft3) .checkbox-label:where(.svelte-kw7ft3) input[type=checkbox]:where(.svelte-kw7ft3){margin-top:2px;width:16px;height:16px;flex-shrink:0;appearance:none;border:2px solid var(--border-primary);border-radius:var(--radius-xs);background-color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);position:relative}.strategy-section.svelte-kw7ft3 .options:where(.svelte-kw7ft3) .checkbox-label:where(.svelte-kw7ft3) input[type=checkbox]:where(.svelte-kw7ft3):checked{background-color:var(--color-primary);border-color:var(--color-primary)}.strategy-section.svelte-kw7ft3 .options:where(.svelte-kw7ft3) .checkbox-label:where(.svelte-kw7ft3) input[type=checkbox]:where(.svelte-kw7ft3):checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg-tertiary);font-size:12px;font-weight:700;line-height:1}.strategy-section.svelte-kw7ft3 .options:where(.svelte-kw7ft3) .checkbox-label:where(.svelte-kw7ft3) input[type=checkbox]:where(.svelte-kw7ft3):hover{border-color:var(--color-primary)}.strategy-section.svelte-kw7ft3 .options:where(.svelte-kw7ft3) .checkbox-label:where(.svelte-kw7ft3) input[type=checkbox]:where(.svelte-kw7ft3):focus{outline:2px solid var(--color-primary);outline-offset:2px}.strategy-section.svelte-kw7ft3 .options:where(.svelte-kw7ft3) .checkbox-label:where(.svelte-kw7ft3) .checkbox-text:where(.svelte-kw7ft3){display:flex;align-items:center;gap:var(--spacing-xs);cursor:help}.strategy-section.svelte-kw7ft3 .options:where(.svelte-kw7ft3) .checkbox-label:where(.svelte-kw7ft3) .checkbox-text:where(.svelte-kw7ft3) .tooltip-trigger{color:var(--text-secondary);opacity:.7}.strategy-section.svelte-kw7ft3 .options:where(.svelte-kw7ft3) .checkbox-label:where(.svelte-kw7ft3) .checkbox-text:where(.svelte-kw7ft3) .tooltip-trigger:hover{opacity:1}.parent-section.svelte-kw7ft3{margin-bottom:var(--spacing-lg)}.parent-section.svelte-kw7ft3 .input-group:where(.svelte-kw7ft3){max-width:400px}.parent-section.svelte-kw7ft3 .input-group:where(.svelte-kw7ft3) label:where(.svelte-kw7ft3){display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.parent-section.svelte-kw7ft3 .input-group:where(.svelte-kw7ft3) label:where(.svelte-kw7ft3) .tooltip-trigger{color:var(--text-secondary);opacity:.7}.parent-section.svelte-kw7ft3 .input-group:where(.svelte-kw7ft3) label:where(.svelte-kw7ft3) .tooltip-trigger:hover{opacity:1}.requests-section.svelte-kw7ft3{margin-bottom:var(--spacing-lg)}.requests-section.svelte-kw7ft3 .requests-header:where(.svelte-kw7ft3){display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.requests-section.svelte-kw7ft3 .requests-header:where(.svelte-kw7ft3) h3:where(.svelte-kw7ft3){margin:0}.requests-section.svelte-kw7ft3 .requests-header:where(.svelte-kw7ft3) .requests-actions:where(.svelte-kw7ft3){display:flex;gap:var(--spacing-sm)}.requests-list.svelte-kw7ft3{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:100px}.request-item.svelte-kw7ft3{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);transition:all var(--transition-fast);cursor:grab}.request-item.svelte-kw7ft3:hover{border-color:var(--color-primary);transform:translateY(-1px)}.request-item.dragging.svelte-kw7ft3{opacity:.6;transform:rotate(2deg)}.request-item.svelte-kw7ft3:active{cursor:grabbing}.request-item.svelte-kw7ft3 .drag-handle:where(.svelte-kw7ft3){color:var(--text-secondary);cursor:grab}.request-item.svelte-kw7ft3 .drag-handle:where(.svelte-kw7ft3):hover{color:var(--color-primary)}.request-item.svelte-kw7ft3 .request-priority:where(.svelte-kw7ft3){background-color:var(--bg-tertiary);color:var(--text-secondary);padding:2px var(--spacing-xs);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:600;min-width:28px;text-align:center}.request-item.svelte-kw7ft3 .request-fields:where(.svelte-kw7ft3){display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.request-item.svelte-kw7ft3 .request-fields:where(.svelte-kw7ft3) .name-field:where(.svelte-kw7ft3){flex:1;min-width:120px}.request-item.svelte-kw7ft3 .request-fields:where(.svelte-kw7ft3) .size-field:where(.svelte-kw7ft3){width:80px;text-align:right}.request-item.svelte-kw7ft3 .request-fields:where(.svelte-kw7ft3) .hosts-label:where(.svelte-kw7ft3){color:var(--text-secondary);font-size:var(--font-size-sm)}.empty-state.svelte-kw7ft3{padding:var(--spacing-xl);border-radius:var(--radius-md);border:2px dashed var(--border-secondary);text-align:center}.empty-state.svelte-kw7ft3 p:where(.svelte-kw7ft3){color:var(--text-secondary);margin:0}.examples-section.svelte-kw7ft3{margin-bottom:var(--spacing-lg)}.examples-section.svelte-kw7ft3 .examples-grid:where(.svelte-kw7ft3){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}.examples-section.svelte-kw7ft3 .example-btn:where(.svelte-kw7ft3){padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.examples-section.svelte-kw7ft3 .example-btn:where(.svelte-kw7ft3):hover{background-color:var(--surface-hover);border-color:var(--color-primary);transform:translateY(-1px)}.results-section.svelte-kw7ft3{border-top:2px solid var(--border-secondary);padding-top:var(--spacing-lg)}.summary-header.svelte-kw7ft3{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.summary-header.svelte-kw7ft3 h3:where(.svelte-kw7ft3){color:var(--color-primary);margin:0}.summary-header.svelte-kw7ft3 .export-buttons:where(.svelte-kw7ft3){display:flex;gap:var(--spacing-sm)}.stats-grid.svelte-kw7ft3{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card.svelte-kw7ft3{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);border-left:4px solid var(--color-primary);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label.svelte-kw7ft3{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value.svelte-kw7ft3{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs);word-break:break-all}.stat-detail.svelte-kw7ft3{font-size:var(--font-size-xs);color:var(--text-secondary)}.visualization-section.svelte-kw7ft3{margin-bottom:var(--spacing-lg)}.visualization-section.svelte-kw7ft3 .viz-header:where(.svelte-kw7ft3){display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.visualization-section.svelte-kw7ft3 .viz-header:where(.svelte-kw7ft3) h4:where(.svelte-kw7ft3){margin:0}.visualization-bar.svelte-kw7ft3{position:relative;height:60px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:2px solid var(--border-primary);overflow:hidden;margin-bottom:var(--spacing-sm)}.viz-segment.svelte-kw7ft3{position:absolute;height:100%;cursor:pointer;transition:all var(--transition-fast)}.viz-segment.allocated-segment.svelte-kw7ft3{top:10%;height:80%;border:1px solid var(--bg-primary)}.viz-segment.allocated-segment.subnet-0.svelte-kw7ft3{background-color:var(--color-primary)}.viz-segment.allocated-segment.subnet-1.svelte-kw7ft3{background-color:var(--color-info)}.viz-segment.allocated-segment.subnet-2.svelte-kw7ft3{background-color:var(--color-success)}.viz-segment.allocated-segment.subnet-3.svelte-kw7ft3{background-color:var(--color-warning)}.viz-segment.allocated-segment.subnet-4.svelte-kw7ft3{background-color:var(--color-error)}.viz-segment.leftover-segment.svelte-kw7ft3{background-color:var(--bg-primary);border:2px dashed var(--border-secondary);opacity:.7}.viz-segment.svelte-kw7ft3:hover{filter:brightness(1.1);z-index:10}.viz-legend.svelte-kw7ft3{display:flex;justify-content:center;gap:var(--spacing-lg)}.viz-legend.svelte-kw7ft3 .legend-item:where(.svelte-kw7ft3){display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.viz-legend.svelte-kw7ft3 .legend-item:where(.svelte-kw7ft3) .legend-color:where(.svelte-kw7ft3){width:16px;height:16px;border-radius:var(--radius-xs)}.viz-legend.svelte-kw7ft3 .legend-item:where(.svelte-kw7ft3) .legend-color.allocated-color:where(.svelte-kw7ft3){background-color:var(--color-primary)}.viz-legend.svelte-kw7ft3 .legend-item:where(.svelte-kw7ft3) .legend-color.leftover-color:where(.svelte-kw7ft3){background-color:var(--bg-primary);border:2px dashed var(--border-secondary)}.allocations-section.svelte-kw7ft3{margin-bottom:var(--spacing-lg)}.allocations-table.svelte-kw7ft3{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary)}.table-header.svelte-kw7ft3,.table-row.svelte-kw7ft3{display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr auto;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm) var(--spacing-md)}.table-header.svelte-kw7ft3{background-color:var(--bg-tertiary);font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary)}.table-row.svelte-kw7ft3{border-top:1px solid var(--border-secondary)}.table-row.svelte-kw7ft3:hover{background-color:var(--surface-hover)}.subnet-name.svelte-kw7ft3{font-weight:600;color:var(--text-primary)}.subnet-cidr.svelte-kw7ft3{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--bg-tertiary);padding:2px var(--spacing-xs);border-radius:var(--radius-xs)}.range-info.svelte-kw7ft3,.hosts-info.svelte-kw7ft3{font-size:var(--font-size-sm)}.range-info.svelte-kw7ft3 .network-broadcast:where(.svelte-kw7ft3){color:var(--text-primary);font-family:var(--font-mono)}.range-info.svelte-kw7ft3 .host-range:where(.svelte-kw7ft3){color:var(--text-secondary);font-size:var(--font-size-xs)}.hosts-info.svelte-kw7ft3 .usable-hosts:where(.svelte-kw7ft3){color:var(--text-primary);font-family:var(--font-mono)}.hosts-info.svelte-kw7ft3 .total-hosts:where(.svelte-kw7ft3){color:var(--text-secondary);font-size:var(--font-size-xs)}.efficiency-info.svelte-kw7ft3{text-align:center}.efficiency-info.svelte-kw7ft3 .efficiency-percent:where(.svelte-kw7ft3){font-weight:600;color:var(--text-primary)}.efficiency-info.svelte-kw7ft3 .requested-size:where(.svelte-kw7ft3){display:block;font-size:var(--font-size-xs);color:var(--text-secondary)}.leftover-grid.svelte-kw7ft3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-sm)}.leftover-card.svelte-kw7ft3{padding:var(--spacing-sm);border-radius:var(--radius-sm);border:2px dashed var(--border-secondary);display:flex;justify-content:space-between;align-items:center}.leftover-card.svelte-kw7ft3 .leftover-cidr:where(.svelte-kw7ft3){font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary)}.leftover-card.svelte-kw7ft3 .leftover-size:where(.svelte-kw7ft3){font-size:var(--font-size-xs);color:var(--text-secondary)}.btn.copied.svelte-kw7ft3{color:var(--color-success);background-color:#2386361a;border-color:var(--color-success)}@media(max-width:768px){.requests-header.svelte-kw7ft3{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.request-item.svelte-kw7ft3{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.request-item.svelte-kw7ft3 .drag-handle:where(.svelte-kw7ft3){display:none}.request-item.svelte-kw7ft3 .request-fields:where(.svelte-kw7ft3){width:100%}.request-item.svelte-kw7ft3 .request-fields:where(.svelte-kw7ft3) .name-field:where(.svelte-kw7ft3){min-width:100px}.stats-grid.svelte-kw7ft3{grid-template-columns:repeat(2,1fr)}.examples-grid.svelte-kw7ft3{grid-template-columns:1fr}.summary-header.svelte-kw7ft3,.viz-header.svelte-kw7ft3{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.table-header.svelte-kw7ft3,.table-row.svelte-kw7ft3{grid-template-columns:1fr;gap:var(--spacing-xs);text-align:left}.viz-legend.svelte-kw7ft3{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.ip-detector.svelte-1m4mk1x{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}section.svelte-1m4mk1x{background:#fff;border:1px solid #d6d8da;border-radius:8px;padding:1.25rem}.section-title.svelte-1m4mk1x{margin:0 0 1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#999}.desc.svelte-1m4mk1x{color:#5c6870;font-size:.85rem;margin:0 0 1rem}.hero-section.svelte-1m4mk1x{text-align:center;background:#f6f9fc;border-color:#d6d8da}.hero-label.svelte-1m4mk1x{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#999;margin-bottom:1rem}.hero-ip.svelte-1m4mk1x{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.hero-ip.svelte-1m4mk1x code:where(.svelte-1m4mk1x){font-family:Fira Code,monospace;font-size:2.5rem;font-weight:800;color:#2e3438;letter-spacing:.02em}.hero-ip.unavailable.svelte-1m4mk1x code:where(.svelte-1m4mk1x){color:#999;font-size:1.25rem}.copy-btn.svelte-1m4mk1x{padding:.35rem .75rem;background:#fff0f4;color:#ff4785;border:1px solid #ffb3cc;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.copy-btn.svelte-1m4mk1x:hover{background:#ffe0ea}.copy-btn.copied.svelte-1m4mk1x{background:#e8f5e9;color:#66bf3c;border-color:#66bf3c}.hero-meta.svelte-1m4mk1x{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.note.svelte-1m4mk1x{color:#5c6870;text-align:center;font-size:.85rem}.badge.svelte-1m4mk1x{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#2e3438;color:#fff;border:none}.info-table.svelte-1m4mk1x{display:flex;flex-direction:column;gap:.35rem}.info-row.svelte-1m4mk1x{display:flex;align-items:flex-start;gap:1rem;padding:.5rem .75rem;background:#f6f9fc;border-radius:6px}.info-label.svelte-1m4mk1x{font-size:.85rem;font-weight:600;color:#5c6870;min-width:140px;flex-shrink:0}.info-value.svelte-1m4mk1x{font-family:Fira Code,monospace;font-size:.85rem;color:#2e3438;word-break:break-all}.info-value.small.svelte-1m4mk1x{font-size:.7rem;color:#5c6870}.api-cmd.svelte-1m4mk1x{display:block;padding:.5rem .75rem;background:#f6f9fc;border-radius:6px;font-family:Fira Code,monospace;font-size:.85rem;color:#ff4785}.search-form.svelte-1m4mk1x{display:flex;gap:.5rem;margin-bottom:1rem}.search-form.svelte-1m4mk1x input:where(.svelte-1m4mk1x){flex:1}.search-btn.svelte-1m4mk1x{padding:.5rem 1.25rem;background:#ff4785;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.search-btn.svelte-1m4mk1x:hover{background:#e83e7a}.input-group.svelte-1m4mk1x{margin-bottom:1rem}input.svelte-1m4mk1x{width:100%;padding:.5rem .75rem;font-size:1rem;font-family:Fira Code,monospace;background:#fff;border:2px solid #d6d8da;border-radius:6px;color:#2e3438;transition:border-color .15s;box-sizing:border-box}input.svelte-1m4mk1x:focus{outline:none;border-color:#ff4785}input.error.svelte-1m4mk1x{border-color:#f40}input.svelte-1m4mk1x::placeholder{color:#999}.error-text.svelte-1m4mk1x{color:#f40;font-size:.75rem;margin-top:.25rem;display:block}.result-card.svelte-1m4mk1x{padding:1rem;background:#f6f9fc;border:1px solid #d6d8da;border-radius:6px}.result-card.match.svelte-1m4mk1x{border-color:#66bf3c;background:#f0f9e8}.result-header.svelte-1m4mk1x{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.result-ip.svelte-1m4mk1x{font-family:Fira Code,monospace;font-size:1.1rem;font-weight:700;color:#2e3438}.result-desc.svelte-1m4mk1x{color:#5c6870;margin:0 0 .5rem;font-size:.85rem}.result-meta.svelte-1m4mk1x{font-size:.8rem;color:#999}.ref-table.svelte-1m4mk1x{width:100%;border-collapse:collapse;font-size:.85rem}.ref-table.svelte-1m4mk1x th:where(.svelte-1m4mk1x){background:#f6f9fc;padding:.5rem .75rem;text-align:left;font-weight:600;color:#5c6870;border-bottom:2px solid #d6d8da}.ref-table.svelte-1m4mk1x td:where(.svelte-1m4mk1x){padding:.4rem .75rem;border-bottom:1px solid #ebebeb;color:#5c6870}.ref-table.svelte-1m4mk1x code:where(.svelte-1m4mk1x){font-family:Fira Code,monospace;color:#ff4785;font-size:.75rem}.ref-table.svelte-1m4mk1x tr:where(.svelte-1m4mk1x):hover td:where(.svelte-1m4mk1x){background:#f6f9fc}@media(max-width:768px){.hero-ip.svelte-1m4mk1x code:where(.svelte-1m4mk1x){font-size:1.5rem}.info-row.svelte-1m4mk1x{flex-direction:column;gap:.25rem}.info-label.svelte-1m4mk1x{min-width:auto;font-size:.75rem}.result-header.svelte-1m4mk1x{flex-direction:column;align-items:flex-start;gap:.4rem}}.ip-loading.svelte-odsxwk{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-family:var(--font-mono)}.mode-section.svelte-1qlf1oz{margin-bottom:var(--spacing-lg)}.mode-section.svelte-1qlf1oz h3:where(.svelte-1qlf1oz){color:var(--color-primary);margin-bottom:var(--spacing-md)}.mode-section.svelte-1qlf1oz .tabs:where(.svelte-1qlf1oz) .tab:where(.svelte-1qlf1oz){display:flex;align-items:center;gap:var(--spacing-xs)}.mode-section.svelte-1qlf1oz .tabs:where(.svelte-1qlf1oz) .tab:where(.svelte-1qlf1oz) .tooltip-trigger{opacity:.7;transition:opacity var(--transition-fast)}.mode-section.svelte-1qlf1oz .tabs:where(.svelte-1qlf1oz) .tab:where(.svelte-1qlf1oz) .tooltip-trigger:hover{opacity:1}.input-section.svelte-1qlf1oz{margin-bottom:var(--spacing-lg)}.input-section.svelte-1qlf1oz h3:where(.svelte-1qlf1oz){color:var(--color-primary);margin-bottom:var(--spacing-md)}.input-section.svelte-1qlf1oz .input-wrapper:where(.svelte-1qlf1oz){position:relative}.input-section.svelte-1qlf1oz .input-wrapper:where(.svelte-1qlf1oz) .clear-btn:where(.svelte-1qlf1oz){position:absolute;top:50%;right:var(--spacing-sm);transform:translateY(-50%)}.input-section.svelte-1qlf1oz .input-field:where(.svelte-1qlf1oz){width:100%;padding-right:3rem}.results-section.svelte-1qlf1oz{border-top:2px solid var(--border-secondary);padding-top:var(--spacing-lg)}.summary-header.svelte-1qlf1oz{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.summary-header.svelte-1qlf1oz h3:where(.svelte-1qlf1oz){color:var(--color-primary);margin:0}.stats-section.svelte-1qlf1oz{margin-bottom:var(--spacing-lg)}.stats-grid.svelte-1qlf1oz{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card.svelte-1qlf1oz{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label.svelte-1qlf1oz{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value.svelte-1qlf1oz{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.visualization-section.svelte-1qlf1oz{margin-bottom:var(--spacing-lg)}.visualization-section.svelte-1qlf1oz h4:where(.svelte-1qlf1oz){color:var(--color-primary);margin-bottom:var(--spacing-md)}.address-bar.svelte-1qlf1oz{position:relative;height:40px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:2px solid var(--border-primary);overflow:hidden;margin-bottom:var(--spacing-sm)}.subnet-segment.svelte-1qlf1oz{position:absolute;height:100%;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-hover));border-right:3px solid var(--bg-primary);transition:all var(--transition-fast);opacity:.85;cursor:pointer}.subnet-segment.svelte-1qlf1oz:hover{filter:brightness(1.1);opacity:1;z-index:2}.subnet-segment.svelte-1qlf1oz:last-child{border-right:none}.subnets-section.svelte-1qlf1oz h4:where(.svelte-1qlf1oz){color:var(--color-primary);margin-bottom:var(--spacing-md)}.subnets-grid.svelte-1qlf1oz{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.subnet-card.svelte-1qlf1oz{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.subnet-header.svelte-1qlf1oz{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-secondary)}.subnet-cidr.svelte-1qlf1oz{font-family:var(--font-mono);font-weight:600;color:var(--color-primary);font-size:var(--font-size-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;flex:1}.subnet-details.svelte-1qlf1oz{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-row.svelte-1qlf1oz{display:flex;justify-content:space-between;align-items:center}.detail-label.svelte-1qlf1oz{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:80px}.detail-value.svelte-1qlf1oz{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;flex:1;text-align:right}label.svelte-1qlf1oz{display:flex;align-items:center;gap:var(--spacing-xs)}label.svelte-1qlf1oz .tooltip-trigger{color:var(--text-secondary);opacity:.7;transition:opacity var(--transition-fast)}label.svelte-1qlf1oz .tooltip-trigger:hover{opacity:1;color:var(--color-info)}.btn.svelte-1qlf1oz.copied{color:var(--color-success);background-color:#2386361a;border-color:var(--color-success)}.btn.svelte-1qlf1oz .icon{width:1rem;height:1rem}.btn.svelte-1qlf1oz.btn-xs .icon{width:.75rem;height:.75rem}@media(max-width:768px){.stats-grid.svelte-1qlf1oz{grid-template-columns:repeat(2,1fr)}.subnets-grid.svelte-1qlf1oz,.examples-grid.svelte-1qlf1oz{grid-template-columns:1fr}.summary-header.svelte-1qlf1oz{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.detail-row.svelte-1qlf1oz{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.explainer-section.svelte-1yw1foi{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg)}.explainer-section.svelte-1yw1foi h3:where(.svelte-1yw1foi){color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600}.explainer-section.svelte-1yw1foi h4:where(.svelte-1yw1foi){color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.explainer-section.svelte-1yw1foi h5:where(.svelte-1yw1foi){color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600}.split-modes.svelte-1yw1foi{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.mode-item.svelte-1yw1foi{border:1px solid var(--border-primary);border-left:4px solid var(--color-info);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md)}.mode-example.svelte-1yw1foi{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.mode-example.svelte-1yw1foi .arrow:where(.svelte-1yw1foi){font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700}.mode-example.svelte-1yw1foi code:where(.svelte-1yw1foi){background-color:var(--bg-secondary);padding:2px var(--spacing-xs);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--font-size-sm)}.mode-example.svelte-1yw1foi .more:where(.svelte-1yw1foi){color:var(--text-secondary);font-style:italic;font-size:var(--font-size-sm)}.key-concepts.svelte-1yw1foi{margin:var(--spacing-xl) 0}.concepts-grid.svelte-1yw1foi{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.concept.svelte-1yw1foi{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.concept.svelte-1yw1foi h5:where(.svelte-1yw1foi){margin-bottom:var(--spacing-sm)}.concept.svelte-1yw1foi p:where(.svelte-1yw1foi){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.use-cases-box.svelte-1yw1foi{margin:var(--spacing-xl) 0;background-color:var(--bg-primary);border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--spacing-md)}.use-cases-box.svelte-1yw1foi h4:where(.svelte-1yw1foi){color:var(--color-info);margin:0 0 var(--spacing-sm) 0}.use-cases-box.svelte-1yw1foi ul:where(.svelte-1yw1foi){list-style:none;margin:0;padding:0}.use-cases-box.svelte-1yw1foi ul:where(.svelte-1yw1foi) li:where(.svelte-1yw1foi){margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-sm)}.use-cases-box.svelte-1yw1foi ul:where(.svelte-1yw1foi) li:where(.svelte-1yw1foi):before{content:"•";color:var(--color-info);font-weight:700;display:inline-block;width:1em;margin-right:var(--spacing-xs)}.use-cases-box.svelte-1yw1foi ul:where(.svelte-1yw1foi) li:where(.svelte-1yw1foi) strong:where(.svelte-1yw1foi){color:var(--color-info)}.technical-notes.svelte-1yw1foi{margin:var(--spacing-xl) 0}.notes-grid.svelte-1yw1foi{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.note.svelte-1yw1foi{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-left:4px solid var(--color-warning);border-radius:var(--radius-md)}.note.svelte-1yw1foi h5:where(.svelte-1yw1foi){margin-bottom:var(--spacing-sm)}.note.svelte-1yw1foi p:where(.svelte-1yw1foi){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}@media(max-width:768px){.split-modes.svelte-1yw1foi{grid-template-columns:1fr}.mode-example.svelte-1yw1foi .arrow:where(.svelte-1yw1foi){transform:rotate(90deg)}.concepts-grid.svelte-1yw1foi,.notes-grid.svelte-1yw1foi{grid-template-columns:1fr}}.stats-section.svelte-dqbled h4:where(.svelte-dqbled),.input-section.svelte-dqbled h3:where(.svelte-dqbled),.input-section.svelte-dqbled h4:where(.svelte-dqbled),.mode-section.svelte-dqbled h3:where(.svelte-dqbled){color:var(--color-primary);margin-bottom:var(--spacing-md)}.stat-card.svelte-dqbled,.result-panel.svelte-dqbled{background-color:var(--bg-secondary)}label.svelte-dqbled .tooltip-trigger,.mode-section.svelte-dqbled .tabs:where(.svelte-dqbled) .tab:where(.svelte-dqbled) .tooltip-trigger{opacity:.7;transition:opacity var(--transition-fast)}.mode-section.svelte-dqbled{margin-bottom:var(--spacing-lg)}.mode-section.svelte-dqbled .tabs:where(.svelte-dqbled) .tab:where(.svelte-dqbled){display:flex;align-items:center;gap:var(--spacing-xs)}.input-section.svelte-dqbled{margin-bottom:var(--spacing-lg)}.input-section.svelte-dqbled .input-wrapper:where(.svelte-dqbled){position:relative}.input-section.svelte-dqbled .input-wrapper:where(.svelte-dqbled) .clear-btn:where(.svelte-dqbled){position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.input-section.svelte-dqbled .input-textarea:where(.svelte-dqbled){width:100%;min-height:200px;font-family:var(--font-mono);font-size:var(--font-size-sm);resize:vertical;padding-right:4rem}.examples-section.svelte-dqbled{margin-top:var(--spacing-md)}.examples-section.svelte-dqbled .examples-grid:where(.svelte-dqbled){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}.examples-section.svelte-dqbled .example-btn:where(.svelte-dqbled){padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast);position:relative}.examples-section.svelte-dqbled .example-btn:where(.svelte-dqbled):hover{background-color:var(--surface-hover);border-color:var(--color-primary);transform:translateY(-1px)}.examples-section.svelte-dqbled .example-btn.selected:where(.svelte-dqbled){background-color:color-mix(in srgb,var(--color-primary),transparent 90%);border-color:var(--color-primary);border-width:2px;color:var(--color-primary);font-weight:600}.examples-section.svelte-dqbled .example-btn.selected:where(.svelte-dqbled):after{content:"";position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:8px;height:8px;background-color:var(--color-primary);border-radius:50%}.results-section.svelte-dqbled{border-top:2px solid var(--border-secondary);padding-top:var(--spacing-lg)}.summary-header.svelte-dqbled{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.summary-header.svelte-dqbled h3:where(.svelte-dqbled){color:var(--color-primary);margin:0}.results-grid.svelte-dqbled{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.result-panel.svelte-dqbled{border-radius:var(--radius-lg);overflow:hidden}.result-panel.ipv4.svelte-dqbled{border:2px solid var(--color-info)}.result-panel.ipv6.svelte-dqbled{border:2px solid var(--color-success)}.result-panel.svelte-dqbled .panel-header:where(.svelte-dqbled){padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.result-panel.svelte-dqbled .panel-header:where(.svelte-dqbled) h4:where(.svelte-dqbled){margin:0;color:var(--bg-secondary);font-size:var(--font-size-md)}.result-panel.ipv4.svelte-dqbled .panel-header:where(.svelte-dqbled){background:linear-gradient(135deg,var(--color-info),var(--color-info-light))}.result-panel.ipv6.svelte-dqbled .panel-header:where(.svelte-dqbled){background:linear-gradient(135deg,var(--color-success),var(--color-success-light))}.cidr-list.svelte-dqbled{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.cidr-item.svelte-dqbled{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.cidr-block.svelte-dqbled{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary)}.stats-grid.svelte-dqbled{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card.svelte-dqbled{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between}.stat-label.svelte-dqbled{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value.svelte-dqbled{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.stat-value.large.svelte-dqbled{font-size:var(--font-size-xl)}.error-list.svelte-dqbled{margin:var(--spacing-sm) 0;padding-left:var(--spacing-md)}.error-list.svelte-dqbled li:where(.svelte-dqbled){color:var(--color-error);margin-bottom:var(--spacing-xs)}label.svelte-dqbled{display:flex;align-items:center;gap:var(--spacing-xs)}label.svelte-dqbled .tooltip-trigger{color:var(--text-secondary)}.btn.copied.svelte-dqbled{color:var(--color-success);background-color:color-mix(in srgb,var(--color-success),transparent 90%);border-color:var(--color-success);transform:scale(1.05)}.btn.copied.svelte-dqbled .icon{animation:svelte-dqbled-success-pulse .3s ease-out}.btn.svelte-dqbled .icon{width:1rem;height:1rem;transition:transform var(--transition-fast)}.btn.btn-xs.svelte-dqbled .icon{width:.75rem;height:.75rem}.btn.svelte-dqbled:hover:not(.copied) .icon{transform:scale(1.1)}@keyframes svelte-dqbled-success-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.results-grid.svelte-dqbled{grid-template-columns:1fr}.stats-grid.svelte-dqbled{grid-template-columns:repeat(2,1fr)}.examples-grid.svelte-dqbled{grid-template-columns:1fr}.summary-header.svelte-dqbled{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}}.explainer-section.svelte-14w6tvc{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.explainer-section.svelte-14w6tvc h3:where(.svelte-14w6tvc){color:var(--text-primary);margin-bottom:var(--spacing-md)}@media(max-width:768px){.explainer-section.svelte-14w6tvc{padding:var(--spacing-md)}}.benefits-grid.svelte-14w6tvc,.modes-grid.svelte-14w6tvc,.use-cases-grid.svelte-14w6tvc,.formats-grid.svelte-14w6tvc{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.benefit-item.svelte-14w6tvc,.use-case-item.svelte-14w6tvc,.format-item.svelte-14w6tvc{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}:is(.benefit-item.svelte-14w6tvc,.use-case-item.svelte-14w6tvc,.format-item.svelte-14w6tvc) h4:where(.svelte-14w6tvc),:is(.benefit-item.svelte-14w6tvc,.use-case-item.svelte-14w6tvc,.format-item.svelte-14w6tvc) h5:where(.svelte-14w6tvc){color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-md)}:is(.benefit-item.svelte-14w6tvc,.use-case-item.svelte-14w6tvc,.format-item.svelte-14w6tvc) p:where(.svelte-14w6tvc){color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.modes-section.svelte-14w6tvc,.use-cases-section.svelte-14w6tvc,.input-formats-section.svelte-14w6tvc{margin:var(--spacing-lg) 0}:is(.modes-section.svelte-14w6tvc,.use-cases-section.svelte-14w6tvc,.input-formats-section.svelte-14w6tvc) h4:where(.svelte-14w6tvc){color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600}.mode-item.svelte-14w6tvc{border:1px solid var(--border-primary);border-left:4px solid var(--color-info);padding:var(--spacing-md);background:var(--bg-secondary)}.mode-example.svelte-14w6tvc{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-primary);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-xs)}.mode-example.svelte-14w6tvc .example-label:where(.svelte-14w6tvc){font-weight:600;color:var(--color-primary)}.mode-example.svelte-14w6tvc code:where(.svelte-14w6tvc){font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:2px var(--spacing-xs);border-radius:var(--radius-xs)}.mode-example.svelte-14w6tvc code:where(.svelte-14w6tvc).example-input{color:var(--color-info)}.mode-example.svelte-14w6tvc code:where(.svelte-14w6tvc).example-output{color:var(--color-success)}.mode-example.svelte-14w6tvc .arrow:where(.svelte-14w6tvc){color:var(--text-secondary);text-align:center;font-weight:700}.format-examples.svelte-14w6tvc{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.format-examples.svelte-14w6tvc code:where(.svelte-14w6tvc){font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--color-primary)}.info-box.svelte-14w6tvc{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#0969da1a,#1f6feb0d);border:1px solid var(--color-info);border-radius:var(--radius-md)}.info-box.svelte-14w6tvc h4:where(.svelte-14w6tvc){color:var(--color-info);margin-bottom:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.info-box.svelte-14w6tvc h4:where(.svelte-14w6tvc) .icon{width:1.2rem;height:1.2rem}.info-box.svelte-14w6tvc p:where(.svelte-14w6tvc){color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6;margin:0}@media(max-width:768px){.benefits-grid.svelte-14w6tvc,.modes-grid.svelte-14w6tvc,.use-cases-grid.svelte-14w6tvc,.formats-grid.svelte-14w6tvc{grid-template-columns:1fr}.mode-example.svelte-14w6tvc .arrow:where(.svelte-14w6tvc){transform:rotate(90deg)}}.input-section.svelte-mi177p{margin-bottom:var(--spacing-lg)}.input-header.svelte-mi177p{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.input-header.svelte-mi177p h3:where(.svelte-mi177p){margin:0;color:var(--text-primary)}.swap-button.svelte-mi177p{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.swap-button.svelte-mi177p:hover{background-color:var(--surface-hover);border-color:var(--color-primary)}.input-grid.svelte-mi177p{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.input-group.svelte-mi177p label:where(.svelte-mi177p){display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.results-section.svelte-mi177p{border-top:1px solid var(--border-secondary);padding-top:var(--spacing-lg)}.comparison-summary.svelte-mi177p{margin-bottom:var(--spacing-xl)}.comparison-summary.svelte-mi177p h3:where(.svelte-mi177p){color:var(--color-info-light);margin-bottom:var(--spacing-md)}.summary-grid.svelte-mi177p{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.summary-card.svelte-mi177p{display:flex;align-items:center;gap:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.summary-icon.svelte-mi177p{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.summary-icon.added.svelte-mi177p{background-color:var(--color-success);color:var(--bg-primary)}.summary-icon.removed.svelte-mi177p{background-color:var(--color-error);color:var(--bg-primary)}.summary-icon.unchanged.svelte-mi177p{background-color:var(--color-info);color:var(--bg-primary)}.summary-content.svelte-mi177p{flex:1}.summary-number.svelte-mi177p{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.summary-label.svelte-mi177p{font-size:var(--font-size-sm);color:var(--text-secondary)}.list-totals.svelte-mi177p{display:flex;justify-content:center;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary)}.changes-grid.svelte-mi177p{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.change-category.svelte-mi177p{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.change-category.added.svelte-mi177p{border:1px solid var(--color-success)}.change-category.removed.svelte-mi177p{border:1px solid var(--color-error)}.change-category.unchanged.svelte-mi177p{border:1px solid var(--color-info)}.category-header.svelte-mi177p{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.category-header.svelte-mi177p h4:where(.svelte-mi177p){display:flex;align-items:center;gap:var(--spacing-xs);margin:0;color:var(--text-primary)}.copy-category.svelte-mi177p{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.copy-category.svelte-mi177p:hover{background-color:var(--surface-hover);color:var(--text-primary)}.copy-category.copied.svelte-mi177p{color:var(--color-success)}.networks-list.svelte-mi177p{display:flex;flex-direction:column;gap:var(--spacing-xs)}.network-item.svelte-mi177p{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.network-item.added.svelte-mi177p{background-color:var(--color-success);color:var(--bg-primary)}.network-item.added.svelte-mi177p .network-cidr:where(.svelte-mi177p){background-color:#ffffff1a}.network-item.removed.svelte-mi177p{background-color:var(--color-error);color:var(--bg-primary)}.network-item.removed.svelte-mi177p .network-cidr:where(.svelte-mi177p){background-color:#ffffff1a}.network-item.unchanged.svelte-mi177p{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary)}.network-item.svelte-mi177p:hover{transform:translate(2px)}.network-cidr.svelte-mi177p{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;padding:2px var(--spacing-xs);border-radius:var(--radius-sm);background-color:var(--bg-tertiary)}.copy-button.svelte-mi177p{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);color:inherit;opacity:.7}.copy-button.svelte-mi177p:hover{opacity:1;background-color:#ffffff1a}.copy-button.copied.svelte-mi177p{opacity:1}.empty-category.svelte-mi177p{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);color:var(--text-secondary);font-style:italic;justify-content:center}.error-message.svelte-mi177p{text-align:center;padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--color-error);border-radius:var(--radius-md)}.error-message.svelte-mi177p .icon{font-size:1.5rem;color:var(--color-error);margin-bottom:var(--spacing-sm)}.error-message.svelte-mi177p h4:where(.svelte-mi177p){color:var(--color-error-light);margin-bottom:var(--spacing-sm)}@media(max-width:768px){.input-grid.svelte-mi177p,.summary-grid.svelte-mi177p,.changes-grid.svelte-mi177p{grid-template-columns:1fr}.list-totals.svelte-mi177p{flex-direction:column;gap:var(--spacing-sm)}.input-header.svelte-mi177p{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}}textarea.svelte-mi177p{background:var(--bg-primary)}.card.svelte-h9my3f{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.card-header.svelte-h9my3f{margin-bottom:var(--spacing-lg)}.card-header.svelte-h9my3f h2:where(.svelte-h9my3f){margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl)}.card-header.svelte-h9my3f p:where(.svelte-h9my3f){color:var(--text-secondary);margin:0}.input-group.svelte-h9my3f{margin-bottom:var(--spacing-lg)}.input-group.svelte-h9my3f textarea:where(.svelte-h9my3f){width:100%;padding:var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);resize:vertical;min-height:120px}.input-group.svelte-h9my3f textarea:where(.svelte-h9my3f):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.input-group.svelte-h9my3f textarea:where(.svelte-h9my3f)::placeholder{color:var(--text-secondary)}.algorithm-section.svelte-h9my3f{margin-bottom:var(--spacing-lg)}.algorithm-section.svelte-h9my3f h4:where(.svelte-h9my3f){margin-bottom:var(--spacing-md);color:var(--text-primary)}.algorithm-options.svelte-h9my3f{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.algorithm-options.svelte-h9my3f input:where(.svelte-h9my3f){display:none}.algorithm-option.svelte-h9my3f{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.algorithm-option.svelte-h9my3f:hover{border-color:var(--color-primary)}.algorithm-option.svelte-h9my3f:has(input:where(.svelte-h9my3f):checked){border-color:var(--color-primary);background-color:var(--surface-hover)}.algorithm-option.svelte-h9my3f input[type=radio]:where(.svelte-h9my3f){margin-top:2px}.option-content.svelte-h9my3f{flex:1}.option-title.svelte-h9my3f{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.option-description.svelte-h9my3f{font-size:var(--font-size-sm);color:var(--text-secondary)}.input-section.svelte-h9my3f{margin-bottom:var(--spacing-lg)}.input-grid.svelte-h9my3f{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.input-group.svelte-h9my3f label:where(.svelte-h9my3f){display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.results-section.svelte-h9my3f{border-top:1px solid var(--border-secondary);padding-top:var(--spacing-lg)}.allocation-summary.svelte-h9my3f{margin-bottom:var(--spacing-xl)}.allocation-summary.svelte-h9my3f .summary-header:where(.svelte-h9my3f){display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.allocation-summary.svelte-h9my3f .summary-header:where(.svelte-h9my3f) h3:where(.svelte-h9my3f){color:var(--color-primary);margin:0}.copy-all-button.svelte-h9my3f{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.copy-all-button.svelte-h9my3f:hover{background-color:var(--surface-hover);border-color:var(--color-primary)}.copy-all-button.copied.svelte-h9my3f{background-color:var(--color-success);color:var(--bg-primary);border-color:var(--color-success)}.summary-grid.svelte-h9my3f{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.summary-card.svelte-h9my3f{display:flex;align-items:center;gap:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.summary-card.success.svelte-h9my3f{border-color:var(--color-success)}.summary-card.success.svelte-h9my3f .summary-icon:where(.svelte-h9my3f){background-color:var(--color-success);color:var(--bg-primary)}.summary-card.info.svelte-h9my3f{border-color:var(--color-info)}.summary-card.info.svelte-h9my3f .summary-icon:where(.svelte-h9my3f){background-color:var(--color-info);color:var(--bg-primary)}.summary-card.error.svelte-h9my3f{border-color:var(--color-error)}.summary-card.error.svelte-h9my3f .summary-icon:where(.svelte-h9my3f){background-color:var(--color-error);color:var(--bg-primary)}.summary-icon.svelte-h9my3f{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.summary-content.svelte-h9my3f{flex:1}.summary-number.svelte-h9my3f{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.summary-label.svelte-h9my3f{font-size:var(--font-size-sm);color:var(--text-secondary)}.space-breakdown.svelte-h9my3f{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm)}.breakdown-item.svelte-h9my3f{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.breakdown-item.svelte-h9my3f:last-child{margin-bottom:0}.breakdown-label.svelte-h9my3f{color:var(--text-secondary)}.breakdown-value.svelte-h9my3f{color:var(--text-primary)}.breakdown-value.allocated.svelte-h9my3f{color:var(--color-success-light);font-weight:600}.allocations-section.svelte-h9my3f,.pools-section.svelte-h9my3f{margin-bottom:var(--spacing-xl)}.allocations-section.svelte-h9my3f h4:where(.svelte-h9my3f),.pools-section.svelte-h9my3f h4:where(.svelte-h9my3f){color:var(--text-primary);margin-bottom:var(--spacing-md)}.allocations-list.svelte-h9my3f{display:flex;flex-direction:column;gap:var(--spacing-sm)}.allocation-item.svelte-h9my3f{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-primary)}.allocation-item.success.svelte-h9my3f{border-left:4px solid var(--color-success)}.allocation-item.failed.svelte-h9my3f{border-left:4px solid var(--color-error)}.allocation-header.svelte-h9my3f{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.allocation-info.svelte-h9my3f{display:flex;align-items:center;gap:var(--spacing-sm)}.allocation-request.svelte-h9my3f{font-family:var(--font-mono);font-weight:600;color:var(--color-primary);background-color:var(--bg-tertiary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.allocation-description.svelte-h9my3f{color:var(--text-secondary)}.allocation-status.svelte-h9my3f{display:flex;align-items:center;gap:var(--spacing-xs)}.status-text.svelte-h9my3f{font-size:var(--font-size-sm);font-weight:600}.status-text.success.svelte-h9my3f{color:var(--color-success-light)}.status-text.failed.svelte-h9my3f{color:var(--color-error-light)}.allocation-result.svelte-h9my3f{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm)}.result-info.svelte-h9my3f{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.result-cidr.svelte-h9my3f{font-weight:600;color:var(--color-success-light)}.result-pool.svelte-h9my3f,.result-size.svelte-h9my3f{color:var(--text-secondary)}.allocation-reason.svelte-h9my3f{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-error-light);font-size:var(--font-size-sm);font-style:italic}.allocation-reason.failed.svelte-h9my3f{background:rgba(var(--color-error-rgb),.1);border:1px solid var(--color-error);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-error)}.allocation-reason.failed.svelte-h9my3f .icon{color:var(--color-error)}.copy-button.svelte-h9my3f{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.copy-button.svelte-h9my3f:hover{background-color:var(--surface-hover);color:var(--text-primary)}.copy-button.copied.svelte-h9my3f{color:var(--color-success)}.pools-grid.svelte-h9my3f{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.pool-card.svelte-h9my3f{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.pool-header.svelte-h9my3f{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.pool-cidr.svelte-h9my3f{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.pool-utilization.svelte-h9my3f{font-size:var(--font-size-sm);font-weight:600;padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.pool-utilization.high.svelte-h9my3f{background-color:var(--color-error);color:var(--bg-primary)}.pool-utilization.medium.svelte-h9my3f{background-color:var(--color-warning);color:var(--bg-primary)}.pool-utilization.low.svelte-h9my3f{background-color:var(--color-success);color:var(--bg-primary)}.utilization-bar.svelte-h9my3f{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-md)}.utilization-fill.svelte-h9my3f{height:100%;background-color:var(--color-success);transition:width var(--transition-fast)}.pool-allocations.svelte-h9my3f,.pool-remaining.svelte-h9my3f{margin-bottom:var(--spacing-md)}.pool-allocations.svelte-h9my3f:last-child,.pool-remaining.svelte-h9my3f:last-child{margin-bottom:0}.pool-allocations.svelte-h9my3f h5:where(.svelte-h9my3f),.pool-remaining.svelte-h9my3f h5:where(.svelte-h9my3f){color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.allocated-list.svelte-h9my3f,.remaining-list.svelte-h9my3f{display:flex;flex-direction:column;gap:var(--spacing-xs)}.allocated-subnet.svelte-h9my3f{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);background-color:var(--bg-tertiary);border-radius:var(--radius-sm)}.subnet-cidr.svelte-h9my3f{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;color:var(--color-success-light)}.subnet-desc.svelte-h9my3f{font-size:var(--font-size-xs);color:var(--text-secondary)}.remaining-block.svelte-h9my3f{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.remaining-size.svelte-h9my3f{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.remaining-range.svelte-h9my3f{font-family:var(--font-mono);color:var(--text-secondary)}.remaining-more.svelte-h9my3f{padding:var(--spacing-xs);text-align:center;color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic}.error-message.svelte-h9my3f{text-align:center;padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--color-error);border-radius:var(--radius-md)}.error-message.svelte-h9my3f .icon{font-size:1.5rem;color:var(--color-error);margin-bottom:var(--spacing-sm)}.error-message.svelte-h9my3f h4:where(.svelte-h9my3f){color:var(--color-error-light);margin-bottom:var(--spacing-sm)}@media(max-width:768px){.input-grid.svelte-h9my3f,.algorithm-options.svelte-h9my3f,.summary-grid.svelte-h9my3f,.pools-grid.svelte-h9my3f{grid-template-columns:1fr}.allocation-header.svelte-h9my3f{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.allocation-result.svelte-h9my3f,.pool-header.svelte-h9my3f{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}}.examples-card.svelte-h9my3f{padding:0}.input-section.svelte-gcckok{margin-bottom:var(--spacing-lg)}.input-grid.svelte-gcckok{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-md)}.prefix-input-wrapper.svelte-gcckok{position:relative;display:flex;align-items:center}.prefix-input-wrapper.svelte-gcckok input:where(.svelte-gcckok){padding-right:3rem;width:100%}.prefix-input-wrapper.svelte-gcckok .prefix-hint:where(.svelte-gcckok){position:absolute;right:var(--spacing-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);pointer-events:none}.prefix-info.svelte-gcckok{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-mono)}.results-section.svelte-gcckok{border-top:1px solid var(--border-secondary);padding-top:var(--spacing-lg)}.results-header.svelte-gcckok{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.results-header.svelte-gcckok h3:where(.svelte-gcckok){color:var(--color-primary);margin:0}.results-actions.svelte-gcckok{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.results-summary.svelte-gcckok{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.metric.svelte-gcckok{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.metric.svelte-gcckok .icon{color:var(--color-info)}.copy-all-button.svelte-gcckok{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.copy-all-button.svelte-gcckok:hover{background-color:var(--surface-hover);border-color:var(--color-primary)}.copy-all-button.copied.svelte-gcckok{background-color:var(--color-success);color:var(--bg-primary);border-color:var(--color-success)}.input-summary.svelte-gcckok{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);font-family:var(--font-mono);font-size:var(--font-size-sm)}.summary-item.svelte-gcckok{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.summary-item.svelte-gcckok:last-child{margin-bottom:0}.summary-label.svelte-gcckok{color:var(--text-secondary);font-weight:600}.summary-value.svelte-gcckok{color:var(--text-primary)}.summary-value.address-diff.svelte-gcckok{color:var(--color-warning-light)}.subnets-grid.svelte-gcckok{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.subnet-card.svelte-gcckok{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.subnet-card.svelte-gcckok:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.subnet-header.svelte-gcckok{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.subnet-cidr.svelte-gcckok{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:600;color:var(--color-primary-light);background-color:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm)}.copy-button.svelte-gcckok{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.copy-button.svelte-gcckok:hover{background-color:var(--surface-hover);color:var(--text-primary)}.copy-button.copied.svelte-gcckok{color:var(--color-success)}.subnet-info.svelte-gcckok{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.address-count.svelte-gcckok{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-mono)}.subnet-size.svelte-gcckok{font-size:var(--font-size-xs);color:var(--color-info);font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.no-subnets.svelte-gcckok{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-subnets.svelte-gcckok .icon{font-size:2rem;color:var(--color-warning);margin-bottom:var(--spacing-md)}.no-subnets.svelte-gcckok h4:where(.svelte-gcckok){color:var(--text-primary);margin-bottom:var(--spacing-sm)}.error-message.svelte-gcckok{text-align:center;padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--color-error);border-radius:var(--radius-md)}.error-message.svelte-gcckok .icon{font-size:1.5rem;color:var(--color-error);margin-bottom:var(--spacing-sm)}.error-message.svelte-gcckok h4:where(.svelte-gcckok){color:var(--color-error-light);margin-bottom:var(--spacing-sm)}@media(max-width:768px){.input-grid.svelte-gcckok,.subnets-grid.svelte-gcckok{grid-template-columns:1fr}.results-header.svelte-gcckok{flex-direction:column;align-items:stretch}.results-actions.svelte-gcckok{align-items:stretch}.results-summary.svelte-gcckok{justify-content:center}}input.svelte-gcckok,textarea.svelte-gcckok{background:var(--bg-primary)}.input-section.svelte-fznzbj{margin-bottom:var(--spacing-lg)}.inputs-card.svelte-fznzbj{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.inputs-card.svelte-fznzbj h3:where(.svelte-fznzbj){color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:600}.input-group.svelte-fznzbj{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.input-group.svelte-fznzbj:last-child{margin-bottom:0}.input-group.svelte-fznzbj label:where(.svelte-fznzbj){font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.input-group.svelte-fznzbj textarea:where(.svelte-fznzbj),.input-group.svelte-fznzbj input:where(.svelte-fznzbj){padding:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--bg-tertiary);color:var(--text-primary);transition:var(--transition-fast)}.input-group.svelte-fznzbj textarea:where(.svelte-fznzbj):focus,.input-group.svelte-fznzbj input:where(.svelte-fznzbj):focus{outline:none;border-color:var(--color-primary)}.input-group.svelte-fznzbj input.error:where(.svelte-fznzbj){border-color:var(--color-error);background:color-mix(in srgb,var(--color-error),transparent 95%)}.validation-errors.svelte-fznzbj{margin-top:var(--spacing-xs)}.validation-error.svelte-fznzbj{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-xs);font-weight:500;margin-bottom:var(--spacing-xs)}.validation-error.svelte-fznzbj:last-child{margin-bottom:0}.validation-error.svelte-fznzbj .icon{color:var(--color-error);flex-shrink:0}.input-group.svelte-fznzbj textarea:where(.svelte-fznzbj){resize:vertical;min-height:200px}.input-help.svelte-fznzbj{font-size:var(--font-size-xs);color:var(--text-secondary)}.loading.svelte-fznzbj{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg);color:var(--color-primary)}.results.svelte-fznzbj{display:flex;flex-direction:column;gap:var(--spacing-lg)}.errors.svelte-fznzbj{background:var(--bg-secondary);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-md)}.errors.svelte-fznzbj h3:where(.svelte-fznzbj){display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);color:var(--color-error)}.error-item.svelte-fznzbj{color:var(--color-error-light);font-family:var(--font-mono);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.summary.svelte-fznzbj{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.summary.svelte-fznzbj h3:where(.svelte-fznzbj){margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-lg)}.summary-stats.svelte-fznzbj{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.stat.svelte-fznzbj{text-align:center;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.stat.aligned.svelte-fznzbj{border-color:var(--color-success)}.stat.misaligned.svelte-fznzbj{border-color:var(--color-error)}.stat-value.svelte-fznzbj{display:block;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.stat.aligned.svelte-fznzbj .stat-value:where(.svelte-fznzbj){color:var(--color-success)}.stat.misaligned.svelte-fznzbj .stat-value:where(.svelte-fznzbj){color:var(--color-error)}.stat-label.svelte-fznzbj{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs)}.checks-header.svelte-fznzbj{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.checks-header.svelte-fznzbj h3:where(.svelte-fznzbj){color:var(--text-primary);font-size:var(--font-size-lg)}.export-buttons.svelte-fznzbj{display:flex;gap:var(--spacing-sm)}.export-buttons.svelte-fznzbj button:where(.svelte-fznzbj){display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.export-buttons.svelte-fznzbj button:where(.svelte-fznzbj):hover{background:var(--color-primary-hover)}.checks.svelte-fznzbj{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.checks-list.svelte-fznzbj{display:flex;flex-direction:column;gap:var(--spacing-md)}.check-item.svelte-fznzbj{border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--bg-tertiary)}.check-item.aligned.svelte-fznzbj{border-color:var(--color-success)}.check-item.misaligned.svelte-fznzbj{border-color:var(--color-error)}.check-header.svelte-fznzbj{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-md)}@media(max-width:768px){.check-header.svelte-fznzbj{flex-direction:column;gap:var(--spacing-sm)}}.check-input.svelte-fznzbj{display:flex;align-items:center;gap:var(--spacing-sm)}.input-text.svelte-fznzbj{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.input-type.svelte-fznzbj{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);align-self:flex-start}.check-status.svelte-fznzbj{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600}.status-text.svelte-fznzbj{font-size:var(--font-size-sm)}.check-item.aligned.svelte-fznzbj .check-status:where(.svelte-fznzbj){color:var(--color-success)}.check-item.misaligned.svelte-fznzbj .check-status:where(.svelte-fznzbj){color:var(--color-error)}.aligned-cidr.svelte-fznzbj{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md)}.aligned-label.svelte-fznzbj{font-weight:600;font-size:var(--font-size-sm)}.cidr-with-copy.svelte-fznzbj{display:flex;align-items:center;gap:var(--spacing-sm)}.aligned-code.svelte-fznzbj{font-family:var(--font-mono);font-weight:600;font-size:var(--font-size-md);color:var(--color-success-light);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.reason.svelte-fznzbj{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.reason-label.svelte-fznzbj{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.reason-text.svelte-fznzbj{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.suggestions.svelte-fznzbj{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.suggestions-label.svelte-fznzbj{display:block;font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.suggestion.svelte-fznzbj{margin-bottom:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.suggestion.svelte-fznzbj:last-child{margin-bottom:0}.suggestion-type.svelte-fznzbj{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.suggestion-description.svelte-fznzbj{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.suggestion-cidrs.svelte-fznzbj{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.suggestion-cidr.svelte-fznzbj{display:flex;align-items:center;gap:var(--spacing-sm)}.suggestion-code.svelte-fznzbj{font-family:var(--font-mono);font-weight:600;font-size:var(--font-size-sm);color:var(--color-info-light);background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-info)}.suggestion-efficiency.svelte-fznzbj{font-size:var(--font-size-xs);color:var(--color-warning-light);font-weight:600;font-family:var(--font-mono)}.copy-button.svelte-fznzbj{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--spacing-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.copy-button.svelte-fznzbj:hover{background:var(--surface-hover);border-color:var(--color-primary);color:var(--text-primary)}.copy-button.svelte-fznzbj.copied{color:var(--color-success);border-color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 90%)}@media(max-width:768px){.summary-stats.svelte-fznzbj{grid-template-columns:repeat(2,1fr)}.export-buttons.svelte-fznzbj{flex-direction:column}}.input-section.svelte-1n66kwe{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media(min-width:768px){.input-section.svelte-1n66kwe{grid-template-columns:2fr 1fr}}.inputs-section.svelte-1n66kwe,.acl-section.svelte-1n66kwe{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md)}:is(.inputs-section.svelte-1n66kwe,.acl-section.svelte-1n66kwe) h3:where(.svelte-1n66kwe){color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:600}.checkbox-group.svelte-1n66kwe{margin-bottom:var(--spacing-md)}.checkbox-group.svelte-1n66kwe .checkbox-label:where(.svelte-1n66kwe){display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);background-color:var(--bg-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);width:fit-content}.checkbox-group.svelte-1n66kwe .checkbox-label:where(.svelte-1n66kwe):hover{background-color:var(--surface-hover)}.checkbox-group.svelte-1n66kwe .checkbox-label:where(.svelte-1n66kwe) input[type=checkbox]:where(.svelte-1n66kwe){width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:var(--color-primary)}.checkbox-group.svelte-1n66kwe .checkbox-label:where(.svelte-1n66kwe) .checkbox-text:where(.svelte-1n66kwe){color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.4;font-weight:600}.input-group.svelte-1n66kwe{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.input-group.svelte-1n66kwe:last-child{margin-bottom:0}.input-group.svelte-1n66kwe label:where(.svelte-1n66kwe){font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.input-group.svelte-1n66kwe textarea:where(.svelte-1n66kwe),.input-group.svelte-1n66kwe input:where(.svelte-1n66kwe),.input-group.svelte-1n66kwe select:where(.svelte-1n66kwe){padding:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--bg-tertiary);color:var(--text-primary);transition:var(--transition-fast)}.input-group.svelte-1n66kwe textarea:where(.svelte-1n66kwe):focus,.input-group.svelte-1n66kwe input:where(.svelte-1n66kwe):focus,.input-group.svelte-1n66kwe select:where(.svelte-1n66kwe):focus{outline:none;border-color:var(--color-primary)}.input-group.svelte-1n66kwe textarea:where(.svelte-1n66kwe){resize:vertical;min-height:150px}.input-help.svelte-1n66kwe{font-size:var(--font-size-xs);color:var(--text-secondary)}.acl-settings.svelte-1n66kwe{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);margin-top:var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-tertiary)}.loading.svelte-1n66kwe{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg);color:var(--color-primary)}.results.svelte-1n66kwe{display:flex;flex-direction:column;gap:var(--spacing-lg)}.errors.svelte-1n66kwe{background:var(--bg-secondary);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-md)}.errors.svelte-1n66kwe h3:where(.svelte-1n66kwe){display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);color:var(--color-error)}.error-item.svelte-1n66kwe{color:var(--color-error-light);font-family:var(--font-mono);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.summary.svelte-1n66kwe{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.summary.svelte-1n66kwe h3:where(.svelte-1n66kwe){margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-lg)}.summary-stats.svelte-1n66kwe{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.stat.svelte-1n66kwe{text-align:center;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.stat.aligned.svelte-1n66kwe{border-color:var(--color-success)}.stat.misaligned.svelte-1n66kwe{border-color:var(--color-error)}.stat-value.svelte-1n66kwe{display:block;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.stat.aligned.svelte-1n66kwe .stat-value:where(.svelte-1n66kwe){color:var(--color-success)}.stat.misaligned.svelte-1n66kwe .stat-value:where(.svelte-1n66kwe){color:var(--color-error)}.stat-label.svelte-1n66kwe{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs)}.conversions-header.svelte-1n66kwe{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.conversions-header.svelte-1n66kwe h3:where(.svelte-1n66kwe){color:var(--text-primary);font-size:var(--font-size-lg)}.export-buttons.svelte-1n66kwe{display:flex;gap:var(--spacing-sm)}.export-buttons.svelte-1n66kwe button:where(.svelte-1n66kwe){display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.export-buttons.svelte-1n66kwe button:where(.svelte-1n66kwe):hover{background:var(--color-primary-hover)}.conversions-grid.svelte-1n66kwe{display:flex;flex-direction:column;gap:var(--spacing-md)}.conversion-card.svelte-1n66kwe{border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--bg-tertiary)}.conversion-card.aligned.svelte-1n66kwe{border-color:var(--color-success)}.conversion-card.misaligned.svelte-1n66kwe{border-color:var(--color-error)}.check-header.svelte-1n66kwe{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-md)}@media(max-width:768px){.check-header.svelte-1n66kwe{flex-direction:column;gap:var(--spacing-sm)}}.check-input.svelte-1n66kwe{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-text.svelte-1n66kwe{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.input-type.svelte-1n66kwe{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);align-self:flex-start}.check-status.svelte-1n66kwe{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600}.conversion-card.aligned.svelte-1n66kwe .check-status:where(.svelte-1n66kwe){color:var(--color-success)}.conversion-card.misaligned.svelte-1n66kwe .check-status:where(.svelte-1n66kwe){color:var(--color-error)}.conversion-details.svelte-1n66kwe{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-row.svelte-1n66kwe{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-sm)}.label.svelte-1n66kwe{font-weight:600;color:var(--text-primary)}.code-container.svelte-1n66kwe{display:flex;align-items:center;gap:var(--spacing-xs)}.code-container.svelte-1n66kwe code:where(.svelte-1n66kwe){background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500}.btn.svelte-1n66kwe.copied{color:var(--color-success);background-color:#2386361a;border-color:var(--color-success)}.network-info.svelte-1n66kwe{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm)}.info-grid.svelte-1n66kwe{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.info-label.svelte-1n66kwe{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase}.info-value.svelte-1n66kwe{display:block;font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.error-message.svelte-1n66kwe{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-sm)}.acl-section.svelte-1n66kwe{margin-bottom:var(--spacing-lg)}.acl-header.svelte-1n66kwe{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.acl-header.svelte-1n66kwe h4:where(.svelte-1n66kwe){color:var(--text-primary);font-size:var(--font-size-lg)}.copy-btn.svelte-1n66kwe{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.copy-btn.svelte-1n66kwe:hover{background:var(--color-primary-hover)}.acl-code.svelte-1n66kwe{background:var(--bg-tertiary);color:var(--text-primary);padding:var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);overflow-x:auto;border:1px solid var(--border-primary)}.acl-line.svelte-1n66kwe{margin-bottom:.25rem;white-space:nowrap}.acl-rules-container.svelte-1n66kwe{width:100%;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.acl-rules-container.svelte-1n66kwe h3:where(.svelte-1n66kwe){margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:var(--font-size-lg)}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe){margin-bottom:var(--spacing-lg)}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe):last-child{margin-bottom:0}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .acl-header:where(.svelte-1n66kwe){display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .acl-header:where(.svelte-1n66kwe) h4:where(.svelte-1n66kwe){color:var(--text-primary);font-size:var(--font-size-md);margin:0}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .copy-btn:where(.svelte-1n66kwe){display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .copy-btn:where(.svelte-1n66kwe):hover{background:var(--surface-hover);border-color:var(--color-primary)}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .copy-btn:where(.svelte-1n66kwe).copied{color:var(--color-success);border-color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 90%)}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .acl-code:where(.svelte-1n66kwe){background:var(--bg-tertiary);color:var(--text-primary);padding:var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);overflow-x:auto;border:1px solid var(--border-primary)}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .acl-code:where(.svelte-1n66kwe) .acl-line:where(.svelte-1n66kwe){margin-bottom:.25rem;white-space:nowrap}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .acl-code:where(.svelte-1n66kwe) .acl-line:where(.svelte-1n66kwe):last-child{margin-bottom:0}@media(max-width:768px){.input-section.svelte-1n66kwe{grid-template-columns:1fr}.summary-stats.svelte-1n66kwe{grid-template-columns:repeat(2,1fr)}.export-buttons.svelte-1n66kwe{flex-direction:column}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .acl-header:where(.svelte-1n66kwe){flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.acl-rules-container.svelte-1n66kwe .acl-section:where(.svelte-1n66kwe) .acl-header:where(.svelte-1n66kwe) .copy-btn:where(.svelte-1n66kwe){align-self:center}}.input-section.svelte-105p0aw{margin-bottom:var(--spacing-lg)}.input-grid.svelte-105p0aw{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.filter-section.svelte-105p0aw{border-top:1px solid var(--border-secondary);padding-top:var(--spacing-md)}.prefix-input-wrapper.svelte-105p0aw{position:relative;display:flex;align-items:center;max-width:200px}.prefix-input-wrapper.svelte-105p0aw input:where(.svelte-105p0aw){padding-right:3rem}.prefix-input-wrapper.svelte-105p0aw .prefix-hint:where(.svelte-105p0aw){position:absolute;right:2.5rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);pointer-events:none}.prefix-input-wrapper.svelte-105p0aw .clear-filter:where(.svelte-105p0aw){position:absolute;right:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.prefix-input-wrapper.svelte-105p0aw .clear-filter:where(.svelte-105p0aw):hover{background-color:var(--surface-hover);color:var(--text-primary)}.results-section.svelte-105p0aw{border-top:1px solid var(--border-secondary);padding-top:var(--spacing-lg)}.results-header.svelte-105p0aw{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.results-header.svelte-105p0aw h3:where(.svelte-105p0aw){color:var(--color-primary);margin:0}.results-summary.svelte-105p0aw{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.metric.svelte-105p0aw{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.metric.svelte-105p0aw .icon{color:var(--color-info)}.free-blocks-grid.svelte-105p0aw{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.free-block-card.svelte-105p0aw{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.free-block-card.svelte-105p0aw:hover{border-color:var(--color-success);box-shadow:var(--shadow-sm)}.block-header.svelte-105p0aw{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.block-cidr.svelte-105p0aw{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:600;color:var(--color-success);background-color:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm)}.copy-button.svelte-105p0aw{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.copy-button.svelte-105p0aw:hover{background-color:var(--surface-hover);color:var(--text-primary)}.copy-button.copied.svelte-105p0aw{color:var(--color-success)}.block-info.svelte-105p0aw{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.address-count.svelte-105p0aw{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-mono)}.can-fit.svelte-105p0aw{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-success);font-weight:500}.can-fit.svelte-105p0aw .icon{color:var(--color-success)}.no-gaps.svelte-105p0aw{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-gaps.svelte-105p0aw .icon{font-size:2rem;color:var(--color-warning);margin-bottom:var(--spacing-md)}.no-gaps.svelte-105p0aw h4:where(.svelte-105p0aw){color:var(--text-primary);margin-bottom:var(--spacing-sm)}.error-message.svelte-105p0aw{text-align:center;padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--color-error);border-radius:var(--radius-md)}.error-message.svelte-105p0aw .icon{font-size:1.5rem;color:var(--color-error);margin-bottom:var(--spacing-sm)}.error-message.svelte-105p0aw h4:where(.svelte-105p0aw){color:var(--color-error-light);margin-bottom:var(--spacing-sm)}.visualization-section.svelte-105p0aw{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.visualization-section.svelte-105p0aw h4:where(.svelte-105p0aw){color:var(--text-primary);margin-bottom:var(--spacing-md);text-align:center}.visualization-container.svelte-105p0aw .viz-legend:where(.svelte-105p0aw){display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.visualization-container.svelte-105p0aw .legend-item:where(.svelte-105p0aw){display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.visualization-container.svelte-105p0aw .legend-color:where(.svelte-105p0aw){width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--border-secondary)}.visualization-container.svelte-105p0aw .legend-color.pools:where(.svelte-105p0aw){background-color:var(--color-info);opacity:.3}.visualization-container.svelte-105p0aw .legend-color.allocated:where(.svelte-105p0aw){background-color:var(--color-error);opacity:.7}.visualization-container.svelte-105p0aw .legend-color.available:where(.svelte-105p0aw){background-color:var(--color-success)}.visualization-container.svelte-105p0aw .address-blocks:where(.svelte-105p0aw){position:relative;height:60px;background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.visualization-container.svelte-105p0aw .address-block:where(.svelte-105p0aw){position:absolute;height:100%;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-family:var(--font-mono);cursor:pointer;transition:opacity var(--transition-fast)}.visualization-container.svelte-105p0aw .address-block:where(.svelte-105p0aw):hover{opacity:.8}.visualization-container.svelte-105p0aw .address-block.pool-block:where(.svelte-105p0aw){background-color:var(--color-info);opacity:.3;z-index:1}.visualization-container.svelte-105p0aw .address-block.allocated-block:where(.svelte-105p0aw){background-color:var(--color-error);opacity:.7;z-index:2}.visualization-container.svelte-105p0aw .address-block.available-block:where(.svelte-105p0aw){background-color:var(--color-success);z-index:3;color:var(--bg-primary);font-weight:600}.visualization-container.svelte-105p0aw .address-block.available-block:where(.svelte-105p0aw) .block-label:where(.svelte-105p0aw){text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.visualization-container.svelte-105p0aw .address-scale:where(.svelte-105p0aw){display:flex;justify-content:space-between;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-secondary);padding:0 var(--spacing-xs)}@media(max-width:768px){.input-grid.svelte-105p0aw,.free-blocks-grid.svelte-105p0aw{grid-template-columns:1fr}.results-header.svelte-105p0aw{flex-direction:column;align-items:stretch}.results-summary.svelte-105p0aw{justify-content:center}}.free-space-section.svelte-13aw0i4 h4:where(.svelte-13aw0i4),.candidates-section.svelte-13aw0i4 h4:where(.svelte-13aw0i4),.visualization-section.svelte-13aw0i4 .viz-header:where(.svelte-13aw0i4) h4:where(.svelte-13aw0i4),.examples-section.svelte-13aw0i4 h4:where(.svelte-13aw0i4),.mode-section.svelte-13aw0i4 h3:where(.svelte-13aw0i4){color:var(--color-primary);margin-bottom:var(--spacing-md)}.free-block-card.svelte-13aw0i4,.candidate-card.svelte-13aw0i4,.stat-card.svelte-13aw0i4{background-color:var(--bg-secondary)}.mode-section.svelte-13aw0i4{margin-bottom:var(--spacing-lg)}.mode-section.svelte-13aw0i4 .tabs:where(.svelte-13aw0i4){display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);max-width:20rem}.mode-section.svelte-13aw0i4 .tabs:where(.svelte-13aw0i4) .tab:where(.svelte-13aw0i4){display:flex;align-items:center;gap:var(--spacing-xs);max-width:12rem}.mode-section.svelte-13aw0i4 .tabs:where(.svelte-13aw0i4) .tab.active:where(.svelte-13aw0i4){outline:2px solid var(--color-primary);outline-offset:-2px}.input-section.svelte-13aw0i4{margin-bottom:var(--spacing-lg)}.input-section.svelte-13aw0i4 .input-grid:where(.svelte-13aw0i4){display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.input-section.svelte-13aw0i4 .params-grid:where(.svelte-13aw0i4){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.input-section.svelte-13aw0i4 .input-group:where(.svelte-13aw0i4) label:where(.svelte-13aw0i4){display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary);cursor:pointer}.input-section.svelte-13aw0i4 .input-textarea.pools:where(.svelte-13aw0i4){border-left:4px solid var(--color-primary)}.input-section.svelte-13aw0i4 .input-textarea.allocations:where(.svelte-13aw0i4){border-left:4px solid var(--color-primary)}.input-section.svelte-13aw0i4 .options-section:where(.svelte-13aw0i4){margin:var(--spacing-md) 0}.input-section.svelte-13aw0i4 .options-section:where(.svelte-13aw0i4) .checkbox-label:where(.svelte-13aw0i4){display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);width:fit-content}.input-section.svelte-13aw0i4 .options-section:where(.svelte-13aw0i4) .checkbox-label:where(.svelte-13aw0i4):hover{background-color:var(--surface-hover)}.input-section.svelte-13aw0i4 .options-section:where(.svelte-13aw0i4) .checkbox-label:where(.svelte-13aw0i4) input[type=checkbox]:where(.svelte-13aw0i4){width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:var(--color-primary)}.input-section.svelte-13aw0i4 .options-section:where(.svelte-13aw0i4) .checkbox-label:where(.svelte-13aw0i4) .checkbox-text:where(.svelte-13aw0i4){color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.4}.input-section.svelte-13aw0i4 .input-actions:where(.svelte-13aw0i4){display:flex;justify-content:end}.examples-section.svelte-13aw0i4{margin-top:var(--spacing-lg)}.examples-section.svelte-13aw0i4 .examples-grid:where(.svelte-13aw0i4){display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm)}.examples-section.svelte-13aw0i4 .example-btn:where(.svelte-13aw0i4){padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.examples-section.svelte-13aw0i4 .example-btn.selected:where(.svelte-13aw0i4){outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--surface-hover)}.examples-section.svelte-13aw0i4 .example-btn:where(.svelte-13aw0i4):hover{background-color:var(--surface-hover);border-color:var(--color-primary);transform:translateY(-1px)}.results-section.svelte-13aw0i4{border-top:2px solid var(--border-secondary);padding-top:var(--spacing-lg)}.summary-header.svelte-13aw0i4{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.summary-header.svelte-13aw0i4 h3:where(.svelte-13aw0i4){color:var(--color-primary);margin:0}.summary-header.svelte-13aw0i4 .export-buttons:where(.svelte-13aw0i4){display:flex;gap:var(--spacing-sm)}.stats-grid.svelte-13aw0i4{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card.svelte-13aw0i4{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);border-left:4px solid var(--color-primary);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label.svelte-13aw0i4{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value.svelte-13aw0i4{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs);word-break:break-all}.stat-detail.svelte-13aw0i4{font-size:var(--font-size-xs);color:var(--text-secondary)}.visualization-section.svelte-13aw0i4{margin-bottom:var(--spacing-lg)}.visualization-section.svelte-13aw0i4 .viz-header:where(.svelte-13aw0i4){display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.visualization-section.svelte-13aw0i4 .viz-header:where(.svelte-13aw0i4) h4:where(.svelte-13aw0i4){margin:0}.visualization-stack.svelte-13aw0i4{display:flex;flex-direction:column;gap:var(--spacing-xs);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-md);border:2px solid var(--border-primary);margin-bottom:var(--spacing-md)}.viz-bar.svelte-13aw0i4{display:flex;align-items:center;gap:var(--spacing-md)}.viz-bar.svelte-13aw0i4 .bar-label:where(.svelte-13aw0i4){font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);width:80px;text-align:right}.viz-bar.svelte-13aw0i4 .bar-segments:where(.svelte-13aw0i4){flex:1;position:relative;height:20px;background-color:var(--bg-primary);border-radius:var(--radius-xs);border:1px solid var(--border-primary)}.viz-segment.svelte-13aw0i4{position:absolute;height:100%;cursor:pointer;transition:all var(--transition-fast)}.viz-segment.pool-segment.svelte-13aw0i4{background-color:var(--color-info);opacity:.6}.viz-segment.allocation-segment.svelte-13aw0i4{background-color:var(--color-error);opacity:.8;top:10%;height:80%}.viz-segment.free-segment.svelte-13aw0i4{background-color:var(--color-success);opacity:.7}.viz-segment.candidate-segment.svelte-13aw0i4{background-color:var(--color-warning);opacity:.9;border:1px solid var(--bg-primary)}.viz-segment.candidate-segment.primary.svelte-13aw0i4{background-color:var(--color-primary);opacity:1}.viz-segment.svelte-13aw0i4:hover{filter:brightness(1.1);z-index:10}.viz-legend.svelte-13aw0i4{display:flex;justify-content:center;gap:var(--spacing-lg)}.viz-legend.svelte-13aw0i4 .legend-item:where(.svelte-13aw0i4){display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.viz-legend.svelte-13aw0i4 .legend-item:where(.svelte-13aw0i4) .legend-color:where(.svelte-13aw0i4){width:16px;height:16px;border-radius:var(--radius-xs)}.viz-legend.svelte-13aw0i4 .legend-item:where(.svelte-13aw0i4) .legend-color.pool-color:where(.svelte-13aw0i4){background-color:var(--color-info);opacity:.6}.viz-legend.svelte-13aw0i4 .legend-item:where(.svelte-13aw0i4) .legend-color.allocation-color:where(.svelte-13aw0i4){background-color:var(--color-error);opacity:.8}.viz-legend.svelte-13aw0i4 .legend-item:where(.svelte-13aw0i4) .legend-color.free-color:where(.svelte-13aw0i4){background-color:var(--color-success);opacity:.7}.viz-legend.svelte-13aw0i4 .legend-item:where(.svelte-13aw0i4) .legend-color.candidate-color:where(.svelte-13aw0i4){background-color:var(--color-primary)}.candidates-section.svelte-13aw0i4{margin-bottom:var(--spacing-lg)}.candidates-grid.svelte-13aw0i4{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-md)}.candidate-card.svelte-13aw0i4{border-radius:var(--radius-md);border:1px solid var(--border-primary);padding:var(--spacing-md)}.candidate-card.primary.svelte-13aw0i4{border-color:var(--color-primary);border-width:2px}.candidate-card.primary.svelte-13aw0i4 .candidate-rank:where(.svelte-13aw0i4){background-color:var(--color-primary);color:var(--bg-primary)}.candidate-card.svelte-13aw0i4 .candidate-header:where(.svelte-13aw0i4){display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.candidate-card.svelte-13aw0i4 .candidate-header:where(.svelte-13aw0i4) .candidate-rank:where(.svelte-13aw0i4){background-color:var(--bg-tertiary);color:var(--text-secondary);padding:2px var(--spacing-xs);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:600;min-width:28px;text-align:center}.candidate-card.svelte-13aw0i4 .candidate-header:where(.svelte-13aw0i4) .candidate-cidr:where(.svelte-13aw0i4){font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--color-primary);font-weight:600;flex:1}.candidate-card.svelte-13aw0i4 .candidate-details:where(.svelte-13aw0i4){font-size:var(--font-size-sm)}.candidate-card.svelte-13aw0i4 .candidate-details:where(.svelte-13aw0i4) .detail-row:where(.svelte-13aw0i4){display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.candidate-card.svelte-13aw0i4 .candidate-details:where(.svelte-13aw0i4) .detail-row:where(.svelte-13aw0i4) .detail-label:where(.svelte-13aw0i4){font-weight:600;color:var(--text-secondary);min-width:50px}.candidate-card.svelte-13aw0i4 .candidate-details:where(.svelte-13aw0i4) .detail-row:where(.svelte-13aw0i4) .detail-value:where(.svelte-13aw0i4){font-family:var(--font-mono);color:var(--text-primary);text-align:right}.candidate-card.svelte-13aw0i4 .candidate-details:where(.svelte-13aw0i4) .detail-row:where(.svelte-13aw0i4) .detail-value.pool-name:where(.svelte-13aw0i4){font-family:var(--font-mono);font-size:var(--font-size-xs)}.free-space-section.svelte-13aw0i4{margin-bottom:var(--spacing-lg)}.free-blocks-grid.svelte-13aw0i4{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.free-block-card.svelte-13aw0i4{padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-secondary)}.free-block-card.svelte-13aw0i4 .block-cidr:where(.svelte-13aw0i4){font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-success);font-weight:600}.free-block-card.svelte-13aw0i4 .block-info:where(.svelte-13aw0i4){display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.free-block-card.svelte-13aw0i4 .block-info:where(.svelte-13aw0i4) .block-size:where(.svelte-13aw0i4){font-family:var(--font-mono)}.free-block-card.svelte-13aw0i4 .block-info:where(.svelte-13aw0i4) .block-pool:where(.svelte-13aw0i4){text-align:right}.more-blocks.svelte-13aw0i4{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.more-blocks.svelte-13aw0i4 .icon{color:var(--color-info)}.btn.copied.svelte-13aw0i4{color:var(--color-success);background-color:#2386361a;border-color:var(--color-success)}@media(max-width:768px){.input-grid.svelte-13aw0i4,.params-grid.svelte-13aw0i4{grid-template-columns:1fr}.stats-grid.svelte-13aw0i4{grid-template-columns:repeat(2,1fr)}.examples-grid.svelte-13aw0i4{grid-template-columns:1fr}.summary-header.svelte-13aw0i4,.viz-header.svelte-13aw0i4{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.candidates-grid.svelte-13aw0i4,.free-blocks-grid.svelte-13aw0i4{grid-template-columns:1fr}.viz-bar.svelte-13aw0i4{flex-direction:column;gap:var(--spacing-xs)}.viz-bar.svelte-13aw0i4 .bar-label:where(.svelte-13aw0i4){width:auto;text-align:left}.viz-legend.svelte-13aw0i4{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.mask-converter-wrapper.svelte-joouf .card-header:where(.svelte-joouf){display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.mask-converter-wrapper.svelte-joouf .card-header:where(.svelte-joouf) .left:where(.svelte-joouf){flex:1;min-width:200px}.mask-converter-wrapper.svelte-joouf .card-header:where(.svelte-joouf) .right:where(.svelte-joouf){min-width:100px;text-align:right}.mask-converter-wrapper.svelte-joouf .switch-button:where(.svelte-joouf){display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.mask-converter-wrapper.svelte-joouf .switch-button:where(.svelte-joouf):hover{background-color:var(--surface-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mask-converter-wrapper.svelte-joouf .info-panel:where(.svelte-joouf){margin-top:var(--spacing-xl)}.mask-converter-wrapper.svelte-joouf .info-panel:where(.svelte-joouf) .info-metric:where(.svelte-joouf){text-align:center}.mask-converter-wrapper.svelte-joouf .info-panel:where(.svelte-joouf) .info-metric:where(.svelte-joouf) .info-label:where(.svelte-joouf){display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf){margin-top:var(--spacing-lg)}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .subnets-grid:where(.svelte-joouf){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .subnet-card:where(.svelte-joouf){padding:var(--spacing-sm);text-align:left;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background-color:var(--bg-secondary);transition:all var(--transition-fast);cursor:pointer;width:100%}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .subnet-card:where(.svelte-joouf):hover{background-color:var(--surface-hover);border-color:var(--color-primary)}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .subnet-card.active:where(.svelte-joouf){background-color:var(--surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .subnet-info:where(.svelte-joouf){display:flex;justify-content:space-between;align-items:flex-start}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .subnet-cidr:where(.svelte-joouf){display:flex;flex-direction:column;gap:var(--spacing-xs)}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .cidr-notation:where(.svelte-joouf){font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary)}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .subnet-mask:where(.svelte-joouf){font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .host-count:where(.svelte-joouf){font-size:var(--font-size-xs);color:var(--text-secondary);text-align:right}@media(max-width:768px){.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .subnet-info:where(.svelte-joouf){flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.mask-converter-wrapper.svelte-joouf .common-subnets-section:where(.svelte-joouf) .host-count:where(.svelte-joouf){text-align:left}}.tui-topbar.svelte-4z4x73{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 var(--spacing-sm);border-bottom:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs)}.topbar-left.svelte-4z4x73,.topbar-right.svelte-4z4x73{display:flex;align-items:center;gap:var(--spacing-xs)}.topbar-logo.svelte-4z4x73{display:flex;align-items:center;gap:var(--spacing-xs);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:var(--font-size-sm)}.topbar-search-btn.svelte-4z4x73{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-2xs) var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-tertiary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);min-width:200px}.topbar-search-btn.svelte-4z4x73 kbd:where(.svelte-4z4x73){margin-left:auto;padding:1px 4px;border:1px solid var(--border-primary);border-radius:var(--radius-xs);font-size:.7em}.topbar-btn.svelte-4z4x73{display:flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.topbar-btn.svelte-4z4x73:hover{background:var(--surface-hover);color:var(--text-primary)}.mobile-only.svelte-4z4x73,.mobile-search-btn.svelte-4z4x73,.mobile-results-btn.svelte-4z4x73{display:none}.mobile-search-btn.svelte-4z4x73{display:none}.desktop-only.svelte-4z4x73{display:flex}@media(max-width:768px){.mobile-only.svelte-4z4x73,.mobile-search-btn.svelte-4z4x73{display:flex}.desktop-only.svelte-4z4x73,.topbar-center.svelte-4z4x73{display:none}.topbar-logo.svelte-4z4x73 span:where(.svelte-4z4x73){display:none}}.theme-dropdown.svelte-4z4x73{position:relative}.theme-btn.svelte-4z4x73 .chevron:where(.svelte-4z4x73){transition:transform var(--transition-fast)}.theme-dot.svelte-4z4x73{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.theme-menu.svelte-4z4x73{position:absolute;top:100%;right:0;margin-top:var(--spacing-2xs);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;max-height:300px;overflow-y:auto;z-index:200;padding:var(--spacing-2xs)}.theme-menu-item.svelte-4z4x73{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.theme-menu-item.svelte-4z4x73:hover{background:var(--surface-hover);color:var(--text-primary)}.theme-menu-item.active.svelte-4z4x73{color:var(--color-primary);background:var(--surface-active)}.theme-menu-item.svelte-4z4x73 svg:where(.svelte-4z4x73){margin-left:auto;flex-shrink:0}.topbar-clock.svelte-4z4x73{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--spacing-2xs) var(--spacing-xs)}.topbar-clock.svelte-4z4x73 .clock-label:where(.svelte-4z4x73){color:var(--text-tertiary);font-size:.7em;letter-spacing:.08em}.topbar-clock.svelte-4z4x73 .clock-time:where(.svelte-4z4x73){color:var(--text-secondary);letter-spacing:.05em}.topbar-status.svelte-4z4x73{display:flex;align-items:center;gap:4px;padding:var(--spacing-2xs) var(--spacing-xs);font-family:var(--font-mono);font-size:.7em;letter-spacing:.08em;color:var(--color-success)}.topbar-status.svelte-4z4x73 .status-dot:where(.svelte-4z4x73){width:6px;height:6px;border-radius:50%;flex-shrink:0}.topbar-status.svelte-4z4x73 .status-dot.online:where(.svelte-4z4x73){background:var(--color-success);box-shadow:0 0 4px var(--color-success);animation:svelte-4z4x73-pulse-dot 2.5s ease-in-out infinite}.topbar-status.svelte-4z4x73 .status-label:where(.svelte-4z4x73){font-weight:700}@keyframes svelte-4z4x73-pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.theme-backdrop.svelte-4z4x73{position:fixed;inset:0;z-index:150}@media(max-width:768px){.mobile-only.svelte-4z4x73,.mobile-search-btn.svelte-4z4x73,.mobile-results-btn.svelte-4z4x73{display:flex}.desktop-only.svelte-4z4x73,.topbar-center.svelte-4z4x73{display:none}.topbar-logo.svelte-4z4x73 span:where(.svelte-4z4x73){display:none}}.tui-statusbar.svelte-1f1tksa{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 var(--spacing-sm);background:var(--color-primary);color:var(--bg-primary);font-family:var(--font-mono);font-size:var(--font-size-2xs);flex-shrink:0}.statusbar-left.svelte-1f1tksa,.statusbar-right.svelte-1f1tksa{display:flex;align-items:center;gap:var(--spacing-md)}.status-label.svelte-1f1tksa{font-weight:700}@media(max-width:768px){.statusbar-right.svelte-1f1tksa{display:none}}.tui-tool-tree.svelte-1dvpal1{padding:var(--spacing-xs) 0;font-family:var(--font-mono);font-size:var(--font-size-xs);height:100%;overflow-y:auto}.tree-group.svelte-1dvpal1{margin-bottom:var(--spacing-xs)}.tree-group-header.svelte-1dvpal1{display:flex;align-items:center;gap:var(--spacing-2xs);width:100%;padding:var(--spacing-2xs) var(--spacing-sm);border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left;transition:background var(--transition-fast)}.tree-group-header.svelte-1dvpal1:hover{background:var(--surface-hover)}.tree-group-header.expanded.svelte-1dvpal1 .tree-chevron:where(.svelte-1dvpal1){transform:rotate(90deg)}.tree-chevron.svelte-1dvpal1{transition:transform var(--transition-fast);flex-shrink:0}.tree-group-label.svelte-1dvpal1{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-group-count.svelte-1dvpal1{color:var(--text-tertiary);font-size:var(--font-size-2xs)}.tree-items.svelte-1dvpal1{padding-left:var(--spacing-sm)}.tree-item.svelte-1dvpal1{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-2xs) var(--spacing-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:left;transition:all var(--transition-fast)}.tree-item.svelte-1dvpal1:hover{background:var(--surface-hover);color:var(--text-primary)}.tree-item.active.svelte-1dvpal1{background:var(--surface-active);color:var(--color-primary);font-weight:600}.tree-item-label.svelte-1dvpal1{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tui-tool-viewport.svelte-1y4qwt7{height:100%;overflow-y:auto}.viewport-loading.svelte-1y4qwt7{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.loading-spinner.svelte-1y4qwt7{width:32px;height:32px;border:2px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-1y4qwt7-spin .8s linear infinite}@keyframes svelte-1y4qwt7-spin{to{transform:rotate(360deg)}}.viewport-empty.svelte-1y4qwt7{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-family:var(--font-mono);text-align:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.viewport-empty.svelte-1y4qwt7 svg:where(.svelte-1y4qwt7){opacity:.2}.viewport-empty.svelte-1y4qwt7 h3:where(.svelte-1y4qwt7){color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.viewport-empty.svelte-1y4qwt7 p:where(.svelte-1y4qwt7){margin:0;font-size:var(--font-size-sm)}.viewport-empty.svelte-1y4qwt7 kbd:where(.svelte-1y4qwt7){padding:2px 6px;border:1px solid var(--border-primary);border-radius:var(--radius-xs);font-size:.85em;background:var(--bg-secondary)}.quick-tools.svelte-1y4qwt7{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-md)}.quick-tool-btn.svelte-1y4qwt7{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.quick-tool-btn.svelte-1y4qwt7:hover{border-color:var(--color-primary);background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-tool-icon.svelte-1y4qwt7{font-size:var(--font-size-md)}.converter-section{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}@media(max-width:768px){.converter-section{flex-direction:column;gap:var(--spacing-md)}}.input-group,.output-group{flex:1}@media(max-width:768px){.input-group,.output-group{width:100%;max-width:none}}.conversion-arrow{color:var(--color-primary);flex-shrink:0}@media(max-width:768px){.conversion-arrow{transform:rotate(90deg)}}.input-prefix{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-family:var(--font-mono);font-weight:600;pointer-events:none}.input-number{padding-left:2rem!important;font-family:var(--font-mono);font-size:var(--font-size-lg);text-align:center}.input-mask{font-family:var(--font-mono);font-size:var(--font-size-lg);padding-right:2.5rem}.input-mask.valid{border-color:var(--color-success)}.input-mask.invalid{border-color:var(--color-error)}.input-result{font-family:var(--font-mono);font-size:var(--font-size-lg);background-color:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--color-success);font-weight:600;text-align:center}.input-result[type=text]{padding-right:4rem}.presets-section{margin:var(--spacing-lg) 0}.presets-section h3{margin-bottom:var(--spacing-sm)}.presets-section .presets-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.reference-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.card-header-inline{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}@media(max-width:768px){.card-header-inline{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.class-info{display:flex;align-items:center;gap:var(--spacing-sm)}.class-badge{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--bg-primary)}.class-badge.a{background-color:var(--color-info)}.class-badge.b{background-color:var(--color-success)}.class-badge.c{background-color:var(--color-warning)}.class-details h3{font-weight:600;color:var(--text-primary);margin:0}.mask-info{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-mono)}.range-badge{font-size:var(--font-size-xs);color:var(--text-secondary);background-color:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.range-info h3{font-family:var(--font-mono);font-weight:600;color:var(--text-primary);margin:0}.range-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.rfc-badge{font-size:var(--font-size-xs);color:var(--color-info-light);background-color:#0969da1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.private-notice{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:#2386361a;border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-success-light)}.tips-section{margin-top:var(--spacing-xl);padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.tips-section .tips-header{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.tips-section .tips-content p{color:var(--text-primary);margin:0}.tips-section .tips-list{list-style:none;font-size:var(--font-size-sm);color:var(--text-primary);display:flex;flex-direction:column}.class-description{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.usage-info{font-size:var(--font-size-xs);color:var(--text-secondary)}.tui-results-panel.svelte-1u7yo9v{display:flex;flex-direction:column;height:100%;font-family:var(--font-mono);font-size:var(--font-size-xs)}.results-tabs.svelte-1u7yo9v{display:flex;border-bottom:1px solid var(--border-primary);flex-shrink:0}.results-tab.svelte-1u7yo9v{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);border-bottom:2px solid transparent;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2xs)}.results-tab.svelte-1u7yo9v:hover{color:var(--text-primary);background:var(--surface-hover)}.results-tab.active.svelte-1u7yo9v{color:var(--color-primary);border-bottom-color:var(--color-primary)}.results-badge.svelte-1u7yo9v{background:var(--color-primary);color:var(--bg-primary);font-size:.65em;padding:1px 5px;border-radius:var(--radius-xs);font-weight:700}.results-content.svelte-1u7yo9v{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.tab-pane.svelte-1u7yo9v h3:where(.svelte-1u7yo9v){margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-primary)}.tab-pane.svelte-1u7yo9v h4:where(.svelte-1u7yo9v){margin:var(--spacing-sm) 0 var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase}.tab-placeholder.svelte-1u7yo9v{color:var(--text-tertiary);font-style:italic}.results-empty.svelte-1u7yo9v{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-sm);color:var(--text-tertiary);text-align:center}.results-empty.svelte-1u7yo9v svg:where(.svelte-1u7yo9v){opacity:.3}.results-empty.svelte-1u7yo9v strong:where(.svelte-1u7yo9v){color:var(--color-primary)}.result-item.svelte-1u7yo9v{margin-bottom:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);overflow:hidden}.result-header.svelte-1u7yo9v{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.result-header.svelte-1u7yo9v h4:where(.svelte-1u7yo9v){margin:0;text-transform:none;color:var(--text-primary);font-size:var(--font-size-xs)}.result-time.svelte-1u7yo9v{font-size:var(--font-size-2xs);color:var(--text-tertiary)}.result-body.svelte-1u7yo9v{padding:var(--spacing-xs)}.clear-results-btn.svelte-1u7yo9v{width:100%;padding:var(--spacing-xs);border:1px solid var(--border-primary);background:transparent;color:var(--text-tertiary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-2xs);border-radius:var(--radius-sm);margin-top:var(--spacing-xs)}.clear-results-btn.svelte-1u7yo9v:hover{background:var(--surface-hover);color:var(--text-primary)}.ref-table.svelte-1u7yo9v{width:100%;border-collapse:collapse;font-size:var(--font-size-2xs)}.ref-table.svelte-1u7yo9v th:where(.svelte-1u7yo9v),.ref-table.svelte-1u7yo9v td:where(.svelte-1u7yo9v){padding:var(--spacing-2xs) var(--spacing-xs);text-align:left;border-bottom:1px solid var(--border-primary)}.ref-table.svelte-1u7yo9v th:where(.svelte-1u7yo9v){color:var(--text-secondary);font-weight:600}kbd.svelte-1u7yo9v{padding:1px 4px;border:1px solid var(--border-primary);border-radius:var(--radius-xs);font-size:.9em}.tui-search-overlay.svelte-w4m51e{position:fixed;inset:0;z-index:1000;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.tui-search-palette.svelte-w4m51e{width:560px;max-width:90vw;max-height:60vh;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-family:var(--font-mono)}.search-input-wrap.svelte-w4m51e{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);color:var(--text-tertiary)}.search-input.svelte-w4m51e{flex:1;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);outline:none}.search-results.svelte-w4m51e{overflow-y:auto;max-height:40vh}.search-result-item.svelte-w4m51e{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;font-family:var(--font-mono)}.search-result-item.selected.svelte-w4m51e{background:var(--surface-hover)}.search-result-info.svelte-w4m51e{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.search-result-label.svelte-w4m51e{font-size:var(--font-size-sm)}.search-result-group.svelte-w4m51e{font-size:var(--font-size-2xs);color:var(--text-tertiary)}.search-score.svelte-w4m51e{font-size:var(--font-size-2xs);color:var(--text-tertiary);opacity:.5}.search-empty.svelte-w4m51e{padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary)}.search-footer.svelte-w4m51e{display:flex;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border-top:1px solid var(--border-primary);font-size:var(--font-size-2xs);color:var(--text-tertiary)}.search-footer.svelte-w4m51e kbd:where(.svelte-w4m51e){padding:1px 4px;border:1px solid var(--border-primary);border-radius:var(--radius-xs)}.tui-layout.svelte-h13ma5{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body)}.tui-panels.svelte-h13ma5{display:flex;flex:1;overflow:hidden;min-height:0}.tui-panel.svelte-h13ma5{overflow:auto;transition:width .15s ease}.tui-panel-left.svelte-h13ma5{border-right:1px solid var(--border-primary);flex-shrink:0;background:var(--bg-secondary)}.tui-panel-center.svelte-h13ma5{flex:1;min-width:0;padding:var(--spacing-md);overflow-y:auto}.tui-panel-right.svelte-h13ma5{border-left:1px solid var(--border-primary);flex-shrink:0;background:var(--bg-secondary)}@media(max-width:768px){.tui-panel-left.svelte-h13ma5,.tui-panel-right.svelte-h13ma5{display:none}.tui-panel-center.svelte-h13ma5{padding:var(--spacing-sm)}.mobile-backdrop.svelte-h13ma5{display:block;position:fixed;inset:0;background:#00000080;z-index:99}.mobile-panel.svelte-h13ma5{display:block;position:fixed;z-index:100;background:var(--bg-secondary);box-shadow:var(--shadow-lg);overflow-y:auto}.mobile-left-panel.svelte-h13ma5{top:40px;bottom:24px;left:0;width:280px;max-width:85vw;animation:svelte-h13ma5-slide-in-left .2s ease-out}.mobile-right-panel.svelte-h13ma5{top:40px;bottom:24px;right:0;width:320px;max-width:90vw;animation:svelte-h13ma5-slide-in-right .2s ease-out}.mobile-close-btn.svelte-h13ma5{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-xs);border:none;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer}.mobile-close-btn.svelte-h13ma5:hover{color:var(--text-primary);background:var(--surface-hover)}}@keyframes svelte-h13ma5-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes svelte-h13ma5-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}