.upload-area[data-v-02def924]{border:2px dashed #cbd5e1;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8fafc;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative}.upload-area[data-v-02def924]:hover{border-color:#3b82f6;background:#f0f9ff}.upload-area.drag-over[data-v-02def924]{border-color:#3b82f6;background:#dbeafe;transform:scale(1.02)}.file-input[data-v-02def924]{display:none}.upload-placeholder[data-v-02def924]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon[data-v-02def924]{width:48px;height:48px;color:#64748b}.upload-text[data-v-02def924]{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.upload-subtitle[data-v-02def924]{font-size:.875rem;color:#64748b;margin:0}.image-preview[data-v-02def924]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-preview img[data-v-02def924]{max-width:100%;max-height:280px;object-fit:contain;border-radius:8px}.remove-button[data-v-02def924]{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-button[data-v-02def924]:hover{background:#ef4444;transform:scale(1.1)}.remove-button svg[data-v-02def924]{width:20px;height:20px}.result-display[data-v-8e7afe77]{border:2px solid #e2e8f0;border-radius:12px;padding:2rem;text-align:center;background:#fff;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative}.placeholder[data-v-8e7afe77]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#64748b}.placeholder-icon[data-v-8e7afe77]{width:64px;height:64px;opacity:.5}.placeholder-text[data-v-8e7afe77]{font-size:1rem;margin:0}.result-container[data-v-8e7afe77]{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem}.result-image[data-v-8e7afe77]{max-width:100%;max-height:280px;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.result-actions[data-v-8e7afe77]{display:flex;gap:1rem;justify-content:center}.download-button[data-v-8e7afe77],.reset-button[data-v-8e7afe77]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.download-button[data-v-8e7afe77]{background:#3b82f6;color:#fff}.download-button[data-v-8e7afe77]:hover{background:#2563eb;transform:translateY(-1px)}.reset-button[data-v-8e7afe77]{background:#e2e8f0;color:#475569}.reset-button[data-v-8e7afe77]:hover{background:#cbd5e1;transform:translateY(-1px)}.button-icon[data-v-8e7afe77]{width:20px;height:20px}@media (max-width: 640px){.result-actions[data-v-8e7afe77]{flex-direction:column;width:100%}.download-button[data-v-8e7afe77],.reset-button[data-v-8e7afe77]{width:100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f1f5f9;color:#1e293b;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:3rem 1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.title{font-size:3rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.025em}.subtitle{font-size:1.25rem;opacity:.9}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.upload-section{display:flex;flex-direction:column}.action-section{text-align:center;margin-top:2rem}.generate-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 3rem;font-size:1.125rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.generate-button:disabled{opacity:.5;cursor:not-allowed}.processing{display:flex;align-items:center;gap:.5rem}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{text-align:center;padding:2rem;color:#64748b;border-top:1px solid #e2e8f0;background:#fff}@media (max-width: 768px){.title{font-size:2rem}.subtitle{font-size:1rem}.main-content{padding:1rem}.upload-grid{grid-template-columns:1fr;gap:1.5rem}}