:root{--bg:#fff;--bg-secondary:#f5f5f5;--text:#333;--text-muted:#555;--border:#ddd;--primary:#06c;--primary-hover:#0052a3}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Verdana,Geneva,sans-serif;font-size:12px;line-height:1.35}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.header{z-index:100;background:#036;padding:.4rem 1rem;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;display:flex}.logo{color:#fff;font-size:1.1rem;font-weight:700}.nav{gap:1rem;display:flex}.nav a{color:#ccc;font-size:11px}.nav a:hover{color:#fff;text-decoration:none}.main{max-width:1000px;margin:0 auto;padding:.5rem .75rem}.tool-container{grid-template-columns:1fr 220px;align-items:start;gap:1rem;display:grid}.tool-main{min-width:0}.tool-sidebar{background:var(--bg-secondary);border:1px solid var(--border);padding:.5rem;font-size:11px}.tool-sidebar h3{border-bottom:1px solid var(--primary);margin-bottom:.3rem;padding-bottom:.2rem;font-size:11px;font-weight:700}.sidebar-links{flex-direction:column;display:flex}.sidebar-links a{border-bottom:1px solid #eee;padding:.15rem 0;font-size:11px}@media (max-width:768px){.tool-container{grid-template-columns:1fr}.header-content{flex-wrap:wrap;gap:.5rem}.nav{gap:.5rem;font-size:10px}.footer{padding:.8rem}.footer>div{flex-wrap:wrap;font-size:11px;gap:1rem!important}.tool-box{padding:.3rem}.form-row{grid-template-columns:1fr}.main{padding:.3rem}.tool-sidebar{display:none}}.tool-header{margin-bottom:.3rem}.tool-header h1{color:#036;margin-bottom:.1rem;font-size:16px}.tool-header p{color:var(--text-muted);font-size:11px}.tool-box{background:#e8f4f8;border:1px solid #ccc;margin-bottom:.4rem;padding:.5rem}.form-group{margin-bottom:.3rem}.form-group label{margin-bottom:.1rem;font-size:11px;display:block}.form-group input,.form-group select{border:1px solid #999;width:100%;padding:.2rem .3rem;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.btn{cursor:pointer;color:#fff;background:linear-gradient(#4a90c2,#2a6090);border:1px solid #666;border-radius:3px;padding:.25rem .75rem;font-size:11px}.btn:hover{background:linear-gradient(#5aa0d2,#3a70a0)}.result-box{text-align:center;background:#ffc;border:1px solid #ccc;margin-top:.3rem;padding:.4rem}.result-box h3{color:#666;margin-bottom:.1rem;font-size:10px}.result-value{color:#060;font-size:18px;font-weight:700}.result-details{justify-content:center;gap:1rem;margin-top:.3rem;display:flex}.result-item{text-align:center}.result-item .label{color:#666;font-size:9px}.result-item .value{font-size:12px;font-weight:700}.seo-content{margin-top:.5rem;font-size:12px;line-height:1.4}.seo-content h2{color:#036;margin:.4rem 0 .2rem;font-size:13px;font-weight:700}.seo-content p{text-align:justify;margin-bottom:.3rem}.seo-content ul{margin-bottom:.3rem;margin-left:1rem}.seo-content table{border-collapse:collapse;width:100%;margin:.3rem 0;font-size:11px}.seo-content th,.seo-content td{text-align:left;border:1px solid #ccc;padding:.2rem .3rem}.seo-content th{background:#f0f0f0}.footer{text-align:center;color:#666;background:#f5f5f5;border-top:1px solid #ddd;margin-top:1rem;padding:.5rem;font-size:10px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.tool-card{background:var(--bg);border:1px solid var(--border);padding:.5rem;font-size:11px}.tool-card h3{margin-bottom:.2rem;font-size:12px}.tool-card p{color:#666;font-size:10px}.hero{text-align:center;padding:1rem 0}.hero h1{margin-bottom:.3rem;font-size:18px}.hero p{color:var(--text-muted);font-size:12px}.category-section{margin-bottom:1rem}.category-section h2{border-bottom:1px solid var(--primary);margin-bottom:.3rem;padding-bottom:.2rem;font-size:13px}.related-tools{background:var(--bg-secondary);margin-top:1rem;padding:.5rem}.related-tools h2{margin-bottom:.3rem;font-size:12px}.related-tools-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.3rem;display:grid}.related-tool-card{background:var(--bg);border:1px solid var(--border);text-align:center;padding:.3rem;font-size:10px}