body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0efff;display:flex;justify-content:center;align-items:center;height:100vh}.App{text-align:center;background-color:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 20px #0000001a;width:350px}h1{font-size:28px;color:#4a4a4a;margin-bottom:10px}p{color:#888;margin-bottom:30px}.upload-area{border:2px dashed #dcdcdc;border-radius:12px;padding:30px;margin-bottom:30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background-color:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.upload-area.has-image .preview-container,.upload-area.has-image .remove-btn{pointer-events:auto}.upload-area:hover{background-color:#f0f0f0;border-color:#a39eff}.upload-area.dragging{background-color:#f0efff;border-color:#a39eff;transform:scale(1.02)}.upload-area.has-image{padding:0;border:2px solid #e0e0e0}.preview-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.preview-image{max-width:100%;max-height:250px;object-fit:contain;border-radius:8px}.remove-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;border-radius:50%;background-color:#0009;color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s;border:none}.remove-btn:hover{background-color:#f44c}.upload-icon{margin-bottom:15px}.upload-icon svg{color:#a0a0a0}.input-row{display:flex;gap:15px;margin-bottom:20px}.input-row .input-group{flex:1;margin-bottom:0}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;font-size:14px;color:#4a4a4a;margin-bottom:8px}.input-group input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;box-sizing:border-box;color:#000;background-color:#fff;position:relative;z-index:10}.input-group input::placeholder{color:silver}.analyze-btn{display:flex;align-items:center;justify-content:center;gap:10px}.analyze-btn:disabled{background-color:#ccc;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.report-container{margin-top:40px;padding:30px;background-color:#fff;border-radius:15px;border:1px solid #eee;text-align:left;box-shadow:0 4px 15px #0000000d}.report-container h2{font-size:20px;color:#4a4a4a;margin-bottom:20px;border-bottom:2px solid #a39eff;padding-bottom:10px;display:inline-block}.report-content{font-size:15px;line-height:1.6;color:#333;white-space:pre-wrap;word-break:break-word}.report-content p{margin-bottom:15px;color:#333}