*{box-sizing:border-box;margin:0;padding:0;font-family:Figtree,sans-serif}body{background:#f0f4ff;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem;position:relative}header h1{color:#222;margin:0 auto 1rem;line-height:normal;max-width:500px;font-weight:700;font-size:3rem;background:linear-gradient(90deg,#6c5ce7,#00cec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}header p{color:#666;font-size:1.1rem;margin-bottom:.5rem}main{display:flex;flex-direction:column;gap:2rem}.upload-container{width:100%}.upload-area{background-color:#fff;border:2px dashed #a29bfe;border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0000000d}.upload-area:hover,.upload-area.dragover{border-color:#6c5ce7;background-color:#f8f9ff}.upload-icon{margin-bottom:1rem;color:#6c5ce7}.upload-area p{color:#4a5568;margin-bottom:.5rem;font-size:1.1rem}.upload-hint{color:#718096;font-size:.9rem;margin:.5rem 0}.upload-button{display:inline-block;background:linear-gradient(90deg,#6c5ce7,#00cec9);color:#fff;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #6c5ce733}.upload-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce74d}.preview-container{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;padding:2rem}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-header h2{color:#2d3748;font-weight:600}.reset-button{background-color:transparent;color:#6c5ce7;border:1px solid #6c5ce7;padding:.5rem 1.2rem;border-radius:50px;cursor:pointer;font-weight:500;transition:all .3s ease}.reset-button:hover{background-color:#f8f9ff;transform:translateY(-2px)}.preview-images{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.preview-images{grid-template-columns:1fr}header h1{font-size:2.5rem;line-height:1.2}.preview-header{flex-direction:column;align-items:center;gap:1rem}.container{padding:1.5rem}}@media (max-width: 480px){header h1{font-size:2.1rem}.upload-area{padding:2rem 1rem}.action-buttons{flex-direction:column;align-items:center}.download-button{width:100%}}.preview-box{display:flex;flex-direction:column}.preview-box h3{color:#4a5568;margin-bottom:1rem;font-weight:500;text-align:center}.image-container{position:relative;background-color:#f7fafc;border-radius:12px;overflow:hidden;aspect-ratio:16/9;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #00000008}.image-container img{max-width:100%;max-height:100%;object-fit:contain}.result-image img{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjkzNyA3LjkzOCIgaGVpZ2h0PSIzMCIgd2lkdGg9IjMwIj48cGF0aCBwYWludC1vcmRlcj0ic3Ryb2tlIGZpbGwgbWFya2VycyIgZD0iTS4wMTQuMDE0SDMuOTdWMy45N0guMDE0ek0zLjk3IDMuOTY4aDMuOTU0djMuOTU1SDMuOTd6IiBmaWxsPSIjZWVlZmYwIi8+PC9zdmc+)}.loading-indicator{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:4px solid rgba(108,92,231,.2);border-radius:50%;border-top-color:#6c5ce7;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.download-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(90deg,#6c5ce7,#00cec9);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #6c5ce733}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce74d}.download-button:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none;transform:none}.download-cropped-button{background:linear-gradient(90deg,#00cec9,#6c5ce7)}.download-cropped-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00cec94d}.download-cropped-button:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none;transform:none}footer{margin-top:3rem;text-align:center;color:#718096}footer a{color:#6c5ce7;text-decoration:none;font-weight:500}footer a:hover{text-decoration:underline}