.upload-box.dragover,.upload-box:hover{border-color:var(--primary-color);background:var(--accent-bg)}.upload-container{max-width:700px;margin:0 auto}.upload-box{background:#fff;border:3px dashed var(--border-color);border-radius:20px;padding:60px 40px;text-align:center;transition:.3s;cursor:pointer;position:relative}.upload-box:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(152,95,253,.2)}.upload-box.dragover{border-style:solid}.upload-box h3{font-size:1.5rem;color:var(--secondary-color);margin-bottom:10px;font-weight:600}.upload-box p{color:var(--text-color);margin-bottom:25px;font-size:1rem}.upload-box .format-info{font-size:.875rem;color:#999;margin-top:15px;margin-bottom:0}.btn-custom{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:none;padding:14px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:.3s;box-shadow:0 4px 15px rgba(152,95,253,.3)}.btn-custom:hover{background:linear-gradient(135deg,var(--primary-hover),#6a3db8);transform:translateY(-2px);box-shadow:0 6px 20px rgba(152,95,253,.4);color:#fff}.btn-custom:active{transform:translateY(0)}.loading-spinner{display:none;margin:40px auto;text-align:center}.loading-spinner.active,.result-box.active{display:block}.spinner{width:50px;height:50px;margin:0 auto;border:4px solid var(--accent-bg);border-top:4px solid var(--primary-color);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-text{color:#fff;margin-top:15px;font-weight:500}.result-box{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.1);display:none;animation:.5s fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-title{font-size:1.5rem;color:var(--secondary-color);margin-bottom:25px;font-weight:600}.image-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.image-container{position:relative;border-radius:15px;overflow:hidden;background:var(--grey-bg);aspect-ratio:1}.image-container img{width:100%;height:100%;object-fit:contain}.image-label{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.7);color:#fff;padding:5px 12px;border-radius:20px;font-size:.875rem;font-weight:500}.transparent-bg{background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.action-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.hero-section{padding:60px 0 80px}.upload-box{padding:40px 25px}.result-box{padding:25px}.image-comparison{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-download,.btn-outline-custom{width:100%}}