:root{--primary-color: #3b82f6;--secondary-color: #1e40af;--background-color: #f8fafc;--text-color: #1e293b;--border-color: #e2e8f0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.main-content-layout{display:flex;max-width:1400px;margin:0 auto;padding:0 2rem;align-items:flex-start}.content-area{flex:1;min-width:0;max-width:100%;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color)}.card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;margin:0}.primary-section{background:#fff;padding:2rem 0;border-radius:.75rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.intro-text{font-size:1.1rem;line-height:1.6;color:#4b5563;margin-bottom:1.5rem;text-align:center;max-width:1000px;margin-left:auto;margin-right:auto}.calculator-intro,.examples-intro,.visualizer-intro,.manager-intro,.section-intro{margin-bottom:1.5rem}.calculator-section,.visualizer-section,.manager-section,.tools-section,.tutorial-section,.about-section{padding:0;background:#fff;border-radius:.75rem;margin:0 0 2rem;box-shadow:0 4px 6px -1px #0000001a}.calculator-content,.visualizer-content,.manager-content,.tools-content,.examples-content,.tutorial-content,.about-content{padding:2rem 1rem;max-width:1200px;margin:0 auto}.examples-section{padding:0;background:#fff;border-radius:.75rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}@media (max-width: 768px){.main-content-layout{padding:0 .5rem}.content-area{width:100%;max-width:100%}.hero-content,.header-controls{padding:0 .5rem}}@media (max-width: 480px){.content-area{width:100%;max-width:100%;padding:0 .25rem}.container{padding:0 .5rem}}.logo-link{text-decoration:none;color:inherit;transition:color .2s ease}.logo-link:hover{color:var(--primary-color)}.mobile-logo-link{text-decoration:none;color:inherit;transition:color .2s ease}.mobile-logo-link:hover{color:var(--primary-color)}.floating-share{z-index:1000}.back-to-top-btn{z-index:999}.main-navigation{background:#fff;padding:1rem 0;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100;border-bottom:1px solid #e5e7eb}.nav-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:0 1rem}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.75rem;background:#f8fafc;border:2px solid transparent;color:#64748b!important;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none}.nav-tab:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569!important;transform:translateY(-1px)}.nav-tab.active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px #3b82f64d!important}.nav-tab.active .tab-label,.nav-tab.active .tab-icon,.nav-tab.active *,.nav-tab.active,.nav-tab.active span,button.nav-tab.active,button.nav-tab.active span,button.nav-tab.active .tab-label,button.nav-tab.active .tab-icon,.nav-tabs .nav-tab.active,.nav-tabs .nav-tab.active *{color:#fff!important}.nav-tab.active,button.nav-tab.active,.nav-tabs .nav-tab.active{background:var(--primary-color)!important}.nav-tab.active{background:#3b82f6!important;color:#fff!important}.tab-icon{font-size:1.1rem}.tab-label{font-size:.9rem}.tab-content{padding:0;background:#fff;min-height:600px;display:block!important}.tab-header{text-align:center;margin-bottom:2rem;padding:0 1rem}.tab-description{font-size:1.1rem;color:#6b7280;margin-top:.5rem;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}.feature-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem;padding:0}.highlight-item{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0;text-align:center;transition:all .2s ease}.highlight-item:hover{background:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.highlight-item h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem}.highlight-item p{font-size:.9rem;color:#6b7280;line-height:1.5}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;padding:0}.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tool-header{background:var(--primary-color);color:#fff;padding:1rem 1.25rem;text-align:center}.tool-header h3{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.tool-header p{font-size:.8rem;color:#ffffffe6;margin-bottom:0;line-height:1.3}.tool-content{padding:1rem;flex-grow:1}.tutorial-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.tutorial-section:last-child{border-bottom:none;padding-bottom:0}.tutorial-section h3{font-size:1.75rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;border-bottom:3px solid var(--primary-color);padding-bottom:.75rem}.tutorial-section p{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:1.5rem}.tutorial-example{background:#f0fdf4;border:1px solid #d1fae5;border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.tutorial-example h4{font-size:1.25rem;font-weight:600;color:#166534;margin-bottom:1rem}.tutorial-example ul{list-style:none;padding:0;margin:0;font-size:.95rem;color:#374151}.tutorial-example ul li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}.tutorial-example ul li strong{font-weight:600;color:#166534}.tutorial-example ul li:before{content:"→";color:var(--primary-color);position:absolute;left:0;font-weight:700}.tutorial-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease}.step:hover{background:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.step h4{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem}.step p{font-size:.9rem;color:#6b7280;line-height:1.6}.tutorial-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.tip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.tip h4{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-align:center}.tip ul{list-style:none;padding:0;margin:0;font-size:.9rem;color:#6b7280}.tip ul li{margin-bottom:.5rem;padding-left:1.25rem;position:relative}.tip ul li:before{content:"✓";color:#10b981;position:absolute;left:0;font-weight:700}.about-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.about-section:first-child{margin-top:0;padding-top:0;border-top:none}.about-section h3{font-size:1.75rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;border-bottom:3px solid var(--primary-color);padding-bottom:.75rem}.about-section p{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease}.feature-item:hover{background:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.feature-item h4{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem}.feature-item p{font-size:.9rem;color:#6b7280;line-height:1.5}.rfc-links,.resource-links,.tool-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.rfc-links a,.resource-links a,.tool-links a{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1.25rem;font-size:.9rem;color:var(--primary-color);text-decoration:none;transition:all .2s ease;font-weight:500}.rfc-links a:hover,.resource-links a:hover,.tool-links a:hover{background:#f0fdf4;border-color:#d1fae5;color:#16a34a;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.hero-description{font-size:1.1rem;color:#ffffffe6;margin-bottom:2rem;line-height:1.6;max-width:1000px;margin-left:auto;margin-right:auto}.section-title{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;text-align:center}.examples-section{padding:0;background:#fff;border-radius:.75rem;margin:0 0 2rem;box-shadow:0 4px 6px -1px #0000001a}.examples-section h3{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-align:center}.examples-section p{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;text-align:center}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:0}.example-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:0;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.example-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.example-name{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem}.example-cidr{font-family:Courier New,monospace;font-size:.8rem;color:var(--primary-color);background:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem}@media (max-width: 768px){.main-navigation{display:none}.nav-tabs{flex-direction:column;gap:.5rem;padding:0 .5rem}.nav-tab{width:100%;justify-content:center;padding:.75rem 1rem}.tab-content{padding:0;min-height:400px}.tab-header{margin-bottom:1.5rem;padding:0 .5rem}.tab-description{font-size:1rem;padding:0 .5rem}.feature-highlights,.tools-grid,.tutorial-steps,.tutorial-tips,.features-grid{grid-template-columns:1fr;gap:.75rem;padding:0 .5rem}.highlight-item,.tool-card,.step,.tip,.feature-item{margin-bottom:0}.tutorial-content,.about-content{padding:0 .5rem 1.5rem}.tutorial-section{margin-bottom:2rem;padding-bottom:1.5rem}.tutorial-section h3{font-size:1.5rem;margin-bottom:1rem}.about-section{margin-top:2rem;padding-top:1.5rem}.about-section h3{font-size:1.5rem;margin-bottom:1rem}.rfc-links,.resource-links,.tool-links{flex-direction:column;align-items:stretch}.rfc-links a,.resource-links a,.tool-links a{text-align:center;padding:1rem}}@media (max-width: 480px){.nav-tab{font-size:.85rem;padding:.5rem .75rem}.tab-icon{font-size:1rem}.tab-label{font-size:.85rem}.tab-content{padding:0}.tool-header,.tool-content{padding:.75rem}.tutorial-example,.step,.tip{padding:1rem}}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container,.link-container:link{width:100%}@media (min-width: 640px){.container,.link-container:link{max-width:640px}}@media (min-width: 768px){.container,.link-container:link{max-width:768px}}@media (min-width: 1024px){.container,.link-container:link{max-width:1024px}}@media (min-width: 1280px){.container,.link-container:link{max-width:1280px}}@media (min-width: 1536px){.container,.link-container:link{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.grid{display:grid}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.ms{margin-inline-start:1rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.h5{height:1.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.border-blue-300{--un-border-opacity:1;border-color:rgb(147 197 253 / var(--un-border-opacity))}.border-gray-300{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity))}.border-red-300{--un-border-opacity:1;border-color:rgb(252 165 165 / var(--un-border-opacity))}.border-yellow-300{--un-border-opacity:1;border-color:rgb(253 224 71 / var(--un-border-opacity))}.bg-blue-100{--un-bg-opacity:1;background-color:rgb(219 234 254 / var(--un-bg-opacity))}.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.bg-green-200{--un-bg-opacity:1;background-color:rgb(187 247 208 / var(--un-bg-opacity))}.bg-green-400{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity))}.bg-green-600{--un-bg-opacity:1;background-color:rgb(22 163 74 / var(--un-bg-opacity))}.bg-green-800{--un-bg-opacity:1;background-color:rgb(22 101 52 / var(--un-bg-opacity))}.bg-orange-200{--un-bg-opacity:1;background-color:rgb(254 215 170 / var(--un-bg-opacity))}.bg-orange-400{--un-bg-opacity:1;background-color:rgb(251 146 60 / var(--un-bg-opacity))}.bg-orange-600{--un-bg-opacity:1;background-color:rgb(234 88 12 / var(--un-bg-opacity))}.bg-orange-800{--un-bg-opacity:1;background-color:rgb(154 52 18 / var(--un-bg-opacity))}.bg-purple-200{--un-bg-opacity:1;background-color:rgb(233 213 255 / var(--un-bg-opacity))}.bg-purple-400{--un-bg-opacity:1;background-color:rgb(192 132 252 / var(--un-bg-opacity))}.bg-purple-600{--un-bg-opacity:1;background-color:rgb(147 51 234 / var(--un-bg-opacity))}.bg-purple-800{--un-bg-opacity:1;background-color:rgb(107 33 168 / var(--un-bg-opacity))}.bg-red-100{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity))}.bg-red-200{--un-bg-opacity:1;background-color:rgb(254 202 202 / var(--un-bg-opacity))}.bg-red-400{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity))}.bg-red-600{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity))}.bg-red-800{--un-bg-opacity:1;background-color:rgb(153 27 27 / var(--un-bg-opacity))}.bg-yellow-100{--un-bg-opacity:1;background-color:rgb(254 249 195 / var(--un-bg-opacity))}.bg-yellow-200{--un-bg-opacity:1;background-color:rgb(254 240 138 / var(--un-bg-opacity))}.bg-yellow-400{--un-bg-opacity:1;background-color:rgb(250 204 21 / var(--un-bg-opacity))}.bg-yellow-600{--un-bg-opacity:1;background-color:rgb(202 138 4 / var(--un-bg-opacity))}.bg-yellow-800{--un-bg-opacity:1;background-color:rgb(133 77 14 / var(--un-bg-opacity))}.text-blue-600{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity))}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.text-yellow-600{--un-text-opacity:1;color:rgb(202 138 4 / var(--un-text-opacity))}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.outline{outline-style:solid}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.subnet-calculator.svelte-1d0ph6u.svelte-1d0ph6u{width:100%;margin:.75rem 0}.calculator-grid.svelte-1d0ph6u.svelte-1d0ph6u{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.calculator-column.svelte-1d0ph6u.svelte-1d0ph6u{background:#fff;border-radius:.25rem;padding:.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border-color)}.calculator-header.svelte-1d0ph6u.svelte-1d0ph6u{margin-bottom:.75rem;text-align:center}.calculator-title.svelte-1d0ph6u.svelte-1d0ph6u{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-color);line-height:1.1}.calculator-description.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.65rem;color:#6b7280;line-height:1.2}.input-section.svelte-1d0ph6u.svelte-1d0ph6u{margin-bottom:.75rem}.input-group.svelte-1d0ph6u.svelte-1d0ph6u{margin-bottom:.5rem}.input-label.svelte-1d0ph6u.svelte-1d0ph6u{display:block;font-size:.8rem;font-weight:500;margin-bottom:.375rem;color:var(--text-color);line-height:1.1}.input-field.svelte-1d0ph6u.svelte-1d0ph6u{width:100%;padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:.7rem;transition:all .2s ease;box-sizing:border-box;line-height:1.1}.input-field.svelte-1d0ph6u.svelte-1d0ph6u:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.input-field.svelte-1d0ph6u.svelte-1d0ph6u:hover{cursor:ns-resize}.input-field.class-a.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#22c55e;color:#166534}.input-field.class-a.svelte-1d0ph6u.svelte-1d0ph6u:focus{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e1a}.input-field.class-b.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#f97316;color:#9a3412}.input-field.class-b.svelte-1d0ph6u.svelte-1d0ph6u:focus{border-color:#ea580c;box-shadow:0 0 0 3px #f973161a}.input-field.class-c.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#a855f7;color:#6b21a8}.input-field.class-c.svelte-1d0ph6u.svelte-1d0ph6u:focus{border-color:#9333ea;box-shadow:0 0 0 3px #a855f71a}.input-field.class-d.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#eab308;color:#92400e}.input-field.class-d.svelte-1d0ph6u.svelte-1d0ph6u:focus{border-color:#ca8a04;box-shadow:0 0 0 3px #eab3081a}.input-field.class-e.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#ef4444;color:#991b1b}.input-field.class-e.svelte-1d0ph6u.svelte-1d0ph6u:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441a}.results-section.svelte-1d0ph6u.svelte-1d0ph6u{margin-top:1.5rem}.error-message.svelte-1d0ph6u.svelte-1d0ph6u{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;font-size:.875rem;text-align:center}.results-header.svelte-1d0ph6u.svelte-1d0ph6u{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid var(--border-color)}.results-header.svelte-1d0ph6u h4.svelte-1d0ph6u{font-size:.8rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.1}.results-count.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.6rem;color:#6b7280;background:#f3f4f6;padding:.125rem .25rem;border-radius:.125rem}.subnet-list.svelte-1d0ph6u.svelte-1d0ph6u{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.subnet-item.svelte-1d0ph6u.svelte-1d0ph6u{background:#f9fafb;border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem 1.5rem;margin-bottom:0;transition:all .2s ease}.subnet-item.svelte-1d0ph6u.svelte-1d0ph6u:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.subnet-item.class-a.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#22c55e;background:#f0fdf4}.subnet-item.class-a.svelte-1d0ph6u.svelte-1d0ph6u:hover{background:#dcfce7}.subnet-item.class-b.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#f97316;background:#fff7ed}.subnet-item.class-b.svelte-1d0ph6u.svelte-1d0ph6u:hover{background:#fed7aa}.subnet-item.class-c.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#a855f7;background:#faf5ff}.subnet-item.class-c.svelte-1d0ph6u.svelte-1d0ph6u:hover{background:#f3e8ff}.subnet-item.class-d.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#eab308;background:#fffbeb}.subnet-item.class-d.svelte-1d0ph6u.svelte-1d0ph6u:hover{background:#fef3c7}.subnet-item.class-e.svelte-1d0ph6u.svelte-1d0ph6u{border-color:#ef4444;background:#fef2f2}.subnet-item.class-e.svelte-1d0ph6u.svelte-1d0ph6u:hover{background:#fecaca}.subnet-header.svelte-1d0ph6u.svelte-1d0ph6u{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;padding-bottom:.25rem;border-bottom:1px solid rgba(0,0,0,.1)}.subnet-index.svelte-1d0ph6u.svelte-1d0ph6u{font-weight:600;font-size:.75rem}.subnet-cidr.svelte-1d0ph6u.svelte-1d0ph6u{font-family:Courier New,monospace;font-size:.65rem;background:#0000001a;padding:.125rem .25rem;border-radius:.125rem}.subnet-item.class-a.svelte-1d0ph6u .subnet-index.svelte-1d0ph6u{color:#166534}.subnet-item.class-a.svelte-1d0ph6u .subnet-cidr.svelte-1d0ph6u{background:#22c55e33;color:#16a34a}.subnet-item.class-b.svelte-1d0ph6u .subnet-index.svelte-1d0ph6u{color:#9a3412}.subnet-item.class-b.svelte-1d0ph6u .subnet-cidr.svelte-1d0ph6u{background:#f9731633;color:#ea580c}.subnet-item.class-c.svelte-1d0ph6u .subnet-index.svelte-1d0ph6u{color:#6b21a8}.subnet-item.class-c.svelte-1d0ph6u .subnet-cidr.svelte-1d0ph6u{background:#a855f733;color:#9333ea}.subnet-item.class-d.svelte-1d0ph6u .subnet-index.svelte-1d0ph6u{color:#92400e}.subnet-item.class-d.svelte-1d0ph6u .subnet-cidr.svelte-1d0ph6u{background:#eab30833;color:#ca8a04}.subnet-item.class-e.svelte-1d0ph6u .subnet-index.svelte-1d0ph6u{color:#991b1b}.subnet-item.class-e.svelte-1d0ph6u .subnet-cidr.svelte-1d0ph6u{background:#ef444433;color:#dc2626}.subnet-details.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.65rem}.detail-row.svelte-1d0ph6u.svelte-1d0ph6u{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.detail-row.svelte-1d0ph6u.svelte-1d0ph6u:last-child{margin-bottom:0}.detail-label.svelte-1d0ph6u.svelte-1d0ph6u{font-weight:500;color:#6b7280;min-width:60px;font-size:.6rem}.detail-value.svelte-1d0ph6u.svelte-1d0ph6u{font-family:Courier New,monospace;font-weight:600;text-align:right;flex:1;margin-left:.375rem;font-size:.65rem}.subnet-item.class-a.svelte-1d0ph6u .detail-value.svelte-1d0ph6u{color:#166534}.subnet-item.class-a.svelte-1d0ph6u .detail-label.svelte-1d0ph6u{color:#16a34a}.subnet-item.class-b.svelte-1d0ph6u .detail-value.svelte-1d0ph6u{color:#9a3412}.subnet-item.class-b.svelte-1d0ph6u .detail-label.svelte-1d0ph6u{color:#ea580c}.subnet-item.class-c.svelte-1d0ph6u .detail-value.svelte-1d0ph6u{color:#6b21a8}.subnet-item.class-c.svelte-1d0ph6u .detail-label.svelte-1d0ph6u{color:#9333ea}.subnet-item.class-d.svelte-1d0ph6u .detail-value.svelte-1d0ph6u{color:#92400e}.subnet-item.class-d.svelte-1d0ph6u .detail-label.svelte-1d0ph6u{color:#ca8a04}.subnet-item.class-e.svelte-1d0ph6u .detail-value.svelte-1d0ph6u{color:#991b1b}.subnet-item.class-e.svelte-1d0ph6u .detail-label.svelte-1d0ph6u{color:#dc2626}@media (max-width: 768px){.calculator-grid.svelte-1d0ph6u.svelte-1d0ph6u{grid-template-columns:1fr;gap:1.5rem}.calculator-column.svelte-1d0ph6u.svelte-1d0ph6u{padding:1rem}.calculator-title.svelte-1d0ph6u.svelte-1d0ph6u{font-size:1.25rem}.calculator-description.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.875rem}.input-field.svelte-1d0ph6u.svelte-1d0ph6u{width:100%;max-width:200px}.results-header.svelte-1d0ph6u.svelte-1d0ph6u{flex-direction:column;align-items:flex-start;gap:.5rem}.results-count.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.75rem}.subnet-list.svelte-1d0ph6u.svelte-1d0ph6u{gap:.75rem;margin-bottom:.75rem}.subnet-item.svelte-1d0ph6u.svelte-1d0ph6u{padding:.75rem;border-radius:.25rem}.subnet-header.svelte-1d0ph6u.svelte-1d0ph6u{flex-direction:column;align-items:flex-start;gap:.25rem}.subnet-index.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.8rem}.subnet-cidr.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.7rem}.detail-row.svelte-1d0ph6u.svelte-1d0ph6u{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.5rem}.detail-label.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.75rem;min-width:auto}.detail-value.svelte-1d0ph6u.svelte-1d0ph6u{text-align:left;margin-left:0;font-size:.75rem}}@media (max-width: 480px){.calculator-column.svelte-1d0ph6u.svelte-1d0ph6u{padding:.75rem}.calculator-title.svelte-1d0ph6u.svelte-1d0ph6u{font-size:1.125rem}.calculator-description.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.8rem}.input-field.svelte-1d0ph6u.svelte-1d0ph6u{max-width:150px;font-size:.875rem}.subnet-item.svelte-1d0ph6u.svelte-1d0ph6u{padding:.5rem}.subnet-index.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.75rem}.subnet-cidr.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.625rem}.detail-label.svelte-1d0ph6u.svelte-1d0ph6u,.detail-value.svelte-1d0ph6u.svelte-1d0ph6u{font-size:.7rem}}.network-calculator.svelte-ohmubk.svelte-ohmubk{width:100%;margin:0}.section-title.svelte-ohmubk.svelte-ohmubk{text-align:center;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color);line-height:1.2}.ip-input-section.svelte-ohmubk.svelte-ohmubk{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.5rem 0;align-items:center}.cidr-input-container.svelte-ohmubk.svelte-ohmubk{display:flex;flex-wrap:nowrap;gap:.75rem;align-items:center;justify-content:center}.octet-group.svelte-ohmubk.svelte-ohmubk{display:flex;align-items:center}.octet-input.svelte-ohmubk.svelte-ohmubk{width:4rem;height:4rem;font-size:1.5rem;text-align:center;border-radius:.5rem;border:2px solid var(--border-color);background:#fff;transition:all .2s ease}.octet-input.svelte-ohmubk.svelte-ohmubk:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.octet-input.class-a.svelte-ohmubk.svelte-ohmubk{border-color:#22c55e;color:#166534;background:#dcfce7}.octet-input.class-a.svelte-ohmubk.svelte-ohmubk:focus{border-color:#16a34a;background:#f0fdf4;color:#166534;box-shadow:0 0 0 3px #22c55e1a}.octet-input.class-b.svelte-ohmubk.svelte-ohmubk{border-color:#f97316;color:#9a3412;background:#fed7aa}.octet-input.class-b.svelte-ohmubk.svelte-ohmubk:focus{border-color:#ea580c;background:#ffedd5;color:#9a3412;box-shadow:0 0 0 3px #f973161a}.octet-input.class-c.svelte-ohmubk.svelte-ohmubk{border-color:#a855f7;color:#6b21a8;background:#f3e8ff}.octet-input.class-c.svelte-ohmubk.svelte-ohmubk:focus{border-color:#9333ea;background:#faf5ff;color:#6b21a8;box-shadow:0 0 0 3px #a855f71a}.octet-input.class-d.svelte-ohmubk.svelte-ohmubk{border-color:#eab308;color:#92400e;background:#fef3c7}.octet-input.class-d.svelte-ohmubk.svelte-ohmubk:focus{border-color:#ca8a04;background:#fef3c7;color:#92400e;box-shadow:0 0 0 3px #eab3081a}.octet-input.class-e.svelte-ohmubk.svelte-ohmubk{border-color:#ef4444;color:#991b1b;background:#fef2f2}.octet-input.class-e.svelte-ohmubk.svelte-ohmubk:focus{border-color:#dc2626;background:#fef2f2;color:#991b1b;box-shadow:0 0 0 3px #ef44441a}.separator.svelte-ohmubk.svelte-ohmubk{font-size:2rem;margin-left:.75rem;color:var(--text-color);font-weight:700}.bit-visualization.svelte-ohmubk.svelte-ohmubk{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.5rem 0}.octet-bits.svelte-ohmubk.svelte-ohmubk{display:flex}.bit-button.svelte-ohmubk.svelte-ohmubk{font-family:Courier New,monospace;border:1px solid #1e3a8a;padding:.375rem .5rem;cursor:pointer;transition:all .2s ease;font-weight:700;font-size:.875rem}.bit-button.svelte-ohmubk.svelte-ohmubk:first-child{border-left:1px solid #1e3a8a}.bit-button.svelte-ohmubk.svelte-ohmubk:hover{background-color:#e5e7eb}.bit-button.svelte-ohmubk.svelte-ohmubk:active{background-color:#d1d5db}.network-details.svelte-ohmubk.svelte-ohmubk{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin:.75rem 0;text-align:center}.detail-item.svelte-ohmubk.svelte-ohmubk{padding:.375rem;min-width:90px;max-width:130px;flex:1;margin:0;box-sizing:border-box;word-break:break-word}.detail-value.svelte-ohmubk.svelte-ohmubk{font-family:Courier New,monospace;font-size:.75rem;margin-bottom:.125rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-label.svelte-ohmubk.svelte-ohmubk{font-weight:700;color:#64748b;font-size:.5rem;text-transform:uppercase;letter-spacing:.05em;line-height:1}.detail-item.class-a.svelte-ohmubk .detail-value.svelte-ohmubk{color:#166534}.detail-item.class-a.svelte-ohmubk .detail-label.svelte-ohmubk{color:#16a34a}.detail-item.class-b.svelte-ohmubk .detail-value.svelte-ohmubk{color:#9a3412}.detail-item.class-b.svelte-ohmubk .detail-label.svelte-ohmubk{color:#ea580c}.detail-item.class-c.svelte-ohmubk .detail-value.svelte-ohmubk{color:#6b21a8}.detail-item.class-c.svelte-ohmubk .detail-label.svelte-ohmubk{color:#9333ea}.detail-item.class-d.svelte-ohmubk .detail-value.svelte-ohmubk{color:#92400e}.detail-item.class-d.svelte-ohmubk .detail-label.svelte-ohmubk{color:#ca8a04}.detail-item.class-e.svelte-ohmubk .detail-value.svelte-ohmubk{color:#991b1b}.detail-item.class-e.svelte-ohmubk .detail-label.svelte-ohmubk{color:#dc2626}.attribution.svelte-ohmubk.svelte-ohmubk{text-align:center;margin:.75rem 0;font-size:.875rem;color:#6b7280;line-height:1.2}.link.svelte-ohmubk.svelte-ohmubk{color:var(--primary-color);text-decoration:none}.link.svelte-ohmubk.svelte-ohmubk:hover{text-decoration:underline}.copy-button-container.svelte-ohmubk.svelte-ohmubk{display:flex;justify-content:center;gap:.75rem;padding:1rem;flex-wrap:wrap}.copy-button-container.svelte-ohmubk .btn.svelte-ohmubk{min-width:7.5rem;text-align:center}.btn-a.svelte-ohmubk.svelte-ohmubk{background-color:#22c55e;color:#fff;border:2px solid #22c55e}.btn-a.svelte-ohmubk.svelte-ohmubk:hover,.btn-a.svelte-ohmubk.svelte-ohmubk:focus{background-color:#16a34a;border-color:#16a34a}.btn-b.svelte-ohmubk.svelte-ohmubk{background-color:#f97316;color:#fff;border:2px solid #f97316}.btn-b.svelte-ohmubk.svelte-ohmubk:hover,.btn-b.svelte-ohmubk.svelte-ohmubk:focus{background-color:#ea580c;border-color:#ea580c}.btn-c.svelte-ohmubk.svelte-ohmubk{background-color:#a855f7;color:#fff;border:2px solid #a855f7}.btn-c.svelte-ohmubk.svelte-ohmubk:hover,.btn-c.svelte-ohmubk.svelte-ohmubk:focus{background-color:#9333ea;border-color:#9333ea}.btn-d.svelte-ohmubk.svelte-ohmubk{background-color:#eab308;color:#fff;border:2px solid #eab308}.btn-d.svelte-ohmubk.svelte-ohmubk:hover,.btn-d.svelte-ohmubk.svelte-ohmubk:focus{background-color:#ca8a04;border-color:#ca8a04}.btn-e.svelte-ohmubk.svelte-ohmubk{background-color:#ef4444;color:#fff;border:2px solid #ef4444}.btn-e.svelte-ohmubk.svelte-ohmubk:hover,.btn-e.svelte-ohmubk.svelte-ohmubk:focus{background-color:#dc2626;border-color:#dc2626}.inspiration-note.svelte-ohmubk.svelte-ohmubk{text-align:center;font-size:.85rem;color:#64748b;margin-top:1.5rem;margin-bottom:.5rem;opacity:.8}.bg-green-200.svelte-ohmubk.svelte-ohmubk{background:#dcfce7;color:#166534}.bg-green-400.svelte-ohmubk.svelte-ohmubk{background:#bbf7d0;color:#166534}.bg-green-600.svelte-ohmubk.svelte-ohmubk{background:#86efac;color:#166534}.bg-green-800.svelte-ohmubk.svelte-ohmubk{background:#4ade80;color:#166534}.bg-orange-200.svelte-ohmubk.svelte-ohmubk{background:#fed7aa;color:#9a3412}.bg-orange-400.svelte-ohmubk.svelte-ohmubk{background:#fdba74;color:#9a3412}.bg-orange-600.svelte-ohmubk.svelte-ohmubk{background:#fb923c;color:#9a3412}.bg-orange-800.svelte-ohmubk.svelte-ohmubk{background:#f97316;color:#9a3412}.bg-purple-200.svelte-ohmubk.svelte-ohmubk{background:#f3e8ff;color:#6b21a8}.bg-purple-400.svelte-ohmubk.svelte-ohmubk{background:#e9d5ff;color:#6b21a8}.bg-purple-600.svelte-ohmubk.svelte-ohmubk{background:#d8b4fe;color:#6b21a8}.bg-purple-800.svelte-ohmubk.svelte-ohmubk{background:#a855f7;color:#6b21a8}.bg-yellow-200.svelte-ohmubk.svelte-ohmubk{background:#fef3c7;color:#92400e}.bg-yellow-400.svelte-ohmubk.svelte-ohmubk{background:#fde68a;color:#92400e}.bg-yellow-600.svelte-ohmubk.svelte-ohmubk{background:#fcd34d;color:#92400e}.bg-yellow-800.svelte-ohmubk.svelte-ohmubk{background:#eab308;color:#92400e}.bg-red-200.svelte-ohmubk.svelte-ohmubk{background:#fef2f2;color:#991b1b}.bg-red-400.svelte-ohmubk.svelte-ohmubk{background:#fecaca;color:#991b1b}.bg-red-600.svelte-ohmubk.svelte-ohmubk{background:#fca5a5;color:#991b1b}.bg-red-800.svelte-ohmubk.svelte-ohmubk{background:#ef4444;color:#991b1b}@media (max-width: 640px){.ip-input-section.svelte-ohmubk.svelte-ohmubk{flex-direction:column;gap:1rem;align-items:center;justify-content:center;padding:.5rem}.cidr-input-container.svelte-ohmubk.svelte-ohmubk{display:flex;flex-wrap:nowrap;gap:.25rem;align-items:center;justify-content:center;overflow-x:auto;padding:.5rem;width:100%}.octet-group.svelte-ohmubk.svelte-ohmubk{display:flex;align-items:center;gap:.125rem;flex-shrink:0}.octet-input.svelte-ohmubk.svelte-ohmubk{width:3.5rem;height:3.5rem;font-size:1.125rem;min-width:3.5rem}.separator.svelte-ohmubk.svelte-ohmubk{font-size:1.25rem;margin-left:.25rem;margin-right:.25rem;flex-shrink:0}.copy-button-container.svelte-ohmubk.svelte-ohmubk{flex-direction:column;width:100%;margin-top:0;justify-content:center}.copy-button-container.svelte-ohmubk .btn.svelte-ohmubk{width:100%;padding:.75rem 1rem;font-size:1rem;justify-content:center}.network-details.svelte-ohmubk.svelte-ohmubk{grid-template-columns:1fr;gap:.5rem;padding:1rem}.detail-item.svelte-ohmubk.svelte-ohmubk{padding:.75rem;min-width:auto;max-width:none;width:100%}.detail-value.svelte-ohmubk.svelte-ohmubk{font-size:.875rem}.detail-label.svelte-ohmubk.svelte-ohmubk{font-size:.75rem}.bit-visualization.svelte-ohmubk.svelte-ohmubk{flex-direction:column;gap:.5rem}.octet-bits.svelte-ohmubk.svelte-ohmubk{justify-content:center}.bit-button.svelte-ohmubk.svelte-ohmubk{width:2.25rem;height:2.25rem;font-size:1rem}}@media (max-width: 480px){.ip-input-section.svelte-ohmubk.svelte-ohmubk{gap:1rem;padding:.25rem}.cidr-input-container.svelte-ohmubk.svelte-ohmubk{gap:.125rem;padding:.25rem}.octet-input.svelte-ohmubk.svelte-ohmubk{width:3rem;height:3rem;font-size:1rem;min-width:3rem}.separator.svelte-ohmubk.svelte-ohmubk{font-size:1.125rem;margin-left:.125rem;margin-right:.125rem}.copy-button-container.svelte-ohmubk.svelte-ohmubk{flex-direction:column;width:100%;margin-top:0}.copy-button-container.svelte-ohmubk .btn.svelte-ohmubk{width:100%;padding:.75rem 1rem;font-size:1rem;justify-content:center}.network-details.svelte-ohmubk.svelte-ohmubk{padding:.75rem}.detail-item.svelte-ohmubk.svelte-ohmubk{padding:.5rem}.detail-value.svelte-ohmubk.svelte-ohmubk{font-size:.75rem}.detail-label.svelte-ohmubk.svelte-ohmubk{font-size:.625rem}.bit-button.svelte-ohmubk.svelte-ohmubk{width:2rem;height:2rem;font-size:.875rem}}@media (max-width: 360px){.ip-input-section.svelte-ohmubk.svelte-ohmubk{gap:.0625rem;padding:.125rem}.octet-input.svelte-ohmubk.svelte-ohmubk{width:1.75rem;height:1.75rem;font-size:.625rem;min-width:1.75rem}.separator.svelte-ohmubk.svelte-ohmubk{font-size:.75rem;margin-left:.03125rem;margin-right:.03125rem}}.network-visualizer.svelte-1hxg2r7{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.controls.svelte-1hxg2r7{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0;gap:1rem;flex-wrap:wrap;background:#f8fafc}.control-group.svelte-1hxg2r7{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.search-input.svelte-1hxg2r7{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;min-width:200px;background:#fff}.filter-select.svelte-1hxg2r7{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff}.btn.svelte-1hxg2r7{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;cursor:pointer;background:#fff;transition:all .2s ease}.btn.svelte-1hxg2r7:hover{background:#f3f4f6}.btn-primary.svelte-1hxg2r7{background:#3b82f6;color:#fff;border-color:#2563eb}.btn-primary.svelte-1hxg2r7:hover{background:#2563eb}.btn-secondary.svelte-1hxg2r7{background:#6b7280;color:#fff;border-color:#4b5563}.btn-secondary.svelte-1hxg2r7:hover{background:#4b5563}.network-content.svelte-1hxg2r7{padding:.75rem 1rem 1rem}.ip-class-section.svelte-1hxg2r7{margin-bottom:1.5rem}.class-header.svelte-1hxg2r7{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.class-header.svelte-1hxg2r7:hover{background:#f8fafc}.class-header.expanded.svelte-1hxg2r7{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.class-info.svelte-1hxg2r7{display:flex;align-items:center;gap:.5rem}.class-icon.svelte-1hxg2r7{width:1.75rem;height:1.75rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;border:2px solid}.class-details.svelte-1hxg2r7{display:flex;flex-direction:column;gap:.125rem}.class-name.svelte-1hxg2r7{font-weight:600;font-size:.95rem;color:#1e293b;line-height:1.2}.range-info.svelte-1hxg2r7{font-size:.95em;color:#94a3b8;font-family:Courier New,monospace;line-height:1.1;flex-shrink:0}.usage-progress-compact.svelte-1hxg2r7{width:100%;min-width:200px;margin:0;justify-self:end}.expand-button.svelte-1hxg2r7{display:flex;flex-direction:column;align-items:center;gap:.125rem;background:none;border:none;cursor:pointer;padding:.375rem;border-radius:.375rem;transition:background-color .2s ease}.expand-button.svelte-1hxg2r7:hover{background:#f1f5f9}.expand-icon.svelte-1hxg2r7{font-size:.875rem;color:#3b82f6}.network-count.svelte-1hxg2r7,.subnet-count.svelte-1hxg2r7{font-size:.7rem;color:#64748b}.networks-list.svelte-1hxg2r7{border:1px solid #e2e8f0;border-top:none;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;background:#f8fafc}.network-card.svelte-1hxg2r7{border-bottom:1px solid #e2e8f0;background:#fff}.network-card.svelte-1hxg2r7:last-child{border-bottom:none;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.network-header.svelte-1hxg2r7{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease}.network-header.svelte-1hxg2r7:hover{background:#f8fafc}.network-info.svelte-1hxg2r7{display:flex;align-items:center;gap:.5rem}.network-icon.svelte-1hxg2r7{width:1.75rem;height:1.75rem;border-radius:.375rem;background:#dbeafe;border:1px solid #93c5fd;display:flex;align-items:center;justify-content:center;font-size:.875rem}.network-details.svelte-1hxg2r7{display:flex;flex-direction:column;gap:.125rem}.network-name.svelte-1hxg2r7{font-weight:600;font-size:.875rem;color:#1e293b;line-height:1.2}.description-inline.svelte-1hxg2r7{font-size:.65rem;color:#94a3b8;margin-left:.5rem;font-weight:400;line-height:1.1}.network-cidr.svelte-1hxg2r7{font-size:.7rem;color:#94a3b8;font-family:Courier New,monospace;line-height:1.1}.network-tags.svelte-1hxg2r7{font-size:.7rem;color:#64748b;margin-top:.125rem;line-height:1.1}.subnets-section.svelte-1hxg2r7{padding:.5rem .75rem;background:#f8fafc;border-top:1px solid #e2e8f0}.subnets-label.svelte-1hxg2r7{font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.subnets-grid.svelte-1hxg2r7{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.subnet-card.svelte-1hxg2r7{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;border-left:3px solid #22c55e}.subnet-icon.svelte-1hxg2r7{width:1.25rem;height:1.25rem;border-radius:.25rem;background:#f0fdf4;border:1px solid #bbf7d0;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0}.subnet-info.svelte-1hxg2r7{flex:1;display:flex;flex-direction:column;gap:.125rem}.subnet-name.svelte-1hxg2r7{font-weight:600;font-size:.8rem;color:#1e293b;line-height:1.2}.subnet-cidr.svelte-1hxg2r7{font-size:.7rem;color:#3b82f6;font-family:Courier New,monospace;line-height:1.1}.subnet-az.svelte-1hxg2r7{font-size:.65rem;color:#059669;line-height:1.1}.copy-button.svelte-1hxg2r7{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;font-size:.75rem;transition:background-color .2s ease;flex-shrink:0}.copy-button.svelte-1hxg2r7:hover{background:#f1f5f9}.copy-feedback.svelte-1hxg2r7{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;z-index:1000;box-shadow:0 4px 12px #10b9814d;animation:svelte-1hxg2r7-slideIn .3s ease-out}@keyframes svelte-1hxg2r7-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.controls.svelte-1hxg2r7{flex-direction:column;align-items:stretch}.control-group.svelte-1hxg2r7{justify-content:center}.search-input.svelte-1hxg2r7{min-width:auto;width:100%}.subnets-grid.svelte-1hxg2r7{grid-template-columns:1fr}.class-header.svelte-1hxg2r7,.network-header.svelte-1hxg2r7{flex-direction:column;align-items:flex-start;gap:.75rem}.expand-button.svelte-1hxg2r7{align-self:flex-end}.usage-progress-compact.svelte-1hxg2r7{min-width:0;justify-self:stretch}}.env-badge.svelte-1hxg2r7{display:inline-block;font-size:.7rem;font-weight:600;padding:.1em .6em;border-radius:.75em;vertical-align:middle;margin-left:.5em;letter-spacing:.02em;box-shadow:0 1px 2px #1e40af12}.usage-progress-compact.svelte-1hxg2r7{flex:1;min-width:0;margin:.25rem 0}.progress-header-compact.svelte-1hxg2r7{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.progress-label-compact.svelte-1hxg2r7{font-size:.75rem;font-weight:500;color:#6b7280}.progress-percentage-compact.svelte-1hxg2r7{font-size:.75rem;font-weight:600;color:var(--text-color)}.progress-bar-compact.svelte-1hxg2r7{width:100%;height:.375rem;background:#e5e7eb;border-radius:.1875rem;overflow:hidden}.progress-fill-compact.svelte-1hxg2r7{height:100%;border-radius:.1875rem;transition:width .3s ease}.class-header-content.svelte-1hxg2r7{display:flex;align-items:center;gap:2rem;width:100%}.class-info.svelte-1hxg2r7{display:flex;align-items:center;gap:1rem}.class-details.svelte-1hxg2r7{display:flex;flex-direction:column;gap:.25rem}.usage-progress-header.svelte-1hxg2r7{flex:1 1 0%;min-width:180px;max-width:600px;margin:0 1.5rem}.expand-button.svelte-1hxg2r7{margin-left:auto}@media (max-width: 768px){.class-header-content.svelte-1hxg2r7{flex-direction:column;align-items:stretch;gap:.5rem}.usage-progress-header.svelte-1hxg2r7{margin:.5rem 0 0;max-width:none}.class-info.svelte-1hxg2r7{gap:.5rem}}.network-manager.svelte-1748o6x.svelte-1748o6x{padding:.75rem 0 0;background:var(--background-color)}.container.svelte-1748o6x.svelte-1748o6x{max-width:1200px;margin:0 auto;padding:0 1rem}.upload-section.svelte-1748o6x.svelte-1748o6x{margin-bottom:2rem}.upload-card.svelte-1748o6x.svelte-1748o6x{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.upload-card.svelte-1748o6x h3.svelte-1748o6x{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.upload-area.svelte-1748o6x.svelte-1748o6x{position:relative;margin-bottom:1rem}.file-input.svelte-1748o6x.svelte-1748o6x{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-label.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px dashed #d1d5db;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.file-label.svelte-1748o6x.svelte-1748o6x:hover{border-color:var(--primary-color);background:#3b82f60d}.upload-icon.svelte-1748o6x.svelte-1748o6x{font-size:1.25rem;margin-bottom:.25rem}.upload-text.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;font-weight:500;color:var(--text-color);margin-bottom:.1875rem}.upload-hint.svelte-1748o6x.svelte-1748o6x{font-size:.75rem;color:#6b7280}.upload-actions.svelte-1748o6x.svelte-1748o6x{display:flex;gap:1rem;justify-content:center}.btn.svelte-1748o6x.svelte-1748o6x{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary.svelte-1748o6x.svelte-1748o6x{background:var(--primary-color);color:#fff}.btn-primary.svelte-1748o6x.svelte-1748o6x:hover{background:var(--secondary-color)}.btn-primary.svelte-1748o6x.svelte-1748o6x:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-primary.svelte-1748o6x.svelte-1748o6x:disabled:hover{background:#9ca3af}.btn-secondary.svelte-1748o6x.svelte-1748o6x{background:#f3f4f6;color:var(--text-color);border:1px solid #d1d5db}.btn-secondary.svelte-1748o6x.svelte-1748o6x:hover{background:#e5e7eb}.btn-outline.svelte-1748o6x.svelte-1748o6x{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline.svelte-1748o6x.svelte-1748o6x:hover{background:var(--primary-color);color:#fff}.error-section.svelte-1748o6x.svelte-1748o6x{margin-bottom:2rem}.error-message.svelte-1748o6x.svelte-1748o6x{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.error-header.svelte-1748o6x.svelte-1748o6x{background:#dc2626;color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.error-icon.svelte-1748o6x.svelte-1748o6x{font-size:1.25rem}.error-title.svelte-1748o6x.svelte-1748o6x{font-size:1.125rem}.error-content.svelte-1748o6x.svelte-1748o6x{padding:1.5rem}.error-main.svelte-1748o6x.svelte-1748o6x{color:#dc2626;font-weight:600;font-size:1rem;margin-bottom:1rem;padding:.75rem;background:#dc26261a;border-radius:.5rem;border-left:4px solid #dc2626;white-space:pre-line;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-details.svelte-1748o6x.svelte-1748o6x{color:#374151;font-size:.875rem;line-height:1.5}.error-details.svelte-1748o6x strong.svelte-1748o6x{color:#dc2626;font-weight:600;display:block;margin-bottom:.5rem}.error-details.svelte-1748o6x ul.svelte-1748o6x{margin:0;padding-left:1.5rem}.error-details.svelte-1748o6x li.svelte-1748o6x{margin-bottom:.25rem}.loading-section.svelte-1748o6x.svelte-1748o6x{text-align:center;padding:3rem 0}.loading-spinner.svelte-1748o6x.svelte-1748o6x{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid var(--primary-color);border-radius:50%;animation:svelte-1748o6x-spin 1s linear infinite;margin:0 auto 1rem}@keyframes svelte-1748o6x-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text.svelte-1748o6x.svelte-1748o6x{color:#6b7280;font-size:1rem}.results-section.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;gap:2rem}.summary-section.svelte-1748o6x.svelte-1748o6x,.planning-section.svelte-1748o6x.svelte-1748o6x{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.collapsible-header.svelte-1748o6x.svelte-1748o6x{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--background-color);border-radius:.5rem;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.collapsible-header.svelte-1748o6x.svelte-1748o6x:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.collapsible-header.svelte-1748o6x.svelte-1748o6x:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.collapsible-title.svelte-1748o6x.svelte-1748o6x{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-color)}.collapse-icon.svelte-1748o6x.svelte-1748o6x{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#6b7280;transition:transform .2s ease}.collapse-icon.collapsed.svelte-1748o6x.svelte-1748o6x{transform:rotate(-90deg)}.collapsible-content.svelte-1748o6x.svelte-1748o6x{overflow:hidden;transition:all .3s ease}.summary-header.svelte-1748o6x.svelte-1748o6x{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.summary-header.svelte-1748o6x h3.svelte-1748o6x{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0}.summary-overview.svelte-1748o6x.svelte-1748o6x{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--background-color);border-radius:.75rem;border:1px solid #e5e7eb;margin-bottom:1rem}.summary-overview-content.svelte-1748o6x.svelte-1748o6x{display:flex;gap:2rem;align-items:center;flex:1}.export-btn.svelte-1748o6x.svelte-1748o6x{flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.summary-overview-item.svelte-1748o6x.svelte-1748o6x{display:flex;align-items:center;gap:.5rem}.overview-label.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;font-weight:500;color:#6b7280}.overview-value.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;font-weight:600;color:var(--text-color);background:#fff;padding:.1875rem .625rem;border-radius:.5rem;border:1px solid #e5e7eb}.summary-section.svelte-1748o6x h3.svelte-1748o6x,.planning-section.svelte-1748o6x h3.svelte-1748o6x{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.class-summary-section.svelte-1748o6x.svelte-1748o6x{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.class-summary-section.svelte-1748o6x h4.svelte-1748o6x{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.class-summary-grid.svelte-1748o6x.svelte-1748o6x{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.class-summary-card.svelte-1748o6x.svelte-1748o6x{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:all .2s ease}.class-summary-card.svelte-1748o6x.svelte-1748o6x:hover{box-shadow:0 4px 6px -1px #0000001a}.class-summary-header.svelte-1748o6x.svelte-1748o6x{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .2s ease}.class-summary-header.clickable.svelte-1748o6x.svelte-1748o6x{cursor:pointer}.class-summary-header.clickable.svelte-1748o6x.svelte-1748o6x:hover{background:#3b82f60d;border-radius:.5rem}.class-summary-info.svelte-1748o6x.svelte-1748o6x{flex:1}.class-summary-stats.svelte-1748o6x.svelte-1748o6x{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-stat.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;gap:.25rem;background:#fff;padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;text-align:center}.class-summary-toggle.svelte-1748o6x.svelte-1748o6x{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:#fff;border:1px solid #e5e7eb;transition:all .2s ease;cursor:pointer;padding:0;margin:0}.class-summary-toggle.svelte-1748o6x.svelte-1748o6x:hover{background:#f8fafc;border-color:#d1d5db}.class-summary-toggle.svelte-1748o6x.svelte-1748o6x:focus{outline:2px solid var(--primary-color);outline-offset:2px}.toggle-icon.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;color:#6b7280;transition:transform .2s ease}.toggle-icon.expanded.svelte-1748o6x.svelte-1748o6x{transform:rotate(90deg)}.class-summary-details.svelte-1748o6x.svelte-1748o6x{overflow:hidden;transition:all .3s ease;max-height:0;opacity:0}.class-summary-details.expanded.svelte-1748o6x.svelte-1748o6x{max-height:800px;opacity:1;margin-top:1rem;padding:1rem;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:.75rem}.compact-summary-list.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.summary-stats-grid.svelte-1748o6x.svelte-1748o6x{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.summary-list-item.svelte-1748o6x.svelte-1748o6x{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid #f3f4f6;line-height:1.2}.summary-stats-grid.svelte-1748o6x .summary-list-item.svelte-1748o6x{border-bottom:none;padding:.25rem 0}.ip-range-item.svelte-1748o6x.svelte-1748o6x{border-top:1px solid #e5e7eb;padding-top:.5rem;margin-top:.25rem;border-bottom:none}.list-label.svelte-1748o6x.svelte-1748o6x{font-size:.8rem;font-weight:500;color:#6b7280;flex-shrink:0;line-height:1.2}.list-value.svelte-1748o6x.svelte-1748o6x{font-size:.8rem;font-weight:600;color:var(--text-color);text-align:right;line-height:1.2}.list-value.range-value.svelte-1748o6x.svelte-1748o6x{font-family:Courier New,monospace;color:var(--primary-color)}.class-range-expanded.svelte-1748o6x.svelte-1748o6x{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.range-label.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;font-weight:500;color:#6b7280}.range-value.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;font-weight:600;color:var(--text-color);font-family:Courier New,monospace}.detailed-stats.svelte-1748o6x.svelte-1748o6x{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.detailed-stat.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;text-align:center;box-shadow:0 1px 2px #0000000d}.class-title-row.svelte-1748o6x.svelte-1748o6x{display:flex;align-items:center;justify-content:space-between;gap:1rem}.class-title.svelte-1748o6x.svelte-1748o6x{font-size:1.125rem;font-weight:600;color:var(--text-color);margin-bottom:0;flex-shrink:0}.usage-progress-compact.svelte-1748o6x.svelte-1748o6x{flex:1;min-width:0}.progress-header-compact.svelte-1748o6x.svelte-1748o6x{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.progress-label-compact.svelte-1748o6x.svelte-1748o6x{font-size:.75rem;font-weight:500;color:#6b7280}.progress-percentage-compact.svelte-1748o6x.svelte-1748o6x{font-size:.75rem;font-weight:600;color:var(--text-color)}.progress-bar-compact.svelte-1748o6x.svelte-1748o6x{width:100%;height:.375rem;background:#e5e7eb;border-radius:.1875rem;overflow:hidden}.progress-fill-compact.svelte-1748o6x.svelte-1748o6x{height:100%;border-radius:.1875rem;transition:width .3s ease}.stat-label.svelte-1748o6x.svelte-1748o6x{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.stat-value.svelte-1748o6x.svelte-1748o6x{font-size:1rem;font-weight:600;color:var(--text-color)}.class-networks.svelte-1748o6x.svelte-1748o6x{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.networks-title.svelte-1748o6x.svelte-1748o6x{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:2px solid #e5e7eb;line-height:1.2}.networks-list.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;gap:.5rem}.network-list-item.svelte-1748o6x.svelte-1748o6x{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff;border-radius:.375rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;line-height:1.2}.network-list-item.svelte-1748o6x.svelte-1748o6x:hover{box-shadow:0 2px 4px #0000001a;border-color:#d1d5db}.network-info.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;gap:.25rem;flex:1}.network-name.svelte-1748o6x.svelte-1748o6x{font-size:.8rem;font-weight:600;color:var(--text-color);line-height:1.2}.network-cidr.svelte-1748o6x.svelte-1748o6x{font-family:Courier New,monospace;font-size:.75rem;font-weight:600;color:var(--primary-color);background:#3b82f61a;padding:.125rem .375rem;border-radius:.25rem;line-height:1.2;display:inline-block;width:fit-content}.subnet-count.svelte-1748o6x.svelte-1748o6x{font-size:.7rem;color:#6b7280;background:#6b72801a;padding:.125rem .375rem;border-radius:.25rem;font-weight:500;border:1px solid rgba(107,114,128,.2);line-height:1.2;flex-shrink:0}.planning-form.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;gap:1rem}.form-row.svelte-1748o6x.svelte-1748o6x{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.form-group.svelte-1748o6x.svelte-1748o6x{flex:1 1 200px;min-width:200px}.form-group.svelte-1748o6x.svelte-1748o6x:last-child{flex:1 1 auto;min-width:150px}.form-group.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;gap:.5rem}.form-group.svelte-1748o6x label.svelte-1748o6x{font-size:.875rem;font-weight:500;color:var(--text-color)}.form-input.svelte-1748o6x.svelte-1748o6x,.form-select.svelte-1748o6x.svelte-1748o6x{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease}.form-input.svelte-1748o6x.svelte-1748o6x:focus,.form-select.svelte-1748o6x.svelte-1748o6x:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.planning-section.svelte-1748o6x .form-select.svelte-1748o6x:hover,.planning-section.svelte-1748o6x .form-input.svelte-1748o6x:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.planning-section.svelte-1748o6x .btn.svelte-1748o6x:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.calculation-item.svelte-1748o6x.svelte-1748o6x:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.subnet-card.svelte-1748o6x.svelte-1748o6x:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.recommendation-card.svelte-1748o6x.svelte-1748o6x:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.load-more-btn.svelte-1748o6x.svelte-1748o6x:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.form-group.svelte-1748o6x .btn.svelte-1748o6x{height:42px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.875rem;padding:.75rem 1rem}.recommendations-section.svelte-1748o6x.svelte-1748o6x{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.recommendations-section.svelte-1748o6x h4.svelte-1748o6x{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.recommendations-grid.svelte-1748o6x.svelte-1748o6x{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.recommendation-card.svelte-1748o6x.svelte-1748o6x{padding:1rem;border:2px solid #e5e7eb;border-radius:.75rem;position:relative;transition:all .2s ease}.recommendation-card.selected.svelte-1748o6x.svelte-1748o6x{border-color:var(--primary-color);background:#3b82f60d}.recommendation-cidr.svelte-1748o6x.svelte-1748o6x{font-family:Courier New,monospace;font-size:1.125rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.recommendation-hosts.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.recommendation-description.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;color:var(--text-color)}.recommendation-badge.svelte-1748o6x.svelte-1748o6x{position:absolute;top:.5rem;right:.5rem;background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.class-title.svelte-1748o6x.svelte-1748o6x{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem;flex-wrap:wrap}.stat-label.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;color:#6b7280}.stat-value.svelte-1748o6x.svelte-1748o6x{font-size:.875rem;font-weight:600;color:var(--text-color);background:var(--background-color);padding:.25rem .5rem;border-radius:.25rem}.toggle-icon.svelte-1748o6x.svelte-1748o6x{font-size:1.25rem;font-weight:700;color:var(--primary-color);transition:transform .2s ease}.toggle-icon.expanded.svelte-1748o6x.svelte-1748o6x{transform:rotate(0)}.subnet-count.svelte-1748o6x.svelte-1748o6x{font-size:.75rem;color:#6b7280;font-weight:500;text-align:center}@media (max-width: 1024px) and (min-width: 769px){.planning-form.svelte-1748o6x .form-row.svelte-1748o6x{flex-wrap:wrap;gap:.75rem}.planning-form.svelte-1748o6x .form-group.svelte-1748o6x{flex:1 1 calc(50% - .375rem);min-width:250px}.planning-form.svelte-1748o6x .form-group.svelte-1748o6x:last-child{flex:1 1 100%;min-width:100%}.planning-form.svelte-1748o6x .form-select.svelte-1748o6x,.planning-form.svelte-1748o6x .form-input.svelte-1748o6x{font-size:.9rem;padding:.625rem}.planning-form.svelte-1748o6x .btn.svelte-1748o6x{padding:.75rem;font-size:.9rem}}@media (max-width: 768px){.upload-actions.svelte-1748o6x.svelte-1748o6x{flex-direction:column}.summary-header.svelte-1748o6x.svelte-1748o6x{flex-direction:column;gap:1rem;align-items:stretch}.class-summary-grid.svelte-1748o6x.svelte-1748o6x{grid-template-columns:1fr}.class-summary-header.svelte-1748o6x.svelte-1748o6x{flex-direction:column;align-items:flex-start;gap:.75rem}.class-summary-stats.svelte-1748o6x.svelte-1748o6x{width:100%;justify-content:space-between}.detailed-stats.svelte-1748o6x.svelte-1748o6x,.calculation-overview.svelte-1748o6x.svelte-1748o6x,.subnet-grid.svelte-1748o6x.svelte-1748o6x{grid-template-columns:1fr}.planning-form.svelte-1748o6x .form-row.svelte-1748o6x{flex-direction:column;gap:1rem}.planning-form.svelte-1748o6x .form-group.svelte-1748o6x{width:100%;flex:1 1 100%;min-width:100%}.planning-form.svelte-1748o6x .form-group.svelte-1748o6x:last-child{flex:1 1 100%;min-width:100%}.planning-form.svelte-1748o6x .form-select.svelte-1748o6x,.planning-form.svelte-1748o6x .form-input.svelte-1748o6x{width:100%;font-size:1rem;padding:.75rem}.planning-form.svelte-1748o6x .btn.svelte-1748o6x{width:100%;padding:.875rem;font-size:1rem;justify-content:center}.calculation-results-section.svelte-1748o6x.svelte-1748o6x{padding:1rem;margin-top:1.5rem}.calculation-summary.svelte-1748o6x h4.svelte-1748o6x{font-size:1rem;margin-bottom:.75rem}.calculation-item.svelte-1748o6x.svelte-1748o6x{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.calculation-label.svelte-1748o6x.svelte-1748o6x{font-size:.8rem}.calculation-value.svelte-1748o6x.svelte-1748o6x{font-size:.9rem;word-break:break-all}.subnet-details.svelte-1748o6x h5.svelte-1748o6x{font-size:.9rem;margin-bottom:.75rem}.subnet-card.svelte-1748o6x.svelte-1748o6x{margin-bottom:1rem}.subnet-header.svelte-1748o6x.svelte-1748o6x{padding:.5rem;font-size:.8rem}.subnet-info.svelte-1748o6x.svelte-1748o6x{padding:.75rem}.subnet-row.svelte-1748o6x.svelte-1748o6x{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.75rem}.subnet-label.svelte-1748o6x.svelte-1748o6x{font-size:.7rem}.subnet-value.svelte-1748o6x.svelte-1748o6x{font-size:.8rem;word-break:break-all}.recommendations-grid.svelte-1748o6x.svelte-1748o6x{grid-template-columns:1fr;gap:.75rem}.recommendation-card.svelte-1748o6x.svelte-1748o6x{padding:.75rem}.recommendation-cidr.svelte-1748o6x.svelte-1748o6x{font-size:1rem}.recommendation-hosts.svelte-1748o6x.svelte-1748o6x,.recommendation-description.svelte-1748o6x.svelte-1748o6x{font-size:.8rem}.summary-overview.svelte-1748o6x.svelte-1748o6x{flex-direction:column;gap:1rem}.summary-overview-content.svelte-1748o6x.svelte-1748o6x{grid-template-columns:1fr;gap:.75rem}.summary-overview-item.svelte-1748o6x.svelte-1748o6x{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem}.overview-label.svelte-1748o6x.svelte-1748o6x{font-size:.8rem}.overview-value.svelte-1748o6x.svelte-1748o6x{font-size:1.1rem}.export-btn.svelte-1748o6x.svelte-1748o6x{width:100%;padding:.875rem;font-size:1rem}.class-summary-card.svelte-1748o6x.svelte-1748o6x{padding:.75rem}.class-title-row.svelte-1748o6x.svelte-1748o6x{flex-direction:column;align-items:flex-start;gap:.5rem}.class-title.svelte-1748o6x.svelte-1748o6x{font-size:1rem}.usage-progress-compact.svelte-1748o6x.svelte-1748o6x{width:100%}.progress-header-compact.svelte-1748o6x.svelte-1748o6x{flex-direction:column;align-items:flex-start;gap:.25rem}.progress-label-compact.svelte-1748o6x.svelte-1748o6x,.progress-percentage-compact.svelte-1748o6x.svelte-1748o6x{font-size:.75rem}.class-summary-stats.svelte-1748o6x.svelte-1748o6x{grid-template-columns:1fr;gap:.5rem}.stat-item.svelte-1748o6x.svelte-1748o6x{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem}.stat-label.svelte-1748o6x.svelte-1748o6x{font-size:.7rem}.stat-value.svelte-1748o6x.svelte-1748o6x{font-size:.8rem}}@media (max-width: 480px){.planning-form.svelte-1748o6x .form-row.svelte-1748o6x{gap:.75rem}.planning-form.svelte-1748o6x .form-group.svelte-1748o6x{flex:1 1 100%;min-width:100%}.planning-form.svelte-1748o6x .form-select.svelte-1748o6x,.planning-form.svelte-1748o6x .form-input.svelte-1748o6x{font-size:.9rem;padding:.625rem}.planning-form.svelte-1748o6x .btn.svelte-1748o6x{padding:.75rem;font-size:.9rem}.calculation-results-section.svelte-1748o6x.svelte-1748o6x,.calculation-item.svelte-1748o6x.svelte-1748o6x{padding:.75rem}.calculation-label.svelte-1748o6x.svelte-1748o6x{font-size:.75rem}.calculation-value.svelte-1748o6x.svelte-1748o6x{font-size:.8rem}.subnet-header.svelte-1748o6x.svelte-1748o6x{padding:.375rem;font-size:.75rem}.subnet-label.svelte-1748o6x.svelte-1748o6x{font-size:.65rem}.subnet-value.svelte-1748o6x.svelte-1748o6x{font-size:.7rem}.recommendation-card.svelte-1748o6x.svelte-1748o6x{padding:.5rem}.recommendation-cidr.svelte-1748o6x.svelte-1748o6x{font-size:.9rem}.recommendation-hosts.svelte-1748o6x.svelte-1748o6x,.recommendation-description.svelte-1748o6x.svelte-1748o6x{font-size:.75rem}.summary-overview-item.svelte-1748o6x.svelte-1748o6x{padding:.5rem}.overview-label.svelte-1748o6x.svelte-1748o6x{font-size:.75rem}.overview-value.svelte-1748o6x.svelte-1748o6x{font-size:1rem}.class-summary-card.svelte-1748o6x.svelte-1748o6x{padding:.5rem}.class-title.svelte-1748o6x.svelte-1748o6x{font-size:.9rem}.progress-label-compact.svelte-1748o6x.svelte-1748o6x,.progress-percentage-compact.svelte-1748o6x.svelte-1748o6x{font-size:.7rem}.stat-item.svelte-1748o6x.svelte-1748o6x{padding:.375rem}.stat-label.svelte-1748o6x.svelte-1748o6x{font-size:.65rem}.stat-value.svelte-1748o6x.svelte-1748o6x{font-size:.75rem}.calculation-results-section.svelte-1748o6x.svelte-1748o6x{margin-top:1rem;padding:.75rem}.calculation-summary.svelte-1748o6x h4.svelte-1748o6x{font-size:.9rem;margin:0 0 .5rem}.calculation-overview.svelte-1748o6x.svelte-1748o6x{grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem}.calculation-item.svelte-1748o6x.svelte-1748o6x{padding:.375rem .5rem}.calculation-label.svelte-1748o6x.svelte-1748o6x,.calculation-value.svelte-1748o6x.svelte-1748o6x{font-size:.75rem}.calculation-value.highlight.svelte-1748o6x.svelte-1748o6x{font-size:.8rem}.subnet-details.svelte-1748o6x h5.svelte-1748o6x{font-size:.8rem;margin:0 0 .5rem}.subnet-grid.svelte-1748o6x.svelte-1748o6x{grid-template-columns:1fr;gap:.5rem;margin-bottom:.5rem}.subnet-header.svelte-1748o6x.svelte-1748o6x{padding:.375rem .5rem;font-size:.75rem}.subnet-info.svelte-1748o6x.svelte-1748o6x{padding:.5rem}.subnet-row.svelte-1748o6x.svelte-1748o6x{margin-bottom:.25rem}.subnet-label.svelte-1748o6x.svelte-1748o6x,.subnet-value.svelte-1748o6x.svelte-1748o6x{font-size:.65rem}}.calculation-results-section.svelte-1748o6x.svelte-1748o6x{margin-top:1.5rem;padding:1rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.calculation-summary.svelte-1748o6x h4.svelte-1748o6x{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem}.calculation-overview.svelte-1748o6x.svelte-1748o6x{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.calculation-item.svelte-1748o6x.svelte-1748o6x{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--background-color);border-radius:.5rem;border:1px solid #e5e7eb}.calculation-label.svelte-1748o6x.svelte-1748o6x{font-size:.8rem;font-weight:500;color:#6b7280}.calculation-value.svelte-1748o6x.svelte-1748o6x{font-size:.8rem;font-weight:600;color:var(--text-color);font-family:Courier New,monospace}.calculation-value.highlight.svelte-1748o6x.svelte-1748o6x{color:var(--primary-color);font-size:.9rem;font-weight:700}.subnet-details.svelte-1748o6x h5.svelte-1748o6x{font-size:.9rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem}.subnet-grid.svelte-1748o6x.svelte-1748o6x{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;margin-bottom:.75rem}.subnet-card.svelte-1748o6x.svelte-1748o6x{background:var(--background-color);border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.subnet-card.svelte-1748o6x.svelte-1748o6x:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.subnet-header.svelte-1748o6x.svelte-1748o6x{background:var(--primary-color);color:#fff;padding:.5rem .75rem;font-weight:600;font-size:.8rem}.subnet-info.svelte-1748o6x.svelte-1748o6x{padding:.75rem}.subnet-row.svelte-1748o6x.svelte-1748o6x{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.subnet-row.svelte-1748o6x.svelte-1748o6x:last-child{margin-bottom:0}.subnet-label.svelte-1748o6x.svelte-1748o6x{font-size:.7rem;color:#6b7280;font-weight:500}.subnet-value.svelte-1748o6x.svelte-1748o6x{font-size:.7rem;color:var(--text-color);font-weight:600;font-family:Courier New,monospace}.subnet-note.svelte-1748o6x.svelte-1748o6x{text-align:center;color:#6b7280;font-size:.875rem;margin:1rem 0 0;font-style:italic}.load-more-section.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.load-more-btn.svelte-1748o6x.svelte-1748o6x{background:var(--background-color);border:2px solid var(--primary-color);color:var(--primary-color);font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.load-more-btn.svelte-1748o6x.svelte-1748o6x:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.planning-header.svelte-1748o6x.svelte-1748o6x{display:flex;flex-direction:column;gap:.25rem}.planning-description.svelte-1748o6x.svelte-1748o6x{font-size:.7rem;line-height:1.3;color:#6b7280;margin:0;font-style:italic}@media (max-width: 768px){.planning-description.svelte-1748o6x.svelte-1748o6x{font-size:.65rem;line-height:1.2}}@media (max-width: 480px){.planning-description.svelte-1748o6x.svelte-1748o6x{font-size:.6rem;line-height:1.1}}.section-description.svelte-1748o6x.svelte-1748o6x{font-size:.7rem;line-height:1.3;color:#6b7280;margin:.5rem 0 1rem;font-style:italic;text-align:center}@media (max-width: 768px){.section-description.svelte-1748o6x.svelte-1748o6x{font-size:.65rem;line-height:1.2;margin:.4rem 0 .8rem}}@media (max-width: 480px){.section-description.svelte-1748o6x.svelte-1748o6x{font-size:.6rem;line-height:1.1;margin:.3rem 0 .6rem}}.ip-conflict-detector.svelte-1eeih0n.svelte-1eeih0n{max-width:1200px;margin:0 auto;padding:.375rem}.detector-header.svelte-1eeih0n.svelte-1eeih0n{text-align:center;margin-bottom:.75rem}.section-title.svelte-1eeih0n.svelte-1eeih0n{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;line-height:1.1}.section-description.svelte-1eeih0n.svelte-1eeih0n{color:var(--text-secondary);font-size:.65rem;line-height:1.2}.mode-selector.svelte-1eeih0n.svelte-1eeih0n{display:flex;justify-content:center;gap:.375rem;margin-bottom:.75rem}.mode-btn.svelte-1eeih0n.svelte-1eeih0n{padding:.375rem .75rem;border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:.25rem;cursor:pointer;transition:all .2s;font-weight:600;font-size:.7rem}.mode-btn.active.svelte-1eeih0n.svelte-1eeih0n,.mode-btn.svelte-1eeih0n.svelte-1eeih0n:hover{background:var(--primary-color);color:#fff}.input-section.svelte-1eeih0n.svelte-1eeih0n{display:grid;gap:.5rem;margin-bottom:.75rem}.input-group.svelte-1eeih0n.svelte-1eeih0n{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem}.input-group.svelte-1eeih0n h3.svelte-1eeih0n{margin-bottom:.375rem;color:var(--text-color);font-weight:600;font-size:.8rem;line-height:1.1}.input-row.svelte-1eeih0n.svelte-1eeih0n{display:grid;grid-template-columns:1fr auto;gap:.375rem;align-items:center}.ip-input.svelte-1eeih0n.svelte-1eeih0n,.cidr-input.svelte-1eeih0n.svelte-1eeih0n{padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;font-family:monospace;font-size:.7rem;line-height:1.1}.add-btn.svelte-1eeih0n.svelte-1eeih0n{padding:.375rem .75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;font-size:.65rem;transition:background-color .2s}.add-btn.svelte-1eeih0n.svelte-1eeih0n:hover{background:var(--secondary-color)}.batch-section.svelte-1eeih0n.svelte-1eeih0n{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;margin-bottom:.75rem}.file-upload.svelte-1eeih0n.svelte-1eeih0n{text-align:center}.file-upload.svelte-1eeih0n h3.svelte-1eeih0n{margin-bottom:.375rem;color:var(--text-color);font-size:.8rem}.file-input.svelte-1eeih0n.svelte-1eeih0n{display:none}.upload-btn.svelte-1eeih0n.svelte-1eeih0n{padding:.375rem .75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;font-size:.65rem}.data-section.svelte-1eeih0n.svelte-1eeih0n{margin-bottom:.75rem}.data-grid.svelte-1eeih0n.svelte-1eeih0n{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.data-group.svelte-1eeih0n.svelte-1eeih0n{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem}.data-group.svelte-1eeih0n h3.svelte-1eeih0n{margin-bottom:.375rem;color:var(--text-color);font-weight:600;font-size:.75rem;line-height:1.1}.data-list.svelte-1eeih0n.svelte-1eeih0n{display:flex;flex-direction:column;gap:.125rem}.data-item.svelte-1eeih0n.svelte-1eeih0n{display:flex;justify-content:space-between;align-items:center;padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;border-left:2px solid;background:var(--bg-secondary);line-height:1.1}.item-info.svelte-1eeih0n.svelte-1eeih0n{display:flex;align-items:center;gap:.375rem;flex:1}.item-value.svelte-1eeih0n.svelte-1eeih0n{font-family:monospace;font-weight:600;color:var(--text-color);font-size:.65rem}.item-class.svelte-1eeih0n.svelte-1eeih0n{padding:.125rem .25rem;border-radius:.125rem;font-size:.6rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.class-a.svelte-1eeih0n.svelte-1eeih0n{background:#dcfce7;color:#166534}.class-b.svelte-1eeih0n.svelte-1eeih0n{background:#fed7aa;color:#9a3412}.class-c.svelte-1eeih0n.svelte-1eeih0n{background:#f3e8ff;color:#6b21a8}.class-d.svelte-1eeih0n.svelte-1eeih0n{background:#fef3c7;color:#92400e}.class-e.svelte-1eeih0n.svelte-1eeih0n{background:#fee2e2;color:#991b1b}.item-description.svelte-1eeih0n.svelte-1eeih0n{color:var(--text-secondary);font-size:.6rem;flex-shrink:0}.remove-btn.svelte-1eeih0n.svelte-1eeih0n{background:#ef4444;color:#fff;border:none;border-radius:50%;width:1rem;height:1rem;cursor:pointer;font-size:.6rem;line-height:1;flex-shrink:0}.empty-state.svelte-1eeih0n.svelte-1eeih0n{text-align:center;color:var(--text-secondary);font-style:italic;padding:.75rem;font-size:.65rem}.analysis-section.svelte-1eeih0n.svelte-1eeih0n{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;margin-bottom:.75rem}.analysis-header.svelte-1eeih0n.svelte-1eeih0n{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.analysis-header.svelte-1eeih0n h3.svelte-1eeih0n{color:var(--text-color);font-weight:600;font-size:.8rem;line-height:1.1}.analysis-stats.svelte-1eeih0n.svelte-1eeih0n{display:flex;gap:.75rem}.stat.svelte-1eeih0n.svelte-1eeih0n{text-align:center}.stat-number.svelte-1eeih0n.svelte-1eeih0n{display:block;font-size:.9rem;font-weight:700;color:var(--primary-color);line-height:1.1}.stat-label.svelte-1eeih0n.svelte-1eeih0n{font-size:.6rem;color:var(--text-secondary);line-height:1.1}.conflicts-list.svelte-1eeih0n h4.svelte-1eeih0n{margin-bottom:.375rem;color:var(--text-color);font-weight:600;font-size:.75rem}.conflict-item.svelte-1eeih0n.svelte-1eeih0n{padding:.5rem;border-radius:.25rem;margin-bottom:.375rem;border:1px solid;line-height:1.2}.conflict-header.svelte-1eeih0n.svelte-1eeih0n{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conflict-type.svelte-1eeih0n.svelte-1eeih0n{font-weight:600;font-size:.65rem}.conflict-severity.svelte-1eeih0n.svelte-1eeih0n{font-weight:600;font-size:.55rem;text-transform:uppercase}.conflict-description.svelte-1eeih0n.svelte-1eeih0n{margin-bottom:.25rem;font-weight:500;font-size:.65rem}.conflict-items.svelte-1eeih0n.svelte-1eeih0n{display:flex;gap:.125rem;margin-bottom:.25rem;flex-wrap:wrap}.conflict-item-value.svelte-1eeih0n.svelte-1eeih0n{font-family:monospace;font-size:.6rem;padding:.125rem .25rem;background:#0000001a;border-radius:.125rem}.conflict-suggestion.svelte-1eeih0n.svelte-1eeih0n{font-size:.6rem;font-style:italic}.no-conflicts.svelte-1eeih0n.svelte-1eeih0n{text-align:center;padding:.75rem}.success-icon.svelte-1eeih0n.svelte-1eeih0n{font-size:1.5rem;color:#22c55e;margin-bottom:.375rem}.action-buttons.svelte-1eeih0n.svelte-1eeih0n{display:flex;gap:.375rem;justify-content:center}.action-btn.svelte-1eeih0n.svelte-1eeih0n{padding:.375rem .75rem;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;font-size:.65rem;transition:all .2s}.action-btn.primary.svelte-1eeih0n.svelte-1eeih0n{background:var(--primary-color);color:#fff}.action-btn.primary.svelte-1eeih0n.svelte-1eeih0n:hover:not(:disabled){background:var(--secondary-color)}.action-btn.secondary.svelte-1eeih0n.svelte-1eeih0n{background:var(--secondary-color);color:#fff}.action-btn.secondary.svelte-1eeih0n.svelte-1eeih0n:hover:not(:disabled){background:#1e3a8a}.action-btn.danger.svelte-1eeih0n.svelte-1eeih0n{background:#ef4444;color:#fff}.action-btn.danger.svelte-1eeih0n.svelte-1eeih0n:hover{background:#dc2626}.action-btn.svelte-1eeih0n.svelte-1eeih0n:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.data-grid.svelte-1eeih0n.svelte-1eeih0n,.input-row.svelte-1eeih0n.svelte-1eeih0n{grid-template-columns:1fr}.analysis-header.svelte-1eeih0n.svelte-1eeih0n{flex-direction:column;gap:.5rem}.analysis-stats.svelte-1eeih0n.svelte-1eeih0n{justify-content:center}.action-buttons.svelte-1eeih0n.svelte-1eeih0n{flex-direction:column}}.device-config-generator.svelte-1ulxybq.svelte-1ulxybq{max-width:1200px;margin:0 auto;padding:.375rem}.generator-header.svelte-1ulxybq.svelte-1ulxybq{text-align:center;margin-bottom:.75rem}.section-title.svelte-1ulxybq.svelte-1ulxybq{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;line-height:1.1}.section-description.svelte-1ulxybq.svelte-1ulxybq{color:var(--text-secondary);font-size:.65rem;line-height:1.2}.device-selection.svelte-1ulxybq.svelte-1ulxybq{display:grid;gap:.5rem;margin-bottom:.75rem}.selection-group.svelte-1ulxybq.svelte-1ulxybq{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem}.selection-group.svelte-1ulxybq h3.svelte-1ulxybq{margin-bottom:.375rem;color:var(--text-color);font-weight:600;font-size:.8rem;line-height:1.1}.device-types.svelte-1ulxybq.svelte-1ulxybq{display:flex;gap:.375rem;flex-wrap:wrap}.device-btn.svelte-1ulxybq.svelte-1ulxybq{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem;border:1px solid var(--border-color);background:#fff;border-radius:.25rem;cursor:pointer;transition:all .2s;min-width:80px}.device-btn.active.svelte-1ulxybq.svelte-1ulxybq,.device-btn.svelte-1ulxybq.svelte-1ulxybq:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.device-icon.svelte-1ulxybq.svelte-1ulxybq{font-size:1rem}.device-label.svelte-1ulxybq.svelte-1ulxybq{font-weight:600;font-size:.7rem}.vendor-select.svelte-1ulxybq.svelte-1ulxybq,.template-select.svelte-1ulxybq.svelte-1ulxybq{width:100%;padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:.7rem;line-height:1.1}.config-section.svelte-1ulxybq.svelte-1ulxybq,.interface-section.svelte-1ulxybq.svelte-1ulxybq{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;margin-bottom:.75rem}.config-header.svelte-1ulxybq.svelte-1ulxybq,.interface-header.svelte-1ulxybq.svelte-1ulxybq{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.config-header.svelte-1ulxybq h3.svelte-1ulxybq,.interface-header.svelte-1ulxybq h3.svelte-1ulxybq{color:var(--text-color);font-weight:600;font-size:.8rem;line-height:1.1}.toggle-btn.svelte-1ulxybq.svelte-1ulxybq{padding:.375rem .75rem;background:var(--secondary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.65rem}.form-row.svelte-1ulxybq.svelte-1ulxybq{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:.5rem}.form-group.svelte-1ulxybq.svelte-1ulxybq{display:flex;flex-direction:column}.form-group.full-width.svelte-1ulxybq.svelte-1ulxybq{grid-column:1 / -1}.form-group.svelte-1ulxybq label.svelte-1ulxybq{margin-bottom:.375rem;color:var(--text-color);font-weight:500;font-size:.8rem;line-height:1.1}.form-input.svelte-1ulxybq.svelte-1ulxybq,.form-select.svelte-1ulxybq.svelte-1ulxybq{padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:.7rem;line-height:1.1}.checkbox-group.svelte-1ulxybq.svelte-1ulxybq{justify-content:center}.checkbox-label.svelte-1ulxybq.svelte-1ulxybq{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.7rem}.checkbox-label.svelte-1ulxybq input[type=checkbox].svelte-1ulxybq{width:1rem;height:1rem}.add-btn.svelte-1ulxybq.svelte-1ulxybq{padding:.375rem .75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;font-size:.65rem}.remove-btn.svelte-1ulxybq.svelte-1ulxybq{padding:.375rem .75rem;background:#ef4444;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.65rem}.interface-list.svelte-1ulxybq.svelte-1ulxybq{display:flex;flex-direction:column;gap:.375rem}.interface-item.svelte-1ulxybq.svelte-1ulxybq{border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;background:var(--bg-secondary)}.generate-section.svelte-1ulxybq.svelte-1ulxybq{text-align:center;margin-bottom:.75rem}.generate-btn.svelte-1ulxybq.svelte-1ulxybq{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;font-size:.8rem;transition:background-color .2s}.generate-btn.svelte-1ulxybq.svelte-1ulxybq:hover:not(:disabled){background:var(--secondary-color)}.generate-btn.svelte-1ulxybq.svelte-1ulxybq:disabled{opacity:.5;cursor:not-allowed}.output-section.svelte-1ulxybq.svelte-1ulxybq{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;margin-bottom:.75rem}.output-header.svelte-1ulxybq.svelte-1ulxybq{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.output-header.svelte-1ulxybq h3.svelte-1ulxybq{color:var(--text-color);font-weight:600;font-size:.8rem;line-height:1.1}.output-actions.svelte-1ulxybq.svelte-1ulxybq{display:flex;gap:.375rem}.action-btn.svelte-1ulxybq.svelte-1ulxybq{padding:.375rem .75rem;background:var(--secondary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.65rem}.config-output.svelte-1ulxybq.svelte-1ulxybq{background:#1f2937;color:#f9fafb;padding:.5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.65rem;line-height:1.2;overflow-x:auto;white-space:pre-wrap;max-height:400px;overflow-y:auto}.history-section.svelte-1ulxybq.svelte-1ulxybq{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;margin-bottom:.75rem}.history-section.svelte-1ulxybq h3.svelte-1ulxybq{margin-bottom:.5rem;color:var(--text-color);font-weight:600;font-size:.8rem;line-height:1.1}.history-list.svelte-1ulxybq.svelte-1ulxybq{display:flex;flex-direction:column;gap:.25rem}.history-item.svelte-1ulxybq.svelte-1ulxybq{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;transition:background-color .2s}.history-item.svelte-1ulxybq.svelte-1ulxybq:hover{background:var(--bg-secondary)}.history-info.svelte-1ulxybq.svelte-1ulxybq{display:flex;flex-direction:column;gap:.125rem}.history-device.svelte-1ulxybq.svelte-1ulxybq{font-weight:600;color:var(--text-color);font-size:.75rem}.history-template.svelte-1ulxybq.svelte-1ulxybq{font-size:.65rem;color:var(--text-secondary)}.history-time.svelte-1ulxybq.svelte-1ulxybq{font-size:.6rem;color:var(--text-secondary)}.load-btn.svelte-1ulxybq.svelte-1ulxybq{padding:.375rem .75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.65rem}.empty-state.svelte-1ulxybq.svelte-1ulxybq{text-align:center;color:var(--text-secondary);font-style:italic;padding:.75rem;font-size:.65rem}.action-buttons.svelte-1ulxybq.svelte-1ulxybq{display:flex;justify-content:center;gap:.375rem}@media (max-width: 768px){.device-types.svelte-1ulxybq.svelte-1ulxybq{justify-content:center}.form-row.svelte-1ulxybq.svelte-1ulxybq{grid-template-columns:1fr}.output-header.svelte-1ulxybq.svelte-1ulxybq{flex-direction:column;gap:1rem}.output-actions.svelte-1ulxybq.svelte-1ulxybq{justify-content:center}}.network-diagnostics.svelte-1xc8zf8.svelte-1xc8zf8{max-width:1200px;margin:0 auto;padding:.375rem}.diagnostics-header.svelte-1xc8zf8.svelte-1xc8zf8{text-align:center;margin-bottom:.75rem}.section-title.svelte-1xc8zf8.svelte-1xc8zf8{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;line-height:1.1}.section-description.svelte-1xc8zf8.svelte-1xc8zf8{color:var(--text-secondary);font-size:.65rem;line-height:1.2}.tool-selection.svelte-1xc8zf8.svelte-1xc8zf8{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;margin-bottom:.75rem}.tool-selection.svelte-1xc8zf8 h3.svelte-1xc8zf8{margin-bottom:.375rem;color:var(--text-color);font-weight:600;font-size:.8rem;line-height:1.1}.tool-grid.svelte-1xc8zf8.svelte-1xc8zf8{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.tool-btn.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem;border:1px solid var(--border-color);background:#fff;border-radius:.25rem;cursor:pointer;transition:all .2s;text-align:center}.tool-btn.active.svelte-1xc8zf8.svelte-1xc8zf8,.tool-btn.svelte-1xc8zf8.svelte-1xc8zf8:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.tool-icon.svelte-1xc8zf8.svelte-1xc8zf8{font-size:1rem}.tool-label.svelte-1xc8zf8.svelte-1xc8zf8{font-weight:600;font-size:.8rem}.tool-description.svelte-1xc8zf8.svelte-1xc8zf8{font-size:.65rem;opacity:.8}.target-section.svelte-1xc8zf8.svelte-1xc8zf8{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;margin-bottom:.75rem}.target-input.svelte-1xc8zf8 label.svelte-1xc8zf8{display:block;margin-bottom:.375rem;color:var(--text-color);font-weight:500;font-size:.8rem;line-height:1.1}.input-group.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;gap:.5rem}.target-input-field.svelte-1xc8zf8.svelte-1xc8zf8{flex:1;padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:.7rem;line-height:1.1}.run-btn.svelte-1xc8zf8.svelte-1xc8zf8{padding:.375rem .75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;transition:background-color .2s;font-size:.65rem}.run-btn.svelte-1xc8zf8.svelte-1xc8zf8:hover:not(:disabled){background:var(--secondary-color)}.run-btn.svelte-1xc8zf8.svelte-1xc8zf8:disabled{opacity:.5;cursor:not-allowed}.options-section.svelte-1xc8zf8.svelte-1xc8zf8{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;margin-bottom:.75rem}.toggle-btn.svelte-1xc8zf8.svelte-1xc8zf8{padding:.375rem .75rem;background:var(--secondary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.65rem;margin-bottom:.5rem}.advanced-options.svelte-1xc8zf8.svelte-1xc8zf8{display:grid;gap:.5rem}.option-group.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;align-items:center;gap:.5rem}.option-group.svelte-1xc8zf8 label.svelte-1xc8zf8{min-width:100px;color:var(--text-color);font-weight:500;font-size:.7rem}.option-input.svelte-1xc8zf8.svelte-1xc8zf8{padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;width:80px;font-size:.7rem}.port-options.svelte-1xc8zf8.svelte-1xc8zf8{display:grid;gap:.75rem}.port-categories.svelte-1xc8zf8 h4.svelte-1xc8zf8,.port-range.svelte-1xc8zf8 h4.svelte-1xc8zf8,.selected-ports.svelte-1xc8zf8 h4.svelte-1xc8zf8{margin-bottom:.375rem;color:var(--text-color);font-weight:600;font-size:.75rem;line-height:1.1}.category-buttons.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;gap:.375rem;flex-wrap:wrap}.category-btn.svelte-1xc8zf8.svelte-1xc8zf8{padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;font-size:.65rem;transition:all .2s}.category-btn.svelte-1xc8zf8.svelte-1xc8zf8:hover{background:var(--primary-color);color:#fff}.range-inputs.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;align-items:center;gap:.375rem}.range-input.svelte-1xc8zf8.svelte-1xc8zf8{padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;width:70px;font-size:.7rem}.add-range-btn.svelte-1xc8zf8.svelte-1xc8zf8{padding:.375rem .75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.65rem}.port-list.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;gap:.25rem;flex-wrap:wrap}.port-tag.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;align-items:center;gap:.125rem;padding:.125rem .25rem;background:var(--primary-color);color:#fff;border:none;border-radius:.125rem;cursor:pointer;font-size:.6rem}.remove-port.svelte-1xc8zf8.svelte-1xc8zf8{font-weight:700;font-size:.7rem}.results-section.svelte-1xc8zf8.svelte-1xc8zf8{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;margin-bottom:.75rem}.results-header.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.results-header.svelte-1xc8zf8 h3.svelte-1xc8zf8{color:var(--text-color);font-weight:600;font-size:.8rem;line-height:1.1}.results-actions.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;gap:.375rem}.action-btn.svelte-1xc8zf8.svelte-1xc8zf8{padding:.375rem .75rem;background:var(--secondary-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.65rem}.action-btn.danger.svelte-1xc8zf8.svelte-1xc8zf8{background:#ef4444}.results-content.svelte-1xc8zf8.svelte-1xc8zf8{max-height:400px;overflow-y:auto}.error-message.svelte-1xc8zf8.svelte-1xc8zf8{padding:.5rem;background:#fee2e2;color:#991b1b;border-radius:.25rem;border:1px solid #fca5a5;font-size:.65rem}.ping-results.svelte-1xc8zf8.svelte-1xc8zf8,.traceroute-results.svelte-1xc8zf8.svelte-1xc8zf8,.portscan-results.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;flex-direction:column;gap:.25rem}.ping-item.svelte-1xc8zf8.svelte-1xc8zf8,.hop-item.svelte-1xc8zf8.svelte-1xc8zf8,.port-item.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-secondary)}.ping-sequence.svelte-1xc8zf8.svelte-1xc8zf8,.hop-number.svelte-1xc8zf8.svelte-1xc8zf8,.port-number.svelte-1xc8zf8.svelte-1xc8zf8{font-weight:600;min-width:30px;font-size:.7rem}.ping-host.svelte-1xc8zf8.svelte-1xc8zf8,.hop-host.svelte-1xc8zf8.svelte-1xc8zf8,.port-service.svelte-1xc8zf8.svelte-1xc8zf8{flex:1;font-family:monospace;font-size:.65rem}.hop-ip.svelte-1xc8zf8.svelte-1xc8zf8{color:var(--text-secondary);font-family:monospace;font-size:.6rem}.ping-time.svelte-1xc8zf8.svelte-1xc8zf8,.hop-time.svelte-1xc8zf8.svelte-1xc8zf8,.port-time.svelte-1xc8zf8.svelte-1xc8zf8{color:var(--text-secondary);font-size:.6rem}.ping-status.svelte-1xc8zf8.svelte-1xc8zf8,.hop-status.svelte-1xc8zf8.svelte-1xc8zf8{color:#22c55e;font-weight:700;font-size:.6rem}.port-status.svelte-1xc8zf8.svelte-1xc8zf8{font-weight:600;text-transform:uppercase;font-size:.6rem}.port-item.open.svelte-1xc8zf8 .port-status.svelte-1xc8zf8{color:#22c55e}.port-item.closed.svelte-1xc8zf8 .port-status.svelte-1xc8zf8{color:#ef4444}.dns-results.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;flex-direction:column;gap:.25rem}.dns-record.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-secondary)}.record-type.svelte-1xc8zf8.svelte-1xc8zf8{font-weight:600;min-width:50px;font-size:.7rem}.record-value.svelte-1xc8zf8.svelte-1xc8zf8{flex:1;font-family:monospace;font-size:.65rem}.record-priority.svelte-1xc8zf8.svelte-1xc8zf8,.record-ttl.svelte-1xc8zf8.svelte-1xc8zf8{color:var(--text-secondary);font-size:.6rem}.whois-results.svelte-1xc8zf8.svelte-1xc8zf8{display:flex;flex-direction:column;gap:.25rem}.whois-item.svelte-1xc8zf8.svelte-1xc8zf8{padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-secondary);font-size:.65rem}@media (max-width: 768px){.tool-grid.svelte-1xc8zf8.svelte-1xc8zf8{grid-template-columns:1fr}.input-group.svelte-1xc8zf8.svelte-1xc8zf8{flex-direction:column}.results-header.svelte-1xc8zf8.svelte-1xc8zf8{flex-direction:column;gap:1rem}.results-actions.svelte-1xc8zf8.svelte-1xc8zf8{justify-content:center}.ping-item.svelte-1xc8zf8.svelte-1xc8zf8,.hop-item.svelte-1xc8zf8.svelte-1xc8zf8,.port-item.svelte-1xc8zf8.svelte-1xc8zf8,.dns-record.svelte-1xc8zf8.svelte-1xc8zf8{flex-direction:column;align-items:flex-start;gap:.5rem}}.tool-card.svelte-1t8rdha{background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;box-shadow:0 2px 8px #0000000f;padding:1.25rem 1.5rem;margin-bottom:1.25rem;transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;gap:.75rem}.tool-card.svelte-1t8rdha:hover{box-shadow:0 4px 16px #3b82f61a;border-color:var(--primary-color, #3b82f6)}.tool-card-header.svelte-1t8rdha{display:flex;align-items:center;gap:1rem}.tool-card-icon.svelte-1t8rdha{font-size:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tool-card-info.svelte-1t8rdha{flex:1}.tool-card-title.svelte-1t8rdha{font-size:1.1rem;font-weight:600;color:var(--text-color, #1e293b);margin:0 0 .25rem;line-height:1.2}.tool-card-description.svelte-1t8rdha{color:var(--text-secondary, #6b7280);font-size:.85rem;margin:0;line-height:1.4}.tool-card-content.svelte-1t8rdha{flex:1}.tool-card-actions.svelte-1t8rdha{display:flex;gap:.5rem;margin-top:.5rem}.workflow-wizard.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{max-width:1200px;margin:0 auto;padding:.375rem}.wizard-header.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{text-align:center;margin-bottom:.75rem}.wizard-header.svelte-2pf09s h2.svelte-2pf09s.svelte-2pf09s{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;line-height:1.1}.wizard-header.svelte-2pf09s p.svelte-2pf09s.svelte-2pf09s{color:var(--text-secondary);font-size:.65rem;line-height:1.2}.workflow-grid.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:.75rem}.workflow-steps.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{font-size:.6rem;color:var(--primary-color);font-weight:500}.wizard-modal.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.wizard-content.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{background:#fff;border-radius:.25rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.wizard-content.svelte-2pf09s .wizard-header.svelte-2pf09s.svelte-2pf09s{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:1px solid var(--border-color);margin:0;text-align:left}.wizard-content.svelte-2pf09s .wizard-header.svelte-2pf09s h2.svelte-2pf09s{margin:0;font-size:.8rem;line-height:1.1}.close-btn.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:50%;transition:background-color .2s ease}.close-btn.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s:hover{background-color:var(--bg-secondary)}.progress-bar.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{height:2px;background:var(--border-color);overflow:hidden}.progress.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{height:100%;background:var(--primary-color);transition:width .3s ease}.step-navigation.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{display:flex;padding:.5rem;border-bottom:1px solid var(--border-color);overflow-x:auto}.step-indicator.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{display:flex;align-items:center;margin-right:.5rem;padding:.25rem;border-radius:.25rem;transition:all .2s ease;flex-shrink:0}.step-indicator.active.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{background:#3b82f61a}.step-indicator.current.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{background:var(--primary-color);color:#fff}.step-number.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{width:16px;height:16px;border-radius:50%;background:var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;margin-right:.25rem}.step-indicator.active.svelte-2pf09s .step-number.svelte-2pf09s.svelte-2pf09s{background:var(--primary-color);color:#fff}.step-indicator.current.svelte-2pf09s .step-number.svelte-2pf09s.svelte-2pf09s{background:#fff;color:var(--primary-color)}.step-title.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{font-size:.6rem;font-weight:500}.step-content.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{padding:.5rem}.step-content.svelte-2pf09s h3.svelte-2pf09s.svelte-2pf09s{font-size:.8rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem;line-height:1.1}.step-content.svelte-2pf09s p.svelte-2pf09s.svelte-2pf09s{color:var(--text-secondary);margin-bottom:.5rem;font-size:.65rem;line-height:1.2}.wizard-actions.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{display:flex;justify-content:space-between;padding:.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.btn.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{padding:.375rem .75rem;border:none;border-radius:.25rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.65rem}.btn-primary.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{background:var(--primary-color);color:#fff}.btn-primary.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s:hover{background:var(--secondary-color)}.btn-secondary.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{background:#6b7280;color:#fff}.btn-secondary.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s:hover{background:#4b5563}.btn-success.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{background:#10b981;color:#fff}.btn-success.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s:hover{background:#059669}@media (max-width: 768px){.workflow-grid.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{grid-template-columns:1fr}.wizard-content.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{margin:1rem;max-height:calc(100vh - 2rem)}.step-navigation.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{flex-direction:column;gap:.5rem}.step-indicator.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{margin-right:0}.wizard-actions.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{flex-direction:column;gap:.5rem}.btn.svelte-2pf09s.svelte-2pf09s.svelte-2pf09s{width:100%}}.template-library.svelte-1o4mwsz.svelte-1o4mwsz{max-width:1200px;margin:0 auto;padding:.375rem}.section-title.svelte-1o4mwsz.svelte-1o4mwsz{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;line-height:1.1;text-align:center}.section-description.svelte-1o4mwsz.svelte-1o4mwsz{color:var(--text-secondary);font-size:.65rem;line-height:1.2;text-align:center;margin-bottom:.5rem}.template-grid.svelte-1o4mwsz.svelte-1o4mwsz{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.template-actions.svelte-1o4mwsz.svelte-1o4mwsz{display:flex;gap:.5rem}.btn.svelte-1o4mwsz.svelte-1o4mwsz{padding:.375rem .75rem;border:none;border-radius:.25rem;font-weight:500;cursor:pointer;font-size:.65rem;transition:background .2s,color .2s}.btn-preview.svelte-1o4mwsz.svelte-1o4mwsz{background:#f3f4f6;color:var(--primary-color)}.btn-preview.svelte-1o4mwsz.svelte-1o4mwsz:hover,.btn-import.svelte-1o4mwsz.svelte-1o4mwsz{background:var(--primary-color);color:#fff}.btn-import.svelte-1o4mwsz.svelte-1o4mwsz:hover{background:var(--secondary-color)}.template-modal.svelte-1o4mwsz.svelte-1o4mwsz{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-1o4mwsz.svelte-1o4mwsz{background:#fff;border-radius:.25rem;max-width:600px;width:100%;padding:.5rem;box-shadow:0 4px 6px -1px #0000001a;position:relative}.modal-header.svelte-1o4mwsz.svelte-1o4mwsz{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.modal-header.svelte-1o4mwsz h3.svelte-1o4mwsz{font-size:.8rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.1}.close-btn.svelte-1o4mwsz.svelte-1o4mwsz{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:50%;transition:background .2s}.close-btn.svelte-1o4mwsz.svelte-1o4mwsz:hover{background:var(--bg-secondary)}.template-json.svelte-1o4mwsz.svelte-1o4mwsz{background:var(--bg-secondary);padding:.5rem;border-radius:.25rem;font-size:.65rem;color:var(--text-color);max-height:200px;overflow:auto;margin-bottom:.5rem}.modal-actions.svelte-1o4mwsz.svelte-1o4mwsz{display:flex;gap:.5rem;justify-content:flex-end}.btn-cancel.svelte-1o4mwsz.svelte-1o4mwsz{background:#f3f4f6;color:#6b7280}.btn-cancel.svelte-1o4mwsz.svelte-1o4mwsz:hover{background:#e5e7eb}@media (max-width: 600px){.modal-content.svelte-1o4mwsz.svelte-1o4mwsz{padding:.5rem}}.export-tools.svelte-jxskky.svelte-jxskky{max-width:1200px;margin:0 auto;padding:.75rem .375rem .375rem}.section-title.svelte-jxskky.svelte-jxskky{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;line-height:1.1;text-align:center}.tab-description.svelte-jxskky.svelte-jxskky{color:var(--text-secondary);font-size:.65rem;line-height:1.2;text-align:center;margin-bottom:.75rem}.export-options.svelte-jxskky.svelte-jxskky{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:.75rem}.export-actions.svelte-jxskky.svelte-jxskky{text-align:center;margin-bottom:.75rem}.btn.svelte-jxskky.svelte-jxskky{padding:.375rem .75rem;border:none;border-radius:.25rem;font-weight:500;cursor:pointer;font-size:.65rem;transition:all .2s ease}.btn-generate.svelte-jxskky.svelte-jxskky{background:var(--primary-color);color:#fff;min-width:150px}.btn-generate.svelte-jxskky.svelte-jxskky:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px)}.btn-generate.svelte-jxskky.svelte-jxskky:disabled{opacity:.6;cursor:not-allowed}.export-preview.svelte-jxskky.svelte-jxskky{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;overflow:hidden;box-shadow:0 1px 3px #0000000d}.preview-header.svelte-jxskky.svelte-jxskky{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.preview-header.svelte-jxskky h3.svelte-jxskky{font-size:.8rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.1}.preview-actions.svelte-jxskky.svelte-jxskky{display:flex;gap:.25rem}.btn-copy.svelte-jxskky.svelte-jxskky{background:var(--text-secondary);color:#fff;padding:.25rem .5rem;font-size:.6rem}.btn-copy.svelte-jxskky.svelte-jxskky:hover{background:var(--text-color)}.preview-content.svelte-jxskky.svelte-jxskky{padding:.5rem;background:var(--bg-secondary);margin:0;font-family:Courier New,monospace;font-size:.65rem;line-height:1.2;color:var(--text-color);max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-word}@keyframes svelte-jxskky-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.export-options.svelte-jxskky.svelte-jxskky{grid-template-columns:1fr}.preview-header.svelte-jxskky.svelte-jxskky{flex-direction:column;gap:1rem;align-items:flex-start}}.collaboration-tools.svelte-1p45ntk.svelte-1p45ntk{max-width:1200px;margin:0 auto;padding:.375rem}.section-title.svelte-1p45ntk.svelte-1p45ntk{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;line-height:1.1;text-align:center}.tab-description.svelte-1p45ntk.svelte-1p45ntk{color:var(--text-secondary);font-size:.65rem;line-height:1.2;text-align:center;margin-bottom:.75rem}.tab-navigation.svelte-1p45ntk.svelte-1p45ntk{display:flex;justify-content:center;gap:.25rem;margin-bottom:.75rem;flex-wrap:wrap}.tab-btn.svelte-1p45ntk.svelte-1p45ntk{padding:.375rem .75rem;border:1px solid var(--border-color);background:#fff;border-radius:.25rem;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.65rem}.tab-btn.svelte-1p45ntk.svelte-1p45ntk:hover{border-color:var(--primary-color);background:#3b82f60d}.tab-btn.active.svelte-1p45ntk.svelte-1p45ntk{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.tab-content.svelte-1p45ntk.svelte-1p45ntk{background:#fff;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;box-shadow:0 1px 3px #0000000d}.tab-content.svelte-1p45ntk h3.svelte-1p45ntk{font-size:.8rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;line-height:1.1}.share-options.svelte-1p45ntk.svelte-1p45ntk{display:grid;gap:.5rem}.share-option.svelte-1p45ntk.svelte-1p45ntk,.share-link.svelte-1p45ntk.svelte-1p45ntk{background:var(--bg-secondary);padding:.5rem;border-radius:.25rem;border:1px solid var(--border-color)}.share-option.svelte-1p45ntk h4.svelte-1p45ntk,.share-link.svelte-1p45ntk h4.svelte-1p45ntk{font-size:.8rem;font-weight:600;margin-bottom:.25rem;color:var(--text-color);line-height:1.1}.link-container.svelte-1p45ntk.svelte-1p45ntk{display:flex;gap:.25rem;margin-top:.5rem}.link-container.svelte-1p45ntk input.svelte-1p45ntk{flex:1;padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;font-family:monospace;font-size:.65rem}.projects-list.svelte-1p45ntk.svelte-1p45ntk{display:grid;gap:.5rem}.project-meta.svelte-1p45ntk.svelte-1p45ntk{display:flex;gap:.5rem;margin:.25rem 0;font-size:.65rem;color:var(--text-secondary)}.collaborators.svelte-1p45ntk.svelte-1p45ntk{margin-top:.25rem}.collaborator.svelte-1p45ntk.svelte-1p45ntk{display:inline-block;background:var(--primary-color);color:#fff;padding:.125rem .25rem;border-radius:.125rem;font-size:.6rem;margin-right:.25rem;margin-bottom:.125rem}.add-comment.svelte-1p45ntk.svelte-1p45ntk{background:var(--bg-secondary);padding:.5rem;border-radius:.25rem;margin-bottom:.75rem}.add-comment.svelte-1p45ntk h4.svelte-1p45ntk{margin-bottom:.5rem;color:var(--text-color);font-size:.8rem;line-height:1.1}.add-comment.svelte-1p45ntk textarea.svelte-1p45ntk{width:100%;padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;resize:vertical;margin-bottom:.5rem;font-size:.65rem}.comments-list.svelte-1p45ntk.svelte-1p45ntk{display:grid;gap:.5rem}.comment.svelte-1p45ntk.svelte-1p45ntk{background:var(--bg-secondary);padding:.5rem;border-radius:.25rem;border:1px solid var(--border-color)}.comment-header.svelte-1p45ntk.svelte-1p45ntk{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.timestamp.svelte-1p45ntk.svelte-1p45ntk{font-size:.6rem;color:var(--text-secondary)}.comment-content.svelte-1p45ntk.svelte-1p45ntk{margin-bottom:.5rem;line-height:1.2;font-size:.65rem}.replies.svelte-1p45ntk.svelte-1p45ntk{margin-left:1rem;margin-bottom:.5rem}.reply.svelte-1p45ntk.svelte-1p45ntk{background:#fff;padding:.5rem;border-radius:.25rem;margin-bottom:.25rem;border:1px solid var(--border-color)}.reply-header.svelte-1p45ntk.svelte-1p45ntk{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.reply-content.svelte-1p45ntk.svelte-1p45ntk{line-height:1.2;font-size:.65rem}.reply-form.svelte-1p45ntk.svelte-1p45ntk{display:flex;gap:.25rem;margin-top:.5rem}.reply-form.svelte-1p45ntk input.svelte-1p45ntk{flex:1;padding:.25rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:.65rem}.add-version.svelte-1p45ntk.svelte-1p45ntk{background:var(--bg-secondary);padding:.5rem;border-radius:.25rem;margin-bottom:.75rem}.add-version.svelte-1p45ntk h4.svelte-1p45ntk{margin-bottom:.5rem;color:var(--text-color);font-size:.8rem;line-height:1.1}.add-version.svelte-1p45ntk input.svelte-1p45ntk{width:100%;padding:.375rem;border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:.5rem;font-size:.65rem}.versions-list.svelte-1p45ntk.svelte-1p45ntk{display:grid;gap:.5rem}.version-card.svelte-1p45ntk.svelte-1p45ntk{background:var(--bg-secondary);padding:.5rem;border-radius:.25rem;border:1px solid var(--border-color)}.version-header.svelte-1p45ntk.svelte-1p45ntk{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.version-header.svelte-1p45ntk h4.svelte-1p45ntk{font-size:.8rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.1}.version-description.svelte-1p45ntk.svelte-1p45ntk{margin-bottom:.5rem;color:var(--text-secondary);font-size:.65rem;line-height:1.2}.version-author.svelte-1p45ntk.svelte-1p45ntk{margin-bottom:.25rem;font-size:.65rem}.version-changes.svelte-1p45ntk ul.svelte-1p45ntk{margin:.25rem 0 0 1rem;padding:0}.version-changes.svelte-1p45ntk li.svelte-1p45ntk{margin-bottom:.125rem;color:var(--text-secondary);font-size:.65rem}.btn.svelte-1p45ntk.svelte-1p45ntk{padding:.375rem .75rem;border:none;border-radius:.25rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.65rem}.btn-primary.svelte-1p45ntk.svelte-1p45ntk{background:var(--primary-color);color:#fff}.btn-primary.svelte-1p45ntk.svelte-1p45ntk:hover:not(:disabled){background:var(--secondary-color)}.btn-secondary.svelte-1p45ntk.svelte-1p45ntk{background:var(--text-secondary);color:#fff}.btn-secondary.svelte-1p45ntk.svelte-1p45ntk:hover{background:var(--text-color)}.btn-small.svelte-1p45ntk.svelte-1p45ntk{padding:.25rem .5rem;font-size:.6rem}.btn.svelte-1p45ntk.svelte-1p45ntk:disabled{opacity:.6;cursor:not-allowed}@keyframes svelte-1p45ntk-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.tab-navigation.svelte-1p45ntk.svelte-1p45ntk{flex-direction:column;align-items:center}.tab-btn.svelte-1p45ntk.svelte-1p45ntk{width:100%;max-width:200px}.tab-content.svelte-1p45ntk.svelte-1p45ntk{padding:1rem}.comment-header.svelte-1p45ntk.svelte-1p45ntk,.version-header.svelte-1p45ntk.svelte-1p45ntk{flex-direction:column;align-items:flex-start;gap:.5rem}.reply-form.svelte-1p45ntk.svelte-1p45ntk{flex-direction:column}}.language-selector.svelte-1h6f5m0.svelte-1h6f5m0{position:relative;display:inline-block}.language-button.svelte-1h6f5m0.svelte-1h6f5m0{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem}.language-button.svelte-1h6f5m0.svelte-1h6f5m0:hover{background:#fff3;border-color:#ffffff4d}.flag.svelte-1h6f5m0.svelte-1h6f5m0{font-size:1rem}.language-name.svelte-1h6f5m0.svelte-1h6f5m0{font-weight:500}.arrow.svelte-1h6f5m0.svelte-1h6f5m0{font-size:.75rem;transition:transform .2s ease}.arrow.rotated.svelte-1h6f5m0.svelte-1h6f5m0{transform:rotate(180deg)}.language-dropdown.svelte-1h6f5m0.svelte-1h6f5m0{position:absolute;top:100%;right:0;margin-top:.25rem;background:#fff;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;min-width:150px;overflow:hidden}.language-option.svelte-1h6f5m0.svelte-1h6f5m0{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;border:none;background:none;cursor:pointer;transition:background-color .2s ease;text-align:left;font-size:.875rem;color:var(--text-color)}.language-option.svelte-1h6f5m0.svelte-1h6f5m0:hover{background-color:var(--background-color)}.language-option.active.svelte-1h6f5m0.svelte-1h6f5m0{background-color:var(--primary-color);color:#fff}.language-option.svelte-1h6f5m0 .flag.svelte-1h6f5m0{font-size:1rem}.language-option.svelte-1h6f5m0 .language-name.svelte-1h6f5m0{font-weight:500}@media (max-width: 768px){.language-button.svelte-1h6f5m0 .language-name.svelte-1h6f5m0{display:none}.language-dropdown.svelte-1h6f5m0.svelte-1h6f5m0{right:-.5rem}}.floating-share.svelte-1r7tii{position:fixed;top:80px;right:20px;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,231,235,.8);border-radius:12px;padding:.5rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.floating-share.expanded.svelte-1r7tii{padding:.5rem}.floating-share.svelte-1r7tii:hover{background:#fffffffa;box-shadow:0 8px 30px #00000026}.main-share-btn.svelte-1r7tii{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--primary-color);border-radius:8px;background:var(--primary-color);color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative}.main-share-btn.svelte-1r7tii:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-options.svelte-1r7tii{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;animation:svelte-1r7tii-slideDown .3s ease-out}@keyframes svelte-1r7tii-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.share-btn.svelte-1r7tii{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(229,231,235,.8);border-radius:8px;background:#fff;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative}.platform-btn.svelte-1r7tii{border-color:var(--platform-color);color:var(--platform-color)}.platform-btn.svelte-1r7tii:hover{background:var(--platform-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.copy-btn.svelte-1r7tii,.email-btn.svelte-1r7tii{background:#fff;color:var(--primary-color);border-color:var(--primary-color)}.copy-btn.svelte-1r7tii:hover,.email-btn.svelte-1r7tii:hover{background:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-2px);color:#fff}.platform-icon.svelte-1r7tii{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.share-btn.svelte-1r7tii:before{content:attr(title);position:absolute;right:50px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1001}.share-btn.svelte-1r7tii:after{content:"";position:absolute;right:45px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#000c;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.share-btn.svelte-1r7tii:hover:before,.share-btn.svelte-1r7tii:hover:after{opacity:1;visibility:visible}@media (max-width: 768px){.floating-share.svelte-1r7tii{top:100px;right:15px;padding:.5rem}.main-share-btn.svelte-1r7tii,.share-btn.svelte-1r7tii{width:44px;height:44px;font-size:1rem}.platform-icon.svelte-1r7tii{width:24px;height:24px}.share-btn.svelte-1r7tii:before{right:50px;font-size:.75rem;padding:.5rem .75rem}.share-btn.svelte-1r7tii:after{right:45px}}@media (max-width: 480px){.floating-share.svelte-1r7tii{top:90px;right:10px;padding:.4rem}.main-share-btn.svelte-1r7tii,.share-btn.svelte-1r7tii{width:40px;height:40px;font-size:.95rem}.platform-icon.svelte-1r7tii{width:22px;height:22px}.share-btn.svelte-1r7tii:before{right:45px;font-size:.7rem;padding:.4rem .6rem}.share-btn.svelte-1r7tii:after{right:40px}}@media (max-width: 360px){.share-btn.svelte-1r7tii:before,.share-btn.svelte-1r7tii:after{display:none}}