*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:30px}.header h1{font-size:2.5em;margin-bottom:10px}.header p{opacity:.9;font-size:1.1em}.content{padding:40px}.upload-area{border:3px dashed #667eea;border-radius:10px;padding:40px;text-align:center;margin-bottom:30px;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#764ba2;background:#667eea0d}.upload-area.dragover{border-color:#764ba2;background:#667eea1a}.upload-icon{font-size:3em;color:#667eea;margin-bottom:20px}.upload-text{font-size:1.2em;color:#666;margin-bottom:15px}.file-input{display:none}.btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1em;cursor:pointer;transition:transform .2s ease}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.controls{display:none;margin:30px 0;padding:20px;background:#f8f9fa;border-radius:10px}.control-group{margin-bottom:20px}.control-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.control-group input,.control-group select{width:100%;padding:10px;border:2px solid #ddd;border-radius:5px;font-size:1em}.control-group input:focus,.control-group select:focus{outline:none;border-color:#667eea}.progress-container{display:none;margin:20px 0}.progress-bar{width:100%;height:20px;background:#e0e0e0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);width:0%;transition:width .3s ease}.progress-text{text-align:center;margin-top:10px;color:#666}.result{display:none;text-align:center;margin-top:30px}.result img{max-width:100%;border-radius:10px;box-shadow:0 10px 30px #0003}.download-btn{margin-top:20px}.error{display:none;background:#fee;color:#c33;padding:15px;border-radius:5px;margin:20px 0;border-left:4px solid #c33}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.grid{grid-template-columns:1fr}.header h1{font-size:2em}.content{padding:20px}}