.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--darker-bg);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.6s ease;opacity:1}.spinner{position:relative;width:80px;height:80px}.circle{position:absolute;width:100%;height:100%;border:3px solid #fff0;border-top-color:#00ffe1;border-radius:50%;animation:spin 1.5s linear infinite;filter:drop-shadow(0 0 10px #00ffe1);opacity:.8}.circle1{animation-delay:0s}.circle2{width:60px;height:60px;top:10px;left:10px;animation-delay:0.3s;border-top-color:#ff00c3;filter:drop-shadow(0 0 10px #ff00c3)}.circle3{width:40px;height:40px;top:20px;left:20px;animation-delay:0.6s;border-top-color:#0af;filter:drop-shadow(0 0 10px #00aaff)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.page-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.page-header{height:40vh;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.page-header-content{text-align:center;position:relative;z-index:1}.page-header-content h1{font-size:3rem;color:var(--accent-green);margin-bottom:15px;text-shadow:var(--glow-shadow);font-family:Vazir,sans-serif;font-weight:700}.page-header-content p{font-size:1.2rem;color:var(--main-text);max-width:700px;margin:0 auto;font-family:Shabnam,sans-serif;font-weight:400}.breadcrumb{display:flex;justify-content:center;margin-top:20px}.breadcrumb a{color:var(--main-text);text-decoration:none;opacity:.7;transition:opacity 0.3s ease,color 0.3s ease;font-family:Shabnam,sans-serif;font-weight:700}.breadcrumb a:hover{opacity:1;color:var(--accent-green);font-weight:bolder;font-size:110%}.breadcrumb span{margin:0 10px;color:var(--main-text);opacity:.5}.breadcrumb .active{color:var(--accent-green);opacity:1;font-family:Shabnam,sans-serif;font-weight:700}.tool-detail{padding:100px 0}.tool-header{display:flex;align-items:flex-start;margin-bottom:50px}.tool-icon{width:120px;height:120px;background-color:rgb(0 255 65 / .1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-left:30px;color:var(--accent-green);font-size:3rem;flex-shrink:0}.tool-title h1{font-size:2.5rem;color:var(--accent-green);margin-bottom:10px;text-shadow:var(--glow-shadow);font-family:Vazir,sans-serif;font-weight:700}.tool-title p{color:var(--main-text);opacity:.9;font-size:125%;font-family:Shabnam,sans-serif}.tool-links a{display:inline-flex;align-items:center;color:var(--accent-blue);text-decoration:none;margin-left:20px;transition:color 0.3s ease;font-family:Vazir,sans-serif;font-weight:700}.tool-links a:hover{color:var(--accent-orange);font-size:110%}.tool-links a i{margin-left:5px}.tool-links{display:flex;margin-top:15px}.tool-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}.tool-description{background:linear-gradient(145deg,rgb(15 15 15 / .6),rgb(10 10 10 / .8));border:1px solid rgb(0 255 65 / .2);border-radius:10px;padding:30px}.tool-description h2{font-size:1.8rem;font-family:Vazir,sans-serif;color:var(--accent-green);margin-bottom:20px;position:relative;padding-bottom:10px}.tool-description h2::after{content:'';position:absolute;bottom:0;right:0;width:50px;height:2px;background-color:var(--accent-orange)}.tool-description p{color:var(--main-text);line-height:1.8;font-family:Shabnam,sans-serif;margin-bottom:20px}.tool-description ul{list-style-type:none;padding-right:20px;margin-bottom:20px}.tool-description ul li{position:relative;padding-right:25px;margin-bottom:10px;font-family:Shabnam,sans-serif;color:var(--main-text)}.tool-description ul li::before{content:'\f00c';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;right:0;color:var(--accent-blue)}.tool-description pre{background-color:rgb(0 0 0 / .5);border:1px solid rgb(0 255 65 / .2);border-radius:5px;padding:15px;overflow-x:auto;margin-bottom:20px;font-family:var(--terminal-font);color:var(--accent-green)}.tool-description code{font-family:var(--terminal-font);color:#fdffb5}.tool-sidebar{display:flex;flex-direction:column;gap:30px}.tool-info,.tool-tech,.tool-related{background:linear-gradient(145deg,rgb(15 15 15 / .6),rgb(10 10 10 / .8));border:1px solid rgb(0 255 65 / .2);border-radius:10px;padding:25px}.tool-info h3,.tool-tech h3,.tool-related h3{font-size:1.5rem;font-family:Vazir,sans-serif;color:var(--accent-green);margin-bottom:20px;position:relative;padding-bottom:10px;border-bottom:.5px solid #e06c11}.tool-info h3::after,.tool-tech h3::after,.tool-related h3::after{content:'';position:absolute;bottom:0;right:0;width:90px;height:2px;background-color:var(--accent-orange)}.tool-info-item{display:flex;margin-bottom:15px;line-height:1.6;align-items:center;flex-wrap:nowrap}.tool-info-item i{color:var(--accent-green);margin-left:10px;min-width:20px;text-align:center;font-size:.9rem}.tool-info-item-title{color:var(--accent-orange);font-family:Shabnam,sans-serif;font-weight:700;margin-left:5px;white-space:nowrap}.tool-info-item-describe{color:var(--main-text);font-family:Shabnam,sans-serif;font-weight:400;margin-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-info-item:hover i{transform:scale(1.1);box-shadow:#e06c11 0 5px 7px -5px;transition:transform 0.2s ease}.tool-info-item:hover .tool-info-item-title{text-shadow:0 0 5px rgb(255 165 0 / .3)}.tool-info-item:hover .tool-info-item-describe{color:#fff}.tool-tech-tags{display:flex;flex-wrap:wrap}.tool-tech-tags span{display:inline-block;background-color:rgb(0 255 65 / .1);color:#fff;padding:5px 10px;border-radius:5px;font-size:.9rem;margin-left:5px;margin-bottom:5px}.tool-tech-tags span:hover{transform:scale(1.2);transition:transform 0.2s ease;color:#eff264}.tool-related-item{display:flex;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgb(255 255 255 / .1)}.tool-related-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tool-related-icon{width:40px;height:40px;background-color:rgb(0 255 65 / .1);border-radius:5px;display:flex;align-items:center;justify-content:center;margin-left:15px;color:var(--accent-green);font-size:1.2rem;flex-shrink:0}.tool-related-icon:hover{transform:scale(1.1);transition:transform 0.2s ease;box-shadow:#e06c11 0 5px 7px -5px}.tool-related-info h4{font-size:1rem;color:var(--main-text);margin-bottom:5px}.tool-related-info a{color:var(--accent-blue);text-decoration:none;font-size:.9rem;transition:color 0.3s ease;font-family:Vazir,sans-serif}.tool-related-info a:hover{color:var(--accent-orange);transform:scale(1.3);transition:transform 0.2s ease}@media (max-width:992px){.tool-content{grid-template-columns:1fr}}@media (max-width:768px){.tool-header{flex-direction:column;align-items:center;text-align:center}.tool-icon{margin-left:0;margin-bottom:20px}.tool-links{justify-content:center}}.ai-block {padding: 18px 20px;border-left: 3px solid var(--accent-green);background: linear-gradient(180deg, rgba(0, 255, 156, 0.04), rgba(0, 255, 156, 0.015));font-family: "JetBrains Mono", "Fira Code", monospace;color: #e6e6e6;}.ai-block + .ai-block {border-top: 1px dashed rgba(0, 255, 156, 0.25);}.ai-block h2 {margin: 0 0 10px 0;font-size: 1.05rem;color: #00ff9c;font-weight: 600;}.ai-block p {margin: 0;font-size: 0.92rem;line-height: 1.7;color: #d0d0d0;}.ai-cite {margin-top: 10px;padding-left: 10px;border-left: 2px solid rgba(0, 255, 156, 0.4);font-size: 0.9rem;}.ai-cite a {color: var(--accent-orange);text-decoration: none;}.ai-cite a:hover {text-decoration: underline;}