:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--bg-input:#0a0a0a;--text-primary:#e0e0e0;--text-secondary:#888888;--text-muted:#555555;--border-color:#222222;--accent:#00ff88;--accent-dim:#00cc6a;--accent-hover:#33ffaa;--accent-bg:rgba(0, 255, 136, 0.05);--success:#00ff88;--error:#ff4444;--warning:#ffaa00;--font-mono:'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;--header-height:48px;--container-width:1080px}[data-theme=light]{--bg-primary:#f5f5f0;--bg-secondary:#eaeae5;--bg-tertiary:#ddddd8;--bg-input:#f5f5f0;--text-primary:#1a1a1a;--text-secondary:#555555;--text-muted:#999999;--border-color:#cccccc;--accent:#007744;--accent-dim:#006633;--accent-hover:#009955;--accent-bg:rgba(0, 119, 68, 0.06)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-text-size-adjust:100%}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--accent);text-decoration:none;transition:color .1s}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}::selection{background:var(--accent);color:var(--bg-primary)}.skip-link{position:absolute;top:-100%;left:0;padding:.5rem 1rem;background:var(--accent);color:var(--bg-primary);z-index:1000;font-family:var(--font-mono)}.skip-link:focus{top:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.site-header{height:var(--header-height);border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;height:100%;gap:2rem}.logo{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:700;font-size:.9rem;white-space:nowrap;letter-spacing:-.02em}.logo-icon{color:var(--accent);font-size:1rem}.main-nav{display:flex;gap:0;flex:1}.nav-link{padding:.25rem .75rem;color:var(--text-muted);font-size:.75rem;font-weight:400;transition:color .1s;text-transform:lowercase;letter-spacing:.02em}.nav-link:hover,.nav-link.active{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.25rem}.search-trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .625rem;background:0 0;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:.7rem;font-family:var(--font-mono);transition:all .1s}.search-trigger:hover{border-color:var(--accent);color:var(--accent)}.search-shortcut{font-size:.65rem;opacity:.5}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:0 0;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all .1s}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon{display:none}[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:0 0;border:none;color:var(--text-primary);cursor:pointer}.hero{padding:4rem 0 3rem;border-bottom:1px solid var(--border-color);margin-bottom:2.5rem}.hero h1{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.03em;color:var(--text-primary)}.hero h1::before{content:"> ";color:var(--accent)}.hero-subtitle{font-size:.8rem;color:var(--text-secondary);max-width:560px;margin-bottom:2rem;line-height:1.7}.hero-search{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem 1rem;background:0 0;border:1px solid var(--border-color);color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);cursor:pointer;transition:all .1s}.hero-search:hover{border-color:var(--accent);color:var(--accent)}.hero-search kbd{font-size:.65rem;opacity:.5}.category-section{margin-bottom:2.5rem}.category-section h2{font-size:.7rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:400}.category-section h2 a{color:var(--text-muted)}.category-section h2 a:hover{color:var(--accent)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;border:1px solid var(--border-color)}.tool-card{display:block;padding:1rem 1.25rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .1s;border:none}.tool-card:hover{background:var(--bg-tertiary);color:var(--accent)}.tool-card h3{font-size:.8rem;font-weight:500;margin-bottom:.25rem}.tool-card h3::before{content:"$ ";color:var(--accent);font-weight:400}.tool-card p{font-size:.7rem;color:var(--text-muted);line-height:1.5}.tool-page{padding-top:2rem;padding-bottom:3rem}.tool-header{margin-bottom:1.5rem}.tool-header h1{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.tool-header h1::before{content:"> ";color:var(--accent)}.tool-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.tool-container{border:1px solid var(--border-color);padding:1.25rem;margin-bottom:2rem;background:var(--bg-secondary)}.tool-panels{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color);margin-bottom:1rem}.tool-panel{background:var(--bg-secondary)}.input-panel{padding-right:1rem}.output-panel{padding-left:1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.panel-header label{font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.tool-textarea{width:100%;min-height:300px;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;line-height:1.7;resize:vertical;transition:border-color .1s}.tool-textarea:focus{outline:none;border-color:var(--accent)}.tool-textarea::placeholder{color:var(--text-muted)}.tool-output{width:100%;min-height:300px;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);font-family:var(--font-mono);font-size:.8rem;line-height:1.7;overflow:auto;white-space:pre-wrap;word-break:break-word}.tool-actions{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.tool-settings{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.tool-settings label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer}.tool-settings select,.tool-settings input[type=number]{padding:.2rem .4rem;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.75rem;font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .875rem;border:1px solid var(--border-color);background:0 0;color:var(--text-secondary);font-size:.75rem;font-weight:400;font-family:var(--font-mono);cursor:pointer;transition:all .1s;white-space:nowrap;text-transform:lowercase}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg-primary);font-weight:500}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg-primary)}.btn-sm{padding:.2rem .5rem;font-size:.7rem}.btn-copy.copied{color:var(--success);border-color:var(--success)}.btn .shortcut-hint{font-size:.6rem;opacity:.4;margin-left:.25rem}table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.8rem}th,td{padding:.5rem .75rem;border:1px solid var(--border-color);text-align:left}th{background:var(--bg-tertiary);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.related-tools{margin:2.5rem 0}.related-tools h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:400;margin-bottom:.75rem}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;border:1px solid var(--border-color)}.related-tool-card{padding:.875rem 1rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .1s}.related-tool-card:hover{background:var(--bg-tertiary);color:var(--accent)}.related-tool-card h3{font-size:.75rem;font-weight:500;margin-bottom:.125rem}.related-tool-card p{font-size:.65rem;color:var(--text-muted)}.seo-content{margin:3rem 0;max-width:720px}.seo-content h2{font-size:1rem;margin:2.5rem 0 .75rem;font-weight:600}.seo-content h2::before{content:"## ";color:var(--accent);font-weight:400}.seo-content h3{font-size:.875rem;margin:1.5rem 0 .5rem;font-weight:500}.seo-content h3::before{content:"### ";color:var(--accent);font-weight:400}.seo-content p{color:var(--text-secondary);margin-bottom:1rem;font-size:.8rem}.seo-content code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-tertiary);padding:.125rem .375rem;color:var(--accent)}.seo-content pre{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:1rem;overflow-x:auto;margin-bottom:1rem}.seo-content pre code{background:0 0;padding:0;color:var(--text-primary)}.seo-content ul,.seo-content ol{margin-bottom:1rem;padding-left:1.5rem;color:var(--text-secondary);font-size:.8rem}.seo-content li{margin-bottom:.375rem}.seo-content li::marker{color:var(--accent)}.seo-content strong{color:var(--text-primary);font-weight:500}.seo-content a{text-decoration:underline;text-underline-offset:2px}.faq-section{margin:2.5rem 0;max-width:720px}.faq-section h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:400;margin-bottom:.75rem}.faq-item{border:1px solid var(--border-color);margin-bottom:-1px;overflow:hidden}.faq-item summary{padding:.75rem 1rem;cursor:pointer;font-weight:400;font-size:.8rem;transition:all .1s;list-style:none;color:var(--text-secondary)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::before{content:"+ ";color:var(--accent);font-weight:400}.faq-item[open] summary::before{content:"\2212 "}.faq-item[open] summary{color:var(--text-primary);background:var(--bg-secondary)}.faq-item summary:hover{color:var(--text-primary);background:var(--bg-secondary)}.faq-item p{padding:0 1rem .75rem;color:var(--text-muted);font-size:.75rem;line-height:1.7;background:var(--bg-secondary)}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:.5rem}.error-code{font-size:3rem;font-weight:700;color:var(--accent);letter-spacing:-.03em}.error-msg{font-size:1rem;color:var(--text-primary)}.error-desc{font-size:.75rem;color:var(--text-muted);margin-bottom:1.5rem}.ad-slot{min-height:90px;margin:2rem 0;display:flex;align-items:center;justify-content:center}.blog-post{max-width:720px;margin:0 auto;padding:2rem 0}.blog-header{margin-bottom:2rem}.blog-header h1{font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.blog-header h1::before{content:"> ";color:var(--accent)}.blog-header time{color:var(--text-muted);font-size:.75rem}.blog-tags{margin-top:.5rem;display:flex;gap:.375rem}.tag{padding:.125rem .5rem;border:1px solid var(--border-color);font-size:.65rem;color:var(--text-muted);text-transform:lowercase}.blog-content{line-height:1.8;color:var(--text-secondary);font-size:.8rem}.blog-content h2{font-size:1rem;margin:2rem 0 .75rem;color:var(--text-primary);font-weight:600}.blog-content h2::before{content:"## ";color:var(--accent);font-weight:400}.blog-content h3{font-size:.875rem;margin:1.5rem 0 .5rem;color:var(--text-primary);font-weight:500}.blog-content p{margin-bottom:1rem}.blog-content code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-tertiary);padding:.125rem .375rem;color:var(--accent)}.blog-content pre{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:1rem;overflow-x:auto;margin-bottom:1rem}.blog-content pre code{background:0 0;padding:0;color:var(--text-primary)}.blog-content ul,.blog-content ol{margin-bottom:1rem;padding-left:1.5rem}.blog-content li{margin-bottom:.375rem}.blog-content li::marker{color:var(--accent)}.blog-content strong{color:var(--text-primary);font-weight:500}.blog-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}.blog-content th,.blog-content td{padding:.5rem .75rem;border:1px solid var(--border-color);text-align:left}.blog-content th{background:var(--bg-tertiary);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.page-header{padding:2rem 0}.page-header h1{font-size:1.25rem;font-weight:600}.page-header h1::before{content:"> ";color:var(--accent)}.page-content{max-width:720px;line-height:1.8;color:var(--text-secondary);padding-bottom:3rem;font-size:.8rem}.page-content h2{margin:2rem 0 .75rem;color:var(--text-primary)}.page-content p{margin-bottom:1rem}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:15vh;backdrop-filter:blur(4px)}.search-overlay.active{display:flex}.search-modal{width:90%;max-width:520px;background:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden}.search-input-wrap{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-color)}.search-input-wrap svg{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;background:0 0;border:none;color:var(--text-primary);font-size:.85rem;font-family:var(--font-mono);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-esc{font-family:var(--font-mono);font-size:.6rem;padding:.1rem .3rem;border:1px solid var(--border-color);color:var(--text-muted)}.search-results{list-style:none;max-height:400px;overflow-y:auto}.search-results li{padding:.625rem 1rem;cursor:pointer;transition:background .05s;border-bottom:1px solid var(--border-color)}.search-results li:last-child{border-bottom:none}.search-results li:hover,.search-results li.active{background:var(--accent-bg)}.search-results li .result-title{font-weight:500;font-size:.8rem}.search-results li .result-title::before{content:"$ ";color:var(--accent);font-weight:400}.search-results li .result-category{font-size:.65rem;color:var(--text-muted);margin-top:.125rem}.search-no-results{padding:2rem;text-align:center;color:var(--text-muted);font-size:.8rem}.site-footer{border-top:1px solid var(--border-color);padding:2rem 0;margin-top:3rem}.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:2rem;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:.25rem}.footer-tagline{color:var(--text-muted);font-size:.7rem}.footer-nav{display:flex;gap:3rem}.footer-col{display:flex;flex-direction:column;gap:.25rem}.footer-col h4{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.25rem;font-weight:400}.footer-col a{font-size:.7rem;color:var(--text-secondary)}.footer-col a:hover{color:var(--accent)}.footer-bottom{width:100%;padding-top:1.5rem;border-top:1px solid var(--border-color);margin-top:1rem}.footer-bottom p{font-size:.65rem;color:var(--text-muted)}.status-message{padding:.5rem 1rem;font-size:.75rem;margin-top:.5rem;border:1px solid}.status-success{color:var(--success);border-color:var(--success);background:rgba(0,255,136,5%)}.status-error{color:var(--error);border-color:var(--error);background:rgba(255,68,68,5%)}.cursor{display:inline-block;width:.5em;height:1.1em;background:var(--accent);vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@media(max-width:768px){.main-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-direction:column;padding:.5rem}.main-nav.open{display:flex}.mobile-menu-toggle{display:flex}.search-shortcut{display:none}.hero h1{font-size:1.125rem}.hero-subtitle{font-size:.75rem}.tool-panels{grid-template-columns:1fr;gap:0;background:0 0}.input-panel,.output-panel{padding:0}.tool-textarea,.tool-output{min-height:180px}.tool-actions{position:sticky;bottom:0;background:var(--bg-secondary);padding:.625rem 0;border-top:1px solid var(--border-color);z-index:10;margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem}.tools-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.footer-nav{gap:2rem}.related-tools-grid{grid-template-columns:1fr 1fr}.hero{padding:2.5rem 0 2rem}}@media(max-width:480px){.related-tools-grid{grid-template-columns:1fr}}