:root{--primary-color:#ff914d;--primary-hover:#ff7a2e;--secondary-color:#ff914d;--text-primary:#2d3748;--text-secondary:#718096;--bg-primary:#ffffff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7;--bg-dark:#f5f5f5;--bg-darker:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f8f8f8;--border-color:#e2e8f0;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--gradient-primary:linear-gradient(135deg,#ff914d 0%,#ff7a2e 100%);--gradient-secondary:linear-gradient(135deg,#ff914d 0%,#ff7a2e 100%);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 25px rgba(0,0,0,0.1);--shadow-xl:0 20px 40px rgba(0,0,0,0.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body.dark{--text-primary:#ffffff;--text-secondary:#b0b0b0;--bg-primary:#1a1a1a;--bg-secondary:#252525;--bg-tertiary:#2d2d2d;--bg-dark:#0a0a0a;--bg-darker:#000000;--bg-card:#1a1a1a;--bg-card-hover:#252525;--border-color:rgba(255,145,77,0.1);--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.3);--shadow-lg:0 10px 25px rgba(0,0,0,0.4);--shadow-xl:0 20px 40px rgba(0,0,0,0.5)}body{background:var(--bg-dark)!important}.tools-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:120px 20px 80px;overflow:hidden;background:var(--bg-darker)}.tools-hero .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tools-hero #tools-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.3}.tools-hero .glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.4;animation:float 20s ease-in-out infinite}.tools-hero .orb-1{width:300px;height:300px;background:var(--primary-color);top:10%;right:10%;animation-delay:0s}.tools-hero .orb-2{width:200px;height:200px;background:var(--primary-color);bottom:20%;left:15%;animation-delay:5s;opacity:0.5}.tools-hero .orb-3{width:250px;height:250px;background:var(--primary-color);top:50%;left:50%;animation-delay:10s;opacity:0.6}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(0.9)}}.tools-hero .hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.tools-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(255,145,77,0.1);border:1px solid rgba(255,145,77,0.2);border-radius:50px;color:var(--primary-color);font-size:14px;font-weight:600;margin-bottom:20px}.tools-hero .hero-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:20px;color:var(--text-primary)}.tools-hero .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tools-hero .hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:30px}.ad-section{display:block!important;visibility:visible!important;padding:40px 20px;background:var(--bg-dark);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);width:100%;box-sizing:border-box}.ad-container{max-width:1200px;margin:0 auto}.ad-placeholder{display:flex!important;visibility:visible!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;min-height:120px;transition:var(--transition);width:100%;box-sizing:border-box}.adsbygoogle{display:block!important;visibility:visible!important;width:100%;min-height:100px;text-align:center;margin:0 auto}.ad-container .adsbygoogle{background:transparent}.ad-placeholder:hover{border-color:var(--primary-color);background:rgba(255,145,77,0.05)}.ad-placeholder i{font-size:32px;opacity:0.5}.tools-section{padding:80px 20px;background:var(--bg-dark)}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;padding:8px 20px;background:rgba(255,145,77,0.1);border:1px solid rgba(255,145,77,0.2);border-radius:50px;color:var(--primary-color);font-size:14px;font-weight:600;margin-bottom:20px}.section-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:15px}.section-subtitle{font-size:1.1rem;color:var(--text-secondary)}.tool-tabs{display:none;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-lg)}.tool-tab{display:none;align-items:center;gap:10px;padding:12px 24px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.tool-tab:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-tab.active{background:var(--gradient-primary);border-color:var(--primary-color);color:#ffffff;box-shadow:var(--shadow-md)}.tool-tab i{font-size:20px}.tool-content{display:none;animation:fadeIn 0.5s ease-in}.tool-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-lg);transition:var(--transition)}.tool-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px);background:var(--bg-card-hover)}.tool-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.tool-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:#ffffff;font-size:28px}.tool-info h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.tool-info p{font-size:1rem;color:var(--text-secondary)}.tool-body{margin-top:30px;width:100%;box-sizing:border-box}.tool-wrapper{display:flex;flex-direction:column;gap:30px;width:100%;box-sizing:border-box}.input-section{display:flex;flex-direction:column;gap:20px}.input-group{position:relative;width:100%;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overflow:visible}.input-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);width:100%;box-sizing:border-box;margin-bottom:8px}.input-group label i{color:var(--primary-color)}.tool-input,.tool-textarea{width:100%;padding:14px 48px 14px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:16px;font-family:'Cairo',sans-serif;transition:var(--transition);box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;margin:0;position:relative}.url-input-ltr{direction:ltr!important;text-align:left!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important;padding-left:16px!important;padding-right:48px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.tool-input:not(.urlinput-ltr){padding-left:48px!important;padding-right:16px!important}.tool-input:focus,.tool-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,145,77,0.1)}.tool-textarea{resize:vertical;min-height:120px}.clear-btn{position:absolute;left:8px;top:40px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:var(--transition);margin:0;padding:0;z-index:10;font-size:18px;line-height:1;flex-shrink:0}.clear-btn:hover{background:var(--error-color);color:#ffffff}.input-group:not(:has(.urlinput-ltr)) .clear-btn{left:auto;right:15px}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:14px;border:2px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition)}.checkbox-label:hover{border-color:var(--primary-color);background:rgba(255,145,77,0.05)}.checkbox-label input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#ffffff;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);align-self:center;margin:0 auto}.generate-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--primary-hover)}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.customization-section{padding:30px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;box-sizing:border-box}.customization-section h4{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}.customization-section h4 i{color:var(--primary-color)}.customization-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:100%;align-items:start}@media (max-width:1024px){.customization-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.customization-grid{grid-template-columns:1fr}}.custom-item{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;min-height:0;width:100%}.custom-item label{font-size:14px;font-weight:600;color:var(--text-primary)}.custom-item input[type="range"]{width:100%;height:8px;border-radius:4px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none;cursor:pointer;margin:10px 0;transition:var(--transition)}.custom-item input[type="range"]:active{cursor:grabbing}.custom-item input[type="range"]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.custom-item input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary-color);cursor:grab;box-shadow:var(--shadow-md);border:2px solid var(--bg-primary);transition:var(--transition)}.custom-item input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.custom-item input[type="range"]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(0.95)}.custom-item input[type="range"]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary-color);cursor:grab;border:2px solid var(--bg-primary);box-shadow:var(--shadow-md);transition:var(--transition)}.custom-item input[type="range"]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.custom-item input[type="range"]::-moz-range-thumb:active{cursor:grabbing;transform:scale(0.95)}.custom-item input[type="color"]{width:100%;height:50px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-item input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.custom-item input[type="color"]::-webkit-color-swatch{border:none;border-radius:var(--radius-md)}.custom-item select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:'Cairo',sans-serif;cursor:pointer;transition:var(--transition)}.custom-item select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,145,77,0.1)}.value-display{font-size:14px;font-weight:600;color:var(--primary-color);text-align:center;padding:6px 14px;background:rgba(255,145,77,0.1);border-radius:var(--radius-sm);min-width:60px;display:inline-block;transition:var(--transition);border:1px solid rgba(255,145,77,0.2)}.visual-preview{margin-top:15px;padding:15px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;box-sizing:border-box}.size-preview{display:flex;gap:12px;justify-content:space-between;align-items:flex-end;width:100%}.preview-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;flex:1;min-width:0}.preview-item:hover{background:rgba(255,145,77,0.1)}.preview-item.active{background:rgba(255,145,77,0.15);border:2px solid var(--primary-color)}.preview-item span{font-size:12px;font-weight:600;color:var(--text-secondary)}.preview-item.active span{color:var(--primary-color)}.preview-box{background:var(--primary-color);border-radius:4px;transition:var(--transition)}.color-preview{padding:10px}.color-examples{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.color-example{width:40px;height:40px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:2px solid transparent}.color-example:hover{transform:scale(1.1);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.error-preview{padding:10px}.error-levels{display:flex;flex-direction:column;gap:10px}.error-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer}.error-item:hover{background:rgba(255,145,77,0.1)}.error-item.active{background:rgba(255,145,77,0.15);border:2px solid var(--primary-color)}.error-item span{font-weight:700;min-width:20px;color:var(--text-primary)}.error-bar{height:8px;background:var(--gradient-primary);border-radius:4px;transition:var(--transition)}.margin-preview{padding:10px}.margin-examples{display:flex;gap:12px;justify-content:space-between;align-items:flex-end;width:100%}.margin-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer}.margin-item:hover{background:rgba(255,145,77,0.1)}.margin-item.active{background:rgba(255,145,77,0.15);border:2px solid var(--primary-color)}.margin-item span{font-size:12px;font-weight:600;color:var(--text-secondary)}.margin-item.active span{color:var(--primary-color)}.margin-box{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.qr-pattern{width:30px;height:30px;background:var(--primary-color);border-radius:4px}.style-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;width:100%}.style-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;transition:var(--transition);width:100%;box-sizing:border-box}.style-option:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.style-option.active{border-color:var(--primary-color);background:rgba(255,145,77,0.1);box-shadow:var(--shadow-md)}.style-preview{width:100%;max-width:80px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px;box-sizing:border-box}.qr-pattern-square{width:100%;height:100%;background:repeating-linear-gradient(0deg,var(--primary-color) 0px,var(--primary-color) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(90deg,var(--primary-color) 0px,var(--primary-color) 8px,transparent 8px,transparent 16px);border-radius:4px}.qr-pattern-rounded{width:100%;height:100%;background:repeating-linear-gradient(0deg,var(--primary-color) 0px,var(--primary-color) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(90deg,var(--primary-color) 0px,var(--primary-color) 8px,transparent 8px,transparent 16px);border-radius:12px}.qr-pattern-dots{width:100%;height:100%;background-image:radial-gradient(circle,var(--primary-color) 2px,transparent 2px);background-size:8px 8px;border-radius:4px}.style-option span{font-size:14px;font-weight:600;color:var(--text-primary)}.style-option.active span{color:var(--primary-color)}.info-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;visibility:hidden;opacity:0;transition:opacity 0.3s ease,visibility 0.3s ease}.info-modal.active{display:flex;visibility:visible;opacity:1}.info-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:10000}.info-modal-content{position:relative;background:var(--bg-card);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);z-index:10001;animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:2px solid var(--border-color)}.info-modal-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.info-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:24px}.info-modal-close:hover{background:var(--error-color);color:#ffffff;transform:rotate(90deg)}.info-modal-body{padding:30px}.info-modal-text{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.info-modal-visual{margin-top:20px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.output-section{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-preview-container{width:100%;display:flex;justify-content:center;padding:40px;background:var(--bg-card);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.qr-code-container{display:flex;align-items:center;justify-content:center;min-height:300px;width:100%}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:var(--text-secondary);text-align:center}.qr-placeholder i{font-size:64px;opacity:0.3}.qr-placeholder p{font-size:18px;font-weight:600}#qr-code-container canvas,#qr-code-container img{max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:#ffffff;padding:20px}.qr-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.action-btn.download-btn{background:var(--gradient-primary);border-color:var(--primary-color);color:#ffffff}.action-btn.download-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn.copy-btn{background:var(--gradient-secondary);border-color:var(--secondary-color);color:#ffffff}.action-btn.copy-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.result-card{width:100%;padding:30px;background:var(--bg-secondary);border:2px solid var(--success-color);border-radius:var(--radius-lg)}.result-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--success-color);font-size:18px;font-weight:700}.result-body{display:flex;flex-direction:column;gap:15px}.result-item{display:flex;flex-direction:column;gap:8px}.result-item label{font-size:14px;font-weight:600;color:var(--text-secondary)}.result-value{display:flex;gap:10px;align-items:center}.result-value input{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:'Cairo',sans-serif}.copy-btn-small{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-secondary);border:none;border-radius:var(--radius-md);color:#ffffff;cursor:pointer;transition:var(--transition)}.copy-btn-small:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.features-section{padding:80px 20px;background:var(--bg-darker)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.feature-card{padding:30px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;color:#ffffff;font-size:28px;margin:0 auto 20px}.feature-icon i{display:block;font-size:28px;line-height:1}.feature-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.content-section{padding:80px 20px;background:var(--bg-primary)}.content-section:nth-child(even){background:var(--bg-secondary)}.content-wrapper{max-width:1200px;margin:0 auto}.content-text{margin-top:30px;font-size:16px;line-height:1.8;color:var(--text-primary)}.content-text p{margin-bottom:20px}.content-text p:last-child{margin-bottom:0}.content-text strong{color:var(--primary-color);font-weight:700}.steps-list{display:flex;flex-direction:column;gap:30px;margin-top:40px}.step-item{display:flex;gap:25px;padding:30px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition)}.step-item:hover{transform:translateX(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.step-number{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#ffffff;border-radius:50%;font-size:24px;font-weight:700}.step-content{flex:1}.step-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.step-content p{font-size:16px;line-height:1.7;color:var(--text-secondary);margin:0}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}.use-case-card{padding:30px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition)}.use-case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.use-case-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;color:#ffffff;font-size:28px;margin-bottom:20px}.use-case-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:15px}.use-case-card p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0}.faq-list{display:flex;flex-direction:column;gap:20px;margin-top:40px}.faq-item{padding:25px 30px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition)}.faq-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.faq-item h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.faq-item p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0}.best-practices-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:40px}.practice-item{padding:25px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);border-right:4px solid var(--primary-color);transition:var(--transition)}.practice-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.practice-item h3{font-size:1.1rem;font-weight:700;color:var(--primary-color);margin-bottom:12px}.practice-item p{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0}@media (max-width:768px){.content-section{padding:50px 15px}.step-item{flex-direction:column;gap:20px;padding:20px}.step-number{width:40px;height:40px;font-size:20px}.use-cases-grid{grid-template-columns:1fr;gap:20px}.best-practices-list{grid-template-columns:1fr;gap:20px}.content-text{font-size:15px}.step-content h3{font-size:1.25rem}.step-content p{font-size:15px}}.cta-section{position:relative;padding:80px 20px;background:var(--bg-dark);overflow:hidden}.cta-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(255,145,77,0.2) 0%,transparent 70%);border-radius:50%;filter:blur(60px)}.cta-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;padding:0 20px}.cta-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:15px}.cta-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;padding:0;margin:0 auto;box-sizing:border-box}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:var(--radius-md);font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);box-sizing:border-box;min-width:200px;flex:1;max-width:300px}.btn-primary{background:var(--gradient-primary);color:#ffffff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.url-input-ltr,input[dir="ltr"],input[type="url"]{direction:ltr!important;text-align:left!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important}.url-input-ltr::placeholder,input[dir="ltr"]::placeholder{direction:ltr;text-align:left}.custom-label-with-info{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.custom-label-with-info span{flex:1}.info-icon{color:var(--primary-color);cursor:pointer;font-size:18px;transition:var(--transition);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,145,77,0.1)}.info-icon:hover{color:var(--primary-hover);transform:scale(1.1);background:rgba(255,145,77,0.2)}.tooltip{position:fixed;background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:14px;line-height:1.6;max-width:300px;min-width:200px;z-index:10000;box-shadow:var(--shadow-xl);display:none;pointer-events:auto;direction:rtl;text-align:right;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;word-wrap:break-word;overflow-wrap:break-word}.tooltip.show{display:block;opacity:1;visibility:visible}body.dark .tooltip{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--text-primary)}.tutorial-modal{display:none!important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;visibility:hidden;opacity:0}.tutorial-modal[style*="flex"]{display:flex!important;visibility:visible!important;opacity:1!important}.tutorial-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:10000}.tutorial-content{position:relative;background:var(--bg-primary);border-radius:var(--radius-xl);max-width:600px;width:calc(100% - 40px);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);z-index:10001;animation:tutorialSlideIn 0.4s ease-out;margin:auto;box-sizing:border-box}@keyframes tutorialSlideIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:2px solid var(--border-color)}.tutorial-header h2{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.tutorial-header h2 i{color:var(--primary-color);font-size:28px}.tutorial-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:24px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:10002;position:relative;pointer-events:auto;-webkit-user-select:none;user-select:none}.tutorial-close:hover{background:var(--error-color);color:#ffffff;transform:rotate(90deg)}.tutorial-body{padding:30px;min-height:300px}.tutorial-step{display:none;text-align:center;animation:tutorialFadeIn 0.3s ease-in}.tutorial-step.active{display:block}@keyframes tutorialFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;color:#ffffff;font-size:40px;margin:0 auto 20px;box-shadow:var(--shadow-lg)}.tutorial-step h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:15px}.tutorial-step p{font-size:1rem;color:var(--text-secondary);line-height:1.8;max-width:500px;margin:0 auto}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-top:2px solid var(--border-color);gap:15px}.tutorial-dots{display:flex;gap:10px;flex:1;justify-content:center}.tutorial-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-tertiary);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tutorial-dot.active{background:var(--primary-color);width:30px;border-radius:5px}.tutorial-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#ffffff;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:10002;position:relative;pointer-events:auto;-webkit-user-select:none;user-select:none;min-height:44px;min-width:44px}.tutorial-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tutorial-btn.tutorial-skip{background:var(--bg-tertiary);color:var(--text-secondary)}.tutorial-btn.tutorial-skip:hover{background:var(--bg-secondary);color:var(--text-primary)}.tutorial-trigger-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;margin-top:20px;background:var(--bg-card);border:2px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.tutorial-trigger-btn:hover{background:var(--gradient-primary);border-color:var(--primary-color);color:#ffffff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}body.dark .tutorial-trigger-btn{background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);color:#ffffff;backdrop-filter:blur(10px)}body.dark .tutorial-trigger-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5);color:#ffffff}@media (max-width:768px){.tools-hero{padding:100px 15px 60px;min-height:50vh}.tools-hero .hero-title{font-size:2rem}.tools-hero .hero-subtitle{font-size:0.95rem}.section-title{font-size:2rem}.tool-card{padding:20px 15px;border-radius:var(--radius-lg)}.tool-header{flex-direction:column;text-align:center;gap:15px}.tool-tabs{flex-direction:column;gap:10px;padding:15px}.tool-tab{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.customization-grid{grid-template-columns:1fr;gap:20px}.custom-item{min-width:100%}.custom-item[style*="grid-column: span 2"]{grid-column:1!important}.style-selector{grid-template-columns:1fr;gap:10px}.visual-preview{padding:12px}.size-preview,.margin-examples{flex-wrap:wrap}.color-examples{grid-template-columns:repeat(3,1fr)}.info-modal-content{max-width:95%;max-height:85vh}.info-modal-header{padding:20px}.info-modal-body{padding:20px}.custom-item{gap:8px}.custom-label-with-info{flex-wrap:wrap}.input-grid{grid-template-columns:1fr}.qr-actions{flex-direction:column;width:100%;gap:10px}.action-btn{width:100%;padding:14px 20px}.features-grid{grid-template-columns:1fr;gap:20px}.cta-title{font-size:1.75rem}.cta-section{padding:60px 15px}.cta-content{padding:0;width:100%;max-width:100%;box-sizing:border-box}.cta-buttons{flex-direction:column;gap:15px;width:100%;max-width:100%;padding:0;margin:0 auto;box-sizing:border-box}.btn-primary,.btn-secondary{width:100%;max-width:100%;min-width:auto;flex:none;padding:16px 24px;box-sizing:border-box}.tool-input{padding:14px 48px 14px 16px}.url-input-ltr{padding-left:16px!important;padding-right:48px!important}.tool-input:not(.urlinput-ltr){padding-left:48px!important;padding-right:16px!important}.clear-btn{width:30px;height:30px;font-size:16px;right:6px}.input-group:not(:has(.urlinput-ltr)) .clear-btn{left:6px;right:auto}.cta-content{padding:0 15px;width:100%;box-sizing:border-box}.tooltip{max-width:250px;font-size:13px;padding:10px 14px}.tutorial-modal:not([style*="none"]){padding:15px!important}.tutorial-modal[style*="flex"]{display:flex!important;align-items:center!important;justify-content:center!important}.tutorial-content{max-width:100%!important;width:calc(100% - 30px)!important;margin:0 auto!important;border-radius:var(--radius-lg);max-height:85vh;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.tutorial-header{padding:20px}.tutorial-header h2{font-size:1.25rem}.tutorial-body{padding:20px}.tutorial-icon{width:60px;height:60px;font-size:30px}.tutorial-step h3{font-size:1.25rem}.tutorial-step p{font-size:0.95rem}.tutorial-footer{padding:15px 20px;flex-wrap:wrap}.tutorial-btn{padding:10px 16px;font-size:13px}}@media (max-width:480px){.tools-hero{padding:80px 10px 40px;min-height:40vh}.tools-hero .hero-title{font-size:1.75rem}.tools-hero .hero-subtitle{font-size:0.9rem}.tool-card{padding:15px 10px}.customization-section{padding:15px}.qr-preview-container{padding:15px}.section-title{font-size:1.75rem}.tooltip{max-width:200px;font-size:12px;padding:8px 12px}.tutorial-header h2{font-size:1.1rem}.tutorial-icon{width:50px;height:50px;font-size:24px}.tutorial-modal:not([style*="none"]){padding:10px!important}.tutorial-modal[style*="flex"]{display:flex!important;align-items:center!important;justify-content:center!important}.tutorial-content{max-width:100%!important;width:calc(100% - 20px)!important;margin:0 auto!important;max-height:90vh;position:relative!important;top:auto!important;left:auto!important;transform:none!important}}.loading{opacity:0.6;pointer-events:none}.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.tool-input.shake{animation:shake 0.5s;border-color:var(--error-color)!important}.tool-message{padding:16px 20px;border-radius:var(--radius-md);margin-bottom:20px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);animation:slideIn 0.3s ease-out;position:relative;width:100%;box-sizing:border-box}.tool-message i{font-size:20px;flex-shrink:0}.tool-message span{flex:1;line-height:1.5}.tool-message .message-close{background:transparent;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:0.7;transition:var(--transition);flex-shrink:0;border-radius:50%;width:24px;height:24px;font-size:18px}.tool-message .message-close:hover{opacity:1;background:rgba(0,0,0,0.1)}.tool-message.success{background:linear-gradient(135deg,rgba(16,185,129,0.15) 0%,rgba(16,185,129,0.05) 100%);border:2px solid var(--success-color);color:var(--success-color)}.tool-message.error{background:linear-gradient(135deg,rgba(239,68,68,0.15) 0%,rgba(239,68,68,0.05) 100%);border:2px solid var(--error-color);color:var(--error-color)}body.dark .tool-message.success{background:linear-gradient(135deg,rgba(16,185,129,0.2) 0%,rgba(16,185,129,0.1) 100%)}body.dark .tool-message.error{background:linear-gradient(135deg,rgba(239,68,68,0.2) 0%,rgba(239,68,68,0.1) 100%)}@media print{.ad-section,.tool-tabs,.qr-actions,.cta-section{display:none}}