.image-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.image-item{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa}.image-preview{flex-shrink:0}.preview-img{width:80px;height:80px;object-fit:cover;border-radius:6px;border:2px solid #dee2e6}.image-info{flex:1;display:flex;justify-content:space-between;align-items:center}.image-name{font-weight:500;color:var(--text-color);word-break:break-word}.image-controls{display:flex;gap:8px;flex-shrink:0}.btn-sm{padding:6px 12px;font-size:.875rem}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.loading{color:var(--primary-color);font-weight:500;font-size:1.1rem}@media (max-width:768px){.game-board{min-width:320px;min-height:320px;padding:20px}.game-square{min-width:80px;min-height:80px;font-size:2rem}}body:not(.dark) .tool-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0}.dark .tool-card:hover,body.dark .tool-card:hover{background:linear-gradient(135deg,#334155,#475569)!important;border-color:#60a5fa!important;color:#f9fafb!important}.dark .tool-card:hover .tool-title,body.dark .tool-card:hover .tool-title{color:#f9fafb!important}.dark .tool-card:hover .tool-description,body.dark .tool-card:hover .tool-description{color:#d1d5db!important}.dark .blog-card:hover,body.dark .blog-card:hover{background:linear-gradient(135deg,#334155,#475569)!important;border-color:#60a5fa!important;color:#f9fafb!important}.dark .blog-card:hover .blog-title,body.dark .blog-card:hover .blog-title{color:#f9fafb!important}.dark .blog-card:hover .blog-excerpt,body.dark .blog-card:hover .blog-excerpt{color:#d1d5db!important}.dark .feature-card:hover,body.dark .feature-card:hover{background:linear-gradient(135deg,#334155,#475569)!important;border-color:#60a5fa!important;color:#f9fafb!important}.dark .feature-card:hover .feature-title,body.dark .feature-card:hover .feature-title{color:#f9fafb!important}.dark .feature-card:hover .feature-description,body.dark .feature-card:hover .feature-description{color:#d1d5db!important}.dark .suggested-tool:hover,body.dark .suggested-tool:hover{background:linear-gradient(135deg,#334155,#475569)!important;border-color:#60a5fa!important;color:#f9fafb!important}.dark .suggested-tool:hover .tool-info h4,body.dark .suggested-tool:hover .tool-info h4{color:#f9fafb!important}.dark .suggested-tool:hover .tool-info p,body.dark .suggested-tool:hover .tool-info p{color:#d1d5db!important}.dark .btn:hover,body.dark .btn:hover{color:#fff!important}.dark .btn-primary:hover,body.dark .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;color:#fff!important}.dark .btn-secondary:hover,body.dark .btn-secondary:hover{background:#4b5563!important;color:#fff!important}.dark .btn-success:hover,body.dark .btn-success:hover{background:#047857!important;color:#fff!important}.dark .form-input:hover,.dark .form-select:hover,.dark .form-textarea:hover,body.dark .form-input:hover,body.dark .form-select:hover,body.dark .form-textarea:hover{background:linear-gradient(135deg,#374151,#4b5563)!important;border-color:#60a5fa!important;color:#f9fafb!important}.dark .search-input:hover,body.dark .search-input:hover{background:#374151!important;border-color:#60a5fa!important;color:#f9fafb!important}.dark .dark-mode-btn:hover,.dark .header-actions button:hover,.dark .header-actions select:hover,.dark .lang-select:hover,body.dark .dark-mode-btn:hover,body.dark .header-actions button:hover,body.dark .header-actions select:hover,body.dark .lang-select:hover{background:#ffffff4d!important;border-color:#ffffff80!important;color:#fff!important}.dark .blog-link:hover,body.dark .blog-link:hover{color:#93c5fd!important}.dark .article-link:hover,body.dark .article-link:hover{background:linear-gradient(135deg,#60a5fa33,#60a5fa4d)!important;border-color:#60a5fa66!important;color:#93c5fd!important}.dark .game-button:hover,.dark .game-square:hover,body.dark .game-button:hover,body.dark .game-square:hover{background:#4b5563!important;color:#f9fafb!important}.dark .score-card:hover,body.dark .score-card:hover{background:#374151!important;color:#f9fafb!important}.dark .resize-handle:hover,body.dark .resize-handle:hover{background-color:#93c5fd!important;border-color:#fff!important}.dark .crop-overlay:hover,body.dark .crop-overlay:hover{background-color:#60a5fa4d!important;border-color:#93c5fd!important}.dark .logo-img:hover,body.dark .logo-img:hover{border-color:#fff6!important;box-shadow:0 8px 20px #0000004d!important}.dark .hero-main-icon:hover,body.dark .hero-main-icon:hover{border-color:#fff9!important;box-shadow:0 20px 50px #0006!important}.dark .header-hero .stat-item:hover,body.dark .header-hero .stat-item:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40)!important;border-color:#ffffff73!important}.dark .suggestions-list li:hover,body.dark .suggestions-list li:hover{background-color:#374151!important;color:#f9fafb!important}.dark .suggestions-list li:hover .suggestion-label,body.dark .suggestions-list li:hover .suggestion-label{color:#f9fafb!important}.dark .suggestions-list li:hover .suggestion-desc,body.dark .suggestions-list li:hover .suggestion-desc{color:#d1d5db!important}.dark .action-btn:hover,.dark .tool-btn:hover,body.dark .action-btn:hover,body.dark .tool-btn:hover{background:#60a5fa!important;border-color:#60a5fa!important;color:#fff!important}.dark .floating-show-toolbar:hover,body.dark .floating-show-toolbar:hover{background:#1d4ed8!important;border-color:#1d4ed8!important;color:#fff!important}.dark .cta-button:hover,body.dark .cta-button:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border-color:#2563eb66!important;color:#1e40af!important}.dark .section-title:hover,body.dark .section-title:hover{color:#f9fafb!important}.dark .section-description:hover,body.dark .section-description:hover{color:#d1d5db!important}