.header[data-astro-cid-3ef6ksr2]{border-bottom:2px solid var(--color-border);padding:1rem 0;background:var(--color-bg-lighter)}.header__nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between}.header__logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-green);font-family:var(--font-pixel);font-size:.75rem}.header__logo[data-astro-cid-3ef6ksr2]:hover{text-shadow:var(--glow-green)}.header__logo-icon[data-astro-cid-3ef6ksr2]{font-size:1.5rem}.header__logo-accent[data-astro-cid-3ef6ksr2]{color:var(--color-amber)}.header__menu[data-astro-cid-3ef6ksr2]{display:flex;gap:1.5rem;list-style:none}.header__link[data-astro-cid-3ef6ksr2]{font-family:var(--font-pixel);font-size:.5rem;color:var(--color-text);text-decoration:none;letter-spacing:1px;padding:.5rem;transition:color .2s}.header__link[data-astro-cid-3ef6ksr2]:hover{color:var(--color-green);text-shadow:var(--glow-green)}.footer[data-astro-cid-sz7xmlte]{border-top:2px solid var(--color-border);padding:2rem 0;margin-top:4rem;background:var(--color-bg-lighter)}.footer__inner[data-astro-cid-sz7xmlte]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer__copyright[data-astro-cid-sz7xmlte]{font-family:var(--font-terminal);font-size:1rem;color:var(--color-border-bright);margin:0}.footer__links[data-astro-cid-sz7xmlte]{display:flex;gap:1.5rem}.footer__links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-family:var(--font-terminal);font-size:1rem;color:var(--color-border-bright);text-decoration:none;transition:color .2s}.footer__links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-cyan)}:root{--color-bg: #0a0a12;--color-bg-lighter: #12121e;--color-bg-card: #16162a;--color-green: #00ff88;--color-green-dim: #00cc6a;--color-amber: #ff6600;--color-amber-dim: #cc5200;--color-cyan: #00e5ff;--color-magenta: #ff00ff;--color-red: #ff3333;--color-text: #b8c0d0;--color-text-bright: #e0e4ec;--color-border: #2a2a4a;--color-border-bright: #3a3a6a;--font-pixel: "Press Start 2P", monospace;--font-terminal: "VT323", monospace;--font-mono: "Courier New", monospace;--glow-green: 0 0 10px rgba(0, 255, 136, .3), 0 0 20px rgba(0, 255, 136, .1);--glow-amber: 0 0 10px rgba(255, 102, 0, .3), 0 0 20px rgba(255, 102, 0, .1);--glow-cyan: 0 0 10px rgba(0, 229, 255, .3);--radius: 2px;--max-width: 1100px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-terminal);font-size:1.25rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-pixel);color:var(--color-green);line-height:1.4}h1{font-size:1.5rem;text-shadow:var(--glow-green)}h2{font-size:1rem;text-shadow:var(--glow-green)}h3{font-size:.75rem}h4{font-size:.625rem}p{margin-bottom:1rem}a{color:var(--color-cyan);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:var(--color-green);text-shadow:var(--glow-green)}code{font-family:var(--font-mono);background:var(--color-bg-lighter);padding:.15em .4em;border-radius:var(--radius);font-size:.9em;color:var(--color-amber)}::selection{background:var(--color-green);color:var(--color-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-bright);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-green-dim)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{content:"█";animation:blink 1s step-end infinite;color:var(--color-green)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px)}.crt-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%)}@keyframes crt-flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.98}15%{opacity:.96}20%{opacity:.99}to{opacity:.98}}.crt-flicker{animation:crt-flicker 4s infinite}.text-glow-green{text-shadow:var(--glow-green)}.text-glow-amber{text-shadow:var(--glow-amber)}@media(prefers-reduced-motion:reduce){.crt-overlay:before,.crt-overlay:after{display:none}.crt-flicker{animation:none;opacity:1}}.retro-window{background:var(--color-bg-card);border:2px solid var(--color-border-bright);border-radius:var(--radius);overflow:hidden}.retro-window__titlebar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-lighter);border-bottom:2px solid var(--color-border);font-family:var(--font-pixel);font-size:.625rem;color:var(--color-text-bright);user-select:none}.retro-window__dots{display:flex;gap:6px}.retro-window__dot{width:12px;height:12px;border-radius:50%}.retro-window__dot--red{background:var(--color-red)}.retro-window__dot--yellow{background:#fc0}.retro-window__dot--green{background:var(--color-green)}.retro-window__body{padding:1.5rem}.btn-retro{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-pixel);font-size:.625rem;padding:.75rem 1.25rem;border:2px solid var(--color-green);background:transparent;color:var(--color-green);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s;text-decoration:none}.btn-retro:hover{background:var(--color-green);color:var(--color-bg);text-shadow:none;box-shadow:var(--glow-green)}.btn-retro:active{transform:translateY(1px)}.btn-retro--amber{border-color:var(--color-amber);color:var(--color-amber)}.btn-retro--amber:hover{background:var(--color-amber);color:var(--color-bg);box-shadow:var(--glow-amber)}.btn-retro--small{font-size:.5rem;padding:.5rem .75rem}.btn-retro--active{background:var(--color-green);color:var(--color-bg);box-shadow:var(--glow-green)}.input-retro{font-family:var(--font-terminal);font-size:1.25rem;padding:.75rem 1rem;background:#1a1a30;border:2px solid #6a6aaa;color:var(--color-text-bright);width:100%;outline:none;transition:border-color .2s,box-shadow .2s}.input-retro:focus{border-color:var(--color-green);box-shadow:var(--glow-green)}.input-retro::placeholder{color:#88a}textarea.input-retro{resize:vertical;min-height:120px;line-height:1.5}select.input-retro{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300ff88'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.label-retro{display:block;font-family:var(--font-pixel);font-size:.5rem;color:var(--color-amber);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.tool-card{display:block;background:var(--color-bg-card);border:2px solid var(--color-border);padding:1.5rem;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--color-green);box-shadow:var(--glow-green);transform:translateY(-2px)}.tool-card__icon{font-size:2rem;margin-bottom:.75rem;display:block}.tool-card__title{font-family:var(--font-pixel);font-size:.625rem;color:var(--color-green);margin-bottom:.5rem}.tool-card__desc{font-family:var(--font-terminal);font-size:1.125rem;color:var(--color-text);line-height:1.4}.tool-card__arrow{position:absolute;bottom:1rem;right:1rem;color:var(--color-green);opacity:0;transition:opacity .2s;font-family:var(--font-terminal);font-size:1.5rem}.tool-card:hover .tool-card__arrow{opacity:1}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.output-box{background:#1a1a30;border:2px solid #6a6aaa;padding:1rem;font-family:var(--font-terminal);font-size:1.125rem;color:var(--color-green);min-height:80px;word-break:break-all;white-space:pre-wrap}.section-gap{margin-bottom:3rem}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-family:var(--font-terminal);font-size:1rem;color:var(--color-text);margin-bottom:1.5rem;flex-wrap:wrap}.breadcrumbs a{color:var(--color-cyan)}.breadcrumbs__separator{color:var(--color-border-bright)}.breadcrumbs__current{color:var(--color-green)}.b64{display:flex;flex-direction:column;gap:1.5rem}.b64__controls{display:flex;gap:.75rem;flex-wrap:wrap}.b64__field{display:flex;flex-direction:column}.b64__output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.b64__output-header .label-retro{margin-bottom:0}.b64__actions{display:flex;gap:.5rem}.b64__placeholder{color:var(--color-border-bright)}.b64__stats{display:flex;gap:2rem;font-family:var(--font-terminal);font-size:1rem;color:var(--color-border-bright)}.tool-error{color:var(--color-red);font-family:var(--font-terminal);padding:.75rem;border:1px solid var(--color-red);background:#ff33330d}.tool-hint{font-family:var(--font-terminal);font-size:1rem;color:var(--color-border-bright);margin-top:.5rem}.json-fmt{display:flex;flex-direction:column;gap:1.5rem}.json-fmt__controls{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.json-fmt__indent-group{display:flex;flex-direction:column;gap:.5rem}.json-fmt__indent-buttons,.json-fmt__actions{display:flex;gap:.5rem}.json-fmt__panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.json-fmt__panel{display:flex;flex-direction:column}.json-fmt__output{flex:1;overflow:auto;max-height:400px;font-size:.95rem}.json-fmt__error{padding:1rem;border:2px solid var(--color-red);background:#ff33330d}.json-fmt__error-label{font-family:var(--font-pixel);font-size:.625rem;color:var(--color-red);display:block;margin-bottom:.5rem}.json-fmt__error-msg{font-family:var(--font-terminal);color:var(--color-red);font-size:1rem;margin:0}.json-fmt__stats{display:flex;gap:2rem;font-family:var(--font-terminal);font-size:1rem;color:var(--color-border-bright)}.url-enc{display:flex;flex-direction:column;gap:1.5rem}.url-enc__controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.url-enc__mode-group,.url-enc__method-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.url-enc__field{display:flex;flex-direction:column}.url-enc__output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.url-enc__output-header .label-retro{margin-bottom:0}.url-enc__hint{padding:.75rem;background:var(--color-bg-lighter);border-left:3px solid var(--color-amber)}.url-enc__hint-text{font-family:var(--font-terminal);font-size:1rem;color:var(--color-text);margin:0}.hash-gen{display:flex;flex-direction:column;gap:1.5rem}.hash-gen__controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.hash-gen__algo-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.hash-gen__results{display:flex;flex-direction:column;gap:1rem}.hash-gen__result{opacity:.5;transition:opacity .2s}.hash-gen__result--active{opacity:1}.hash-gen__result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.hash-gen__bits{font-family:var(--font-terminal);font-size:.875rem;color:var(--color-border-bright)}.hash-gen__hash{font-size:.95rem;word-break:break-all}.diff{display:flex;flex-direction:column;gap:1.5rem}.diff__controls{display:flex;gap:.75rem}.diff__inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diff__input-panel{display:flex;flex-direction:column}.diff__stats{display:flex;gap:1.5rem;font-family:var(--font-terminal);font-size:1rem}.diff__stat--added{color:var(--color-green)}.diff__stat--removed{color:var(--color-red)}.diff__stat--unchanged{color:var(--color-border-bright)}.diff__output{background:#1a1a30;border:2px solid #4a4a7a;font-family:var(--font-mono);font-size:.875rem;overflow:auto;max-height:500px}.diff__line{display:flex;padding:1px .5rem;line-height:1.6}.diff__line--added{background:#00ff8814;color:var(--color-green)}.diff__line--removed{background:#ff333314;color:var(--color-red)}.diff__line--unchanged{color:var(--color-text)}.diff__line-num{width:3ch;text-align:right;color:var(--color-border-bright);user-select:none;flex-shrink:0;margin-right:.25rem}.diff__line-marker{width:2ch;text-align:center;flex-shrink:0;font-weight:700}.diff__line-text{white-space:pre-wrap;word-break:break-all}.color-conv{display:flex;flex-direction:column;gap:1.5rem}.color-conv__input-row{display:flex;gap:1rem;align-items:flex-end}.color-conv__input-field{flex:1}.color-conv__preview{width:80px;height:80px;border:2px solid var(--color-border-bright);border-radius:var(--radius);flex-shrink:0;background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;position:relative}.color-conv__error{color:var(--color-red);font-family:var(--font-terminal)}.color-conv__results{display:flex;flex-direction:column;gap:.75rem}.color-conv__result{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#1a1a30;border:1px solid #4a4a7a}.color-conv__value{flex:1;font-family:var(--font-terminal);font-size:1.125rem;color:var(--color-cyan);background:none;padding:0}.color-conv__sliders{display:flex;flex-direction:column;gap:.5rem}.color-conv__slider-row{display:flex;align-items:center;gap:.75rem}.color-conv__slider-label{font-family:var(--font-pixel);font-size:.5rem;color:var(--color-amber);width:1.5rem;text-align:center}.color-conv__slider{flex:1;height:4px;appearance:none;background:var(--color-border);border-radius:2px;outline:none}.color-conv__slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:var(--color-green);border-radius:50%;cursor:pointer}.color-conv__slider-value{font-family:var(--font-terminal);font-size:1rem;color:var(--color-text);width:3rem;text-align:right}.ts-conv{display:flex;flex-direction:column;gap:1.5rem}.ts-conv__now{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1a1a30;border:2px solid #4a4a7a;flex-wrap:wrap}.ts-conv__now-value{display:flex;align-items:center;gap:.75rem}.ts-conv__now-num{font-family:var(--font-terminal);font-size:1.5rem;color:var(--color-green);background:none;padding:0}.ts-conv__controls{display:flex;gap:.75rem;flex-wrap:wrap}.ts-conv__section{display:flex;flex-direction:column;gap:1rem}.ts-conv__results{display:flex;flex-direction:column;gap:.75rem}.ts-conv__result-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#1a1a30;border:1px solid #4a4a7a}.ts-conv__result-value{flex:1;font-family:var(--font-terminal);font-size:1.125rem;color:var(--color-cyan);background:none;padding:0}.ts-conv__error{color:var(--color-red);font-family:var(--font-terminal)}.ts-conv__hint{font-family:var(--font-terminal);font-size:1rem;color:var(--color-amber)}.uuid-gen{display:flex;flex-direction:column;gap:1.5rem}.uuid-gen__controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.uuid-gen__count-group{display:flex;align-items:center;gap:.5rem}.uuid-gen__count-input{width:5rem;text-align:center;padding:.5rem}.uuid-gen__output-header{display:flex;justify-content:space-between;align-items:center}.uuid-gen__output-header .label-retro{margin-bottom:0}.uuid-gen__list{display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto}.uuid-gen__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;background:#1a1a30;border:1px solid #4a4a7a}.uuid-gen__value{font-family:var(--font-terminal);font-size:1.125rem;color:var(--color-green);background:none;padding:0;word-break:break-all}.uuid-gen__info{font-family:var(--font-terminal);font-size:.875rem;color:var(--color-border-bright)}.uuid-gen__info p{margin:0}.regex{display:flex;flex-direction:column;gap:1.5rem}.regex__pattern-input-wrap{display:flex;align-items:center;gap:0;background:#1a1a30;border:2px solid #6a6aaa;transition:border-color .2s}.regex__pattern-input-wrap:focus-within{border-color:var(--color-green);box-shadow:var(--glow-green)}.regex__slash{font-family:var(--font-terminal);font-size:1.25rem;color:var(--color-amber);padding:0 .5rem;user-select:none}.regex__pattern-input{border:none!important;background:transparent!important;box-shadow:none!important}.regex__flags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.regex__error{color:var(--color-red);font-family:var(--font-terminal);padding:.75rem;border:1px solid var(--color-red);background:#ff33330d}.regex__highlighted{white-space:pre-wrap;word-break:break-all;color:var(--color-text)}.regex__match{background:#0f83;color:var(--color-green);border-bottom:2px solid var(--color-green);padding:1px 0}.regex__matches{display:flex;flex-direction:column;gap:.5rem}.regex__match-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.regex__match-item{padding:.5rem .75rem;background:#1a1a30;border:1px solid #4a4a7a}.regex__match-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.regex__match-idx{font-family:var(--font-pixel);font-size:.5rem;color:var(--color-amber)}.regex__match-value{font-family:var(--font-terminal);font-size:1rem;color:var(--color-green);background:none;padding:0}.regex__match-pos{font-family:var(--font-terminal);font-size:.875rem;color:var(--color-border-bright)}.regex__match-groups{display:flex;gap:1rem;margin-top:.25rem;flex-wrap:wrap}.regex__group{font-family:var(--font-terminal);font-size:.875rem;color:var(--color-cyan)}.regex__no-match{font-family:var(--font-terminal);color:var(--color-border-bright);padding:1rem;text-align:center}.regex__more{font-family:var(--font-terminal);color:var(--color-border-bright);text-align:center;margin:0}@media(max-width:768px){.tools-grid{grid-template-columns:1fr}h1{font-size:1rem}h2{font-size:.75rem}.retro-window__body{padding:1rem}.json-fmt__panels,.diff__inputs{grid-template-columns:1fr}.color-conv__input-row{flex-direction:column;align-items:stretch}.color-conv__preview{width:100%;height:50px}}