body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:SF Mono,Fira Code,Cascadia Code,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#222633;--border:#2a2e3d;--text:#e4e6ed;--text-muted:#8b8fa3;--primary:#6c63ff;--primary-hover:#5a52e0;--accent:#00c9a7;--accent-hover:#00b396;--error:#ff6b6b;--error-bg:#ff6b6b1a;--radius:10px;--font-mono:"SF Mono","Fira Code","Cascadia Code","Consolas",monospace}*{box-sizing:border-box}[data-theme=light]{--bg:#f5f6fa;--surface:#fff;--surface-hover:#f0f1f5;--border:#dde0e8;--text:#1a1d27;--text-muted:#5f6377;--primary:#5a52e0;--primary-hover:#4a43c4;--accent:#00a88a;--accent-hover:#009478;--error:#e04545;--error-bg:#e0454514}.site-wrapper{background:#0f1117;background:var(--bg);color:#e4e6ed;color:var(--text);display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1 1}.container{margin:0 auto;max-width:1100px;padding:0 1.5rem;width:100%}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1117f2;border-bottom:1px solid #2a2e3d;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;gap:1rem;height:60px;margin:0 auto;max-width:1100px;padding:0 1.5rem}.nav-logo{color:#e4e6ed;color:var(--text);font-size:1.25rem;font-weight:700;text-decoration:none}.logo-brace{color:#6c63ff;color:var(--primary)}.nav-actions{flex-shrink:0;gap:.5rem}.nav-actions,.nav-links{align-items:center;display:flex}.nav-links{gap:.25rem;list-style:none;margin:0 0 0 auto;padding:0}.nav-links a{border-radius:6px;color:#8b8fa3;color:var(--text-muted);font-size:.9rem;padding:.5rem .85rem;text-decoration:none;transition:color .2s,background .2s}.nav-links a.active,.nav-links a:hover{background:#1a1d27;background:var(--surface);color:#e4e6ed;color:var(--text)}.nav-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.nav-toggle span{background:#e4e6ed;background:var(--text);display:block;height:2px;transition:transform .3s,opacity .3s;width:24px}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.theme-toggle{align-items:center;background:#222633;background:var(--surface-hover);border:2px solid #2a2e3d;border:2px solid var(--border);border-radius:50%;color:#f0c040;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:border-color .2s,background .2s,color .2s;width:40px}.theme-toggle:hover{background:#1a1d27;background:var(--surface);border-color:#6c63ff;border-color:var(--primary)}[data-theme=light] .theme-toggle{background:#ebedf2;border-color:#ccc;color:#5a52e0}[data-theme=light] .theme-toggle:hover{border-color:#6c63ff;border-color:var(--primary)}[data-theme=light] .navbar{background:#f5f6faf2}[data-theme=light] .nav-links.open{background:#0f1117;background:var(--bg)}[data-theme=light] .editor-textarea{background:#1a1d27;background:var(--surface)}[data-theme=light] .output-textarea{color:#00c9a7;color:var(--accent)}[data-theme=light] .content-page pre{background:#ebedf2}[data-theme=light] .hero h1{-webkit-text-fill-color:unset;background:none;color:#e4e6ed;color:var(--text)}[data-theme=light] .nav-toggle span{background:#e4e6ed;background:var(--text)}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.85rem;font-weight:600;line-height:1.5;padding:.5rem 1.1rem;text-decoration:none;transition:background .2s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:#6c63ff;background:var(--primary);color:#fff}.btn-primary:hover{background:#5a52e0;background:var(--primary-hover)}.btn-accent{background:#00c9a7;background:var(--accent);color:#0f1117}.btn-accent:hover{background:#00b396;background:var(--accent-hover)}.btn-secondary{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);color:#8b8fa3;color:var(--text-muted)}.btn-secondary:hover{background:#222633;background:var(--surface-hover);color:#e4e6ed;color:var(--text)}.btn-outline{background:#0000;border:2px solid #6c63ff;border:2px solid var(--primary);color:#6c63ff;color:var(--primary)}.btn-outline:hover{background:#6c63ff;background:var(--primary);color:#fff}.btn-lg{font-size:1rem;padding:.75rem 1.75rem}.hero{padding:5rem 0 4rem;text-align:center}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#00c9a7);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;margin:0 0 1rem}.hero-sub{color:#8b8fa3;color:var(--text-muted);font-size:1.15rem;line-height:1.7;margin:0 auto 2rem;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.features{padding:4rem 0}.features h2{font-size:1.8rem;margin-bottom:2.5rem;text-align:center}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.feature-card{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);padding:1.75rem;transition:border-color .2s}.feature-card:hover{border-color:#6c63ff;border-color:var(--primary)}.feature-icon{font-size:1.8rem;margin-bottom:.75rem}.feature-card h3{font-size:1.1rem;margin:0 0 .5rem}.feature-card p{color:#8b8fa3;color:var(--text-muted);font-size:.9rem;line-height:1.65;margin:0}.cta-section{border-top:1px solid #2a2e3d;border-top:1px solid var(--border);padding:4rem 0;text-align:center}.cta-section h2{font-size:1.8rem;margin-bottom:.5rem}.cta-section p{color:#8b8fa3;color:var(--text-muted);margin-bottom:1.5rem}.site-footer{background:#1a1d27;background:var(--surface);border-top:1px solid #2a2e3d;border-top:1px solid var(--border);margin-top:2rem;padding:3rem 0 1.5rem}.footer-container{margin:0 auto;max-width:1100px;padding:0 1.5rem}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem}.footer-col h3{font-size:1.1rem;margin:0 0 .75rem}.footer-col h4{font-size:.9rem;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.footer-col h4,.footer-col p{color:#8b8fa3;color:var(--text-muted)}.footer-col p{font-size:.85rem;line-height:1.6;margin:0}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col ul li{margin-bottom:.4rem}.footer-col ul a{color:#8b8fa3;color:var(--text-muted);font-size:.85rem;text-decoration:none}.footer-col ul a:hover{color:#e4e6ed;color:var(--text)}.footer-bottom{border-top:1px solid #2a2e3d;border-top:1px solid var(--border);padding-top:1.5rem;text-align:center}.footer-bottom p{color:#8b8fa3;color:var(--text-muted);font-size:.8rem;margin:.25rem 0}.page-prettifier{padding:2rem 0}.tool-header{margin-bottom:1.5rem}.tool-header h1{font-size:1.8rem;margin:0 0 .4rem}.tool-header p{color:#8b8fa3;color:var(--text-muted);margin:0}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:.5rem}.indent-label{color:#8b8fa3;color:var(--text-muted);font-size:.85rem}.indent-select{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:6px;color:#e4e6ed;color:var(--text);padding:.45rem .6rem}.checkbox-label,.indent-select{cursor:pointer;font-size:.85rem}.checkbox-label{color:#8b8fa3;color:var(--text-muted);gap:.35rem}.checkbox-label,.error-banner{align-items:center;display:flex}.error-banner{background:#ff6b6b1a;background:var(--error-bg);border:1px solid #ff6b6b;border:1px solid var(--error);border-radius:10px;border-radius:var(--radius);color:#ff6b6b;color:var(--error);font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.65rem 1rem}.editor-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.editor-pane{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.pane-header{align-items:center;background:#ffffff08;border-bottom:1px solid #2a2e3d;border-bottom:1px solid var(--border);color:#8b8fa3;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;justify-content:space-between;letter-spacing:.05em;padding:.6rem 1rem;text-transform:uppercase}.char-count{font-size:.75rem;font-weight:400}.copy-btn{background:#0000;border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:5px;color:#8b8fa3;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.25rem .7rem;transition:all .2s}.copy-btn:hover:not(:disabled){border-color:#00c9a7;border-color:var(--accent);color:#00c9a7;color:var(--accent)}.copy-btn:disabled{cursor:not-allowed;opacity:.4}.editor-textarea{background:#0000;border:none;color:#e4e6ed;color:var(--text);flex:1 1;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;min-height:400px;outline:none;padding:1rem;resize:none;tab-size:2}.editor-textarea::placeholder{color:#8b8fa3;color:var(--text-muted);opacity:.5}.output-textarea{color:#00c9a7;color:var(--accent)}.tool-guide{border-top:1px solid #2a2e3d;border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.tool-guide h2{font-size:1.4rem;margin-bottom:1rem}.tool-guide h3{font-size:1.15rem;margin-top:1.5rem}.tool-guide ol,.tool-guide p{color:#8b8fa3;color:var(--text-muted);font-size:.95rem;line-height:1.7}.tool-guide ol{padding-left:1.25rem}.tool-guide li{margin-bottom:.5rem}.content-page{padding:2.5rem 0}.content-page h1{font-size:2rem;margin-bottom:1.5rem}.content-page h2{font-size:1.4rem;margin-bottom:.75rem;margin-top:2rem}.content-page h3{font-size:1.1rem;margin-bottom:.5rem;margin-top:1.5rem}.content-page li,.content-page p{color:#8b8fa3;color:var(--text-muted);font-size:.95rem;line-height:1.75}.content-page ul{padding-left:1.25rem}.content-page ul li{margin-bottom:.4rem}.content-page a{color:#6c63ff;color:var(--primary);text-decoration:none}.content-page a:hover{text-decoration:underline}.last-updated{color:#8b8fa3;color:var(--text-muted);font-size:.85rem;font-style:italic;margin-bottom:2rem;margin-top:-1rem}.contact-form{margin:2rem 0;max-width:600px}.form-group{margin-bottom:1.25rem}.form-group label{color:#e4e6ed;color:var(--text);display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem}.form-group input,.form-group textarea{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:6px;color:#e4e6ed;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;padding:.7rem .9rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6c63ff;border-color:var(--primary)}.form-group textarea{resize:vertical}.success-message{background:#00c9a71a;border:1px solid #00c9a7;border:1px solid var(--accent);border-radius:10px;border-radius:var(--radius);color:#00c9a7;color:var(--accent);font-size:.95rem;margin:2rem 0;padding:1rem 1.25rem}.contact-info{border-top:1px solid #2a2e3d;border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.page-blog{padding:2.5rem 0}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;margin:0 0 .4rem}.page-header p{color:#8b8fa3;color:var(--text-muted);margin:0}.articles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.article-card{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);padding:1.75rem;transition:border-color .2s}.article-card:hover{border-color:#6c63ff;border-color:var(--primary)}.article-date{color:#8b8fa3;color:var(--text-muted);font-size:.8rem}.article-card h2{font-size:1.25rem;margin:.5rem 0}.article-card h2 a{color:#e4e6ed;color:var(--text);text-decoration:none}.article-card h2 a:hover{color:#6c63ff;color:var(--primary)}.article-card p{color:#8b8fa3;color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:0 0 .75rem}.read-more{color:#6c63ff;color:var(--primary);font-size:.9rem;font-weight:600;text-decoration:none}.read-more:hover{text-decoration:underline}.article-card-img-link{border-radius:10px 10px 0 0;border-radius:var(--radius) var(--radius) 0 0;display:block;margin:-1.75rem -1.75rem 0;overflow:hidden}.article-card-img{display:block;height:200px;object-fit:cover;transition:transform .3s;width:100%}.article-card:hover .article-card-img{transform:scale(1.03)}.article-card-body{padding-top:1rem}.article-hero-img{border-radius:10px;border-radius:var(--radius);margin-bottom:2rem;max-height:420px;object-fit:cover;width:100%}.ad-container{margin:2rem 0;min-height:100px;text-align:center}.page-article{padding:2rem 0}.back-link{color:#8b8fa3;color:var(--text-muted);display:inline-block;font-size:.9rem;margin-bottom:1.5rem;text-decoration:none}.back-link:hover{color:#6c63ff;color:var(--primary)}.article-meta{color:#8b8fa3;color:var(--text-muted);display:block;font-size:.85rem;margin-bottom:2rem}.content-page pre{background:#0f1117;background:var(--bg);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1rem 1.25rem}.content-page code{color:#00c9a7;color:var(--accent);font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:.85rem}.content-page pre code{color:#e4e6ed;color:var(--text);line-height:1.6}.article-cta{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);margin-top:3rem;padding:2rem;text-align:center}.article-cta p{color:#e4e6ed;color:var(--text);font-size:1rem;margin-bottom:1rem}@media (max-width:768px){.nav-toggle{display:flex}.nav-links{background:#0f1117;background:var(--bg);border-bottom:1px solid #2a2e3d;border-bottom:1px solid var(--border);display:none;flex-direction:column;left:0;padding:.5rem;position:absolute;right:0;top:60px}.nav-links.open{display:flex}.nav-links a{padding:.75rem 1rem}.hero h1{font-size:2rem}.hero{padding:3rem 0 2.5rem}.features-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.editor-grid{grid-template-columns:1fr}.editor-textarea{min-height:250px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-right{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.hero h1{font-size:1.6rem}.hero-sub{font-size:1rem}.footer-grid{grid-template-columns:1fr}.btn{font-size:.8rem;padding:.45rem .8rem}.btn-lg{font-size:.9rem;padding:.6rem 1.25rem}.editor-textarea{font-size:.78rem;min-height:200px}.content-page h1{font-size:1.5rem}}.nav-logo-img{height:28px;margin-right:.35rem;width:28px}.footer-logo-img,.nav-logo-img{border-radius:4px;object-fit:contain;vertical-align:middle}.footer-logo-img{height:24px;margin-right:.3rem;width:24px}.stats-grid{display:flex;flex-wrap:wrap;gap:.75rem}.stat-card{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);flex:1 1;min-width:100px;padding:1rem 1.25rem;text-align:center}.stat-number{color:#6c63ff;color:var(--primary);font-size:1.6rem;font-weight:700}.stat-label{color:#8b8fa3;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.case-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.article-tag{background:#6c63ff;background:var(--primary);border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.2rem .6rem;text-transform:uppercase}.trust-section{border-top:1px solid #2a2e3d;border-top:1px solid var(--border);padding:4rem 0}.trust-section h2{font-size:1.8rem;margin-bottom:2.5rem;text-align:center}@media (max-width:768px){.stats-grid{gap:.5rem}.stat-card{min-width:80px;padding:.75rem}.stat-number{font-size:1.3rem}.case-buttons{justify-content:center}}@media (max-width:480px){.stat-card{min-width:70px}.stat-number{font-size:1.1rem}}.nav-dropdown{position:relative}.nav-dropdown-trigger{align-items:center;background:none;border:none;border-radius:6px;color:#8b8fa3;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;gap:.3rem;line-height:1.5;padding:.5rem .85rem;transition:color .2s,background .2s;vertical-align:middle}.nav-dropdown{align-items:center;display:flex}.nav-dropdown-trigger.active,.nav-dropdown-trigger:hover{background:#1a1d27;background:var(--surface);color:#e4e6ed;color:var(--text)}.nav-dropdown-trigger svg{transition:transform .2s}.nav-dropdown-trigger.active svg{transform:rotate(180deg)}.dropdown-menu{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000040;display:none;left:0;list-style:none;margin:0;min-width:180px;padding:.4rem;position:absolute;top:calc(100% + .35rem);z-index:200}.dropdown-menu.open{display:block}.dropdown-menu li a{border-radius:5px;color:#8b8fa3;color:var(--text-muted);display:block;font-size:.88rem;padding:.55rem .85rem;text-decoration:none;transition:color .15s,background .15s}.dropdown-menu li a.active,.dropdown-menu li a:hover{background:#222633;background:var(--surface-hover);color:#e4e6ed;color:var(--text)}[data-theme=light] .dropdown-menu{box-shadow:0 8px 24px #0000001a}.tools-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tool-card{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:inherit;padding:1.5rem;text-decoration:none;transition:border-color .2s,transform .15s}.tool-card:hover{border-color:#6c63ff;border-color:var(--primary);transform:translateY(-2px)}.tool-card-icon{color:#6c63ff;color:var(--primary);font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:1.4rem;font-weight:700;margin-bottom:.6rem}.tool-card h3{font-size:1rem;margin:0 0 .4rem}.tool-card p{color:#8b8fa3;color:var(--text-muted);font-size:.85rem;line-height:1.55;margin:0}.color-tool{display:flex;gap:1.5rem;margin-top:1rem}.color-preview{border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);flex-shrink:0;min-height:120px;width:120px}.color-inputs{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.color-row{align-items:center;display:flex;gap:.5rem}.color-row label{color:#8b8fa3;color:var(--text-muted);font-size:.8rem;font-weight:600;width:40px}.color-input{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:6px;color:#e4e6ed;color:var(--text);flex:1 1;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:.9rem;outline:none;padding:.5rem .7rem}.color-input:focus{border-color:#6c63ff;border-color:var(--primary)}.color-rgb-inputs{display:flex;flex:1 1;gap:.35rem}.color-input-sm{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:6px;color:#e4e6ed;color:var(--text);font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:.85rem;outline:none;padding:.5rem;text-align:center;width:60px}.color-input-sm:focus{border-color:#6c63ff;border-color:var(--primary)}.hash-results{display:flex;flex-direction:column;gap:.6rem}.hash-row{align-items:center;display:flex;gap:.5rem}.hash-label{color:#8b8fa3;color:var(--text-muted);flex-shrink:0;font-size:.8rem;font-weight:600;width:70px}.hash-value{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:6px;color:#00c9a7;color:var(--accent);flex:1 1;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:.78rem;outline:none;padding:.5rem .7rem}.markdown-preview{font-size:.9rem;line-height:1.7;min-height:400px;overflow-y:auto;padding:1rem}.markdown-preview h1{font-size:1.6rem;margin:0 0 .75rem}.markdown-preview h2{font-size:1.3rem;margin:1rem 0 .5rem}.markdown-preview h3{font-size:1.1rem;margin:.75rem 0 .4rem}.markdown-preview p{color:#8b8fa3;color:var(--text-muted);margin:0 0 .75rem}.markdown-preview ul{margin:0 0 .75rem;padding-left:1.25rem}.markdown-preview li{color:#8b8fa3;color:var(--text-muted);margin-bottom:.3rem}.markdown-preview code{background:#0f1117;background:var(--bg);border-radius:4px;font-size:.85rem;padding:.15rem .4rem}.markdown-preview strong{color:#e4e6ed;color:var(--text)}@media (max-width:768px){.color-tool{flex-direction:column}.color-preview{min-height:60px;width:100%}.hash-row{flex-wrap:wrap}.hash-label{width:100%}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr}.color-rgb-inputs{flex-wrap:wrap}}.markdown-preview blockquote{background:#6c63ff14;border-left:4px solid #6c63ff;border-left:4px solid var(--primary);border-radius:0 6px 6px 0;margin:.75rem 0;padding:.5rem 1rem}.markdown-preview blockquote p{color:#e4e6ed;color:var(--text);margin:0}.markdown-preview hr{border:none;border-top:1px solid #2a2e3d;border-top:1px solid var(--border);margin:1.5rem 0}.markdown-preview table{border-collapse:collapse;font-size:.85rem;margin:.75rem 0;width:100%}.markdown-preview td,.markdown-preview th{border:1px solid #2a2e3d;border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.markdown-preview th{background:#ffffff0a;color:#e4e6ed;color:var(--text);font-weight:600}.markdown-preview td{color:#8b8fa3;color:var(--text-muted)}[data-theme=light] .markdown-preview th{background:#0000000a}.markdown-preview pre{background:#0f1117;background:var(--bg);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:8px;margin:.75rem 0;overflow-x:auto;padding:1rem}.markdown-preview pre code{background:none;color:#e4e6ed;color:var(--text);font-size:.83rem;line-height:1.6;padding:0}.markdown-preview mark{background:#ffe6004d;border-radius:3px;color:#e4e6ed;color:var(--text);padding:.1rem .3rem}[data-theme=light] .markdown-preview mark{background:#ffe60080}.markdown-preview del{color:#8b8fa3;color:var(--text-muted);opacity:.7}.markdown-preview .task-list{list-style:none;padding-left:.25rem}.markdown-preview .task-list li{align-items:center;display:flex;gap:.5rem}.markdown-preview .task-list input[type=checkbox]{accent-color:#6c63ff;accent-color:var(--primary);height:16px;width:16px}.markdown-preview img{border-radius:6px;margin:.5rem 0}.markdown-preview a{color:#6c63ff;color:var(--primary);text-decoration:none}.markdown-preview a:hover{text-decoration:underline}.markdown-preview sub,.markdown-preview sup{font-size:.75em}.markdown-preview ol{margin:0 0 .75rem;padding-left:1.25rem}.markdown-preview ol li{color:#8b8fa3;color:var(--text-muted);margin-bottom:.3rem}.cheatsheet-table-wrap{margin:1rem 0;overflow-x:auto}.cheatsheet-table{border-collapse:collapse;font-size:.9rem;width:100%}.cheatsheet-table td,.cheatsheet-table th{border:1px solid #2a2e3d;border:1px solid var(--border);padding:.6rem .9rem;text-align:left}.cheatsheet-table th{background:#1a1d27;background:var(--surface);color:#e4e6ed;color:var(--text);font-weight:600}.cheatsheet-table td{color:#8b8fa3;color:var(--text-muted)}.cheatsheet-table code{background:#0f1117;background:var(--bg);border-radius:4px;color:#00c9a7;color:var(--accent);font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:.83rem;padding:.15rem .4rem}[data-theme=light] .cheatsheet-table code{background:#ebedf2}.calc-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1rem}.calc-inputs,.calc-results{display:flex;flex-direction:column;gap:.75rem}.calc-results{align-items:flex-start}.stat-number.negative{color:#ff6b6b;color:var(--error)}.password-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.password-row{align-items:center;background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem}.password-text{color:#00c9a7;color:var(--accent);flex:1 1;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:.88rem;word-break:break-all}.password-strength{flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.seo-results{margin-top:1.5rem;max-width:700px}.seo-score{margin-bottom:1.5rem;text-align:center}.seo-score-number{font-size:3rem;font-weight:800}.seo-section{margin-bottom:1.25rem}.seo-section h3{font-size:1rem;margin-bottom:.5rem}.seo-list{list-style:none;margin:0;padding:0}.seo-list li{border-radius:6px;font-size:.9rem;margin-bottom:.35rem;padding:.5rem .75rem}.seo-issues li{background:#ff6b6b1a;background:var(--error-bg);border:1px solid #ff6b6b33;color:#ff6b6b;color:var(--error)}.seo-good li{background:#00c9a71a;border:1px solid #00c9a733;color:#00c9a7;color:var(--accent)}@media (max-width:768px){.calc-layout{grid-template-columns:1fr}.password-row{flex-wrap:wrap}}.dropdown-mega{background:#1a1d27;background:var(--surface);border:1px solid #2a2e3d;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #0000004d;display:none;gap:.5rem;left:50%;padding:1rem;position:absolute;top:calc(100% + .35rem);transform:translateX(-50%);z-index:200}.dropdown-mega.open{display:flex}[data-theme=light] .dropdown-mega{box-shadow:0 12px 32px #0000001a}.dropdown-col{min-width:160px}.dropdown-col ul{list-style:none;margin:0;padding:0}.dropdown-col ul li a{border-radius:5px;color:#8b8fa3;color:var(--text-muted);display:block;font-size:.84rem;padding:.4rem .65rem;text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}.dropdown-col ul li a.active,.dropdown-col ul li a:hover{background:#222633;background:var(--surface-hover);color:#e4e6ed;color:var(--text)}.dropdown-cat-label{border-bottom:1px solid #2a2e3d;border-bottom:1px solid var(--border);color:#6c63ff;color:var(--primary);display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:.15rem;padding:0 .65rem .35rem;text-transform:uppercase}.category-section{padding:3rem 0 1rem}.category-section:nth-child(2n){background:#ffffff03}[data-theme=light] .category-section:nth-child(2n){background:rgba(0,0,0,.015)}.category-header{margin-bottom:1.25rem}.category-header h2{font-size:1.5rem;margin:0 0 .3rem}.category-header p{color:#8b8fa3;color:var(--text-muted);font-size:.95rem;margin:0}@media (max-width:768px){.dropdown-mega,.nav-dropdown{position:static}.dropdown-mega{background:#0000;border:none;box-shadow:none;flex-direction:column;gap:.5rem;padding:0 0 0 .5rem;transform:none}.dropdown-mega.open{display:flex}.dropdown-col{min-width:auto}.dropdown-cat-label{border-bottom:none;padding-bottom:.2rem}.dropdown-col ul li a{padding:.5rem .85rem}.category-section{padding:2rem 0 .5rem}}
/*# sourceMappingURL=main.35fa8c5a.css.map*/