.app-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;background-color:#f9f7f7;color:#333}.app-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:15px;box-shadow:0 4px 15px #0000001a}.app-header h1{margin:0;font-size:2.5rem;color:#333}.app-header p{margin:10px 0 0;font-size:1.1rem;color:#555}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:30px}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;width:100%}.error-message{background-color:#fff5f5;border-left:5px solid #f44336;padding:15px;border-radius:5px;width:100%;text-align:center}.error-message button{margin-top:10px;padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.upload-section{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.file-input-container{position:relative;width:100%}.file-input{display:none}.file-input-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background-color:#fff;border:2px dashed #e0e0e0;border-radius:15px;cursor:pointer;transition:all .3s ease}.file-input-label:hover{border-color:#fcb69f;background-color:#fff5f5}.upload-icon{font-size:3rem;margin-bottom:10px}.reset-button{padding:10px 20px;background-color:#ff7243;color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.reset-button:hover{background-color:#ff5e24}.image-preview-container{position:relative;width:100%;max-width:500px;margin:0 auto}.flower-image{width:100%;height:auto;border-radius:15px;box-shadow:0 4px 15px #0000001a;-o-object-fit:cover;object-fit:cover;max-height:400px}.image-overlay{position:absolute;inset:0;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px}.prediction-result{width:100%;max-width:500px;margin:0 auto}.result-card{background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 15px #0000001a;text-align:center}.result-card h2{margin:0 0 20px;font-size:2rem;color:#333}.confidence-meter{margin-top:20px}.confidence-label{font-weight:700;margin-bottom:8px}.confidence-bar{height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:8px}.confidence-fill{height:100%;background:linear-gradient(90deg,#fcb69f,#ff9a76);transition:width 1s ease}.confidence-value{font-size:1.2rem;font-weight:700;color:#ff9a76}.app-footer{text-align:center;margin-top:30px;padding:20px;color:#777;font-size:.9rem}.spinner{width:40px;height:40px;border:4px solid rgba(252,182,159,.3);border-radius:50%;border-top-color:#fcb69f;animation:spin 1s ease-in-out infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.app-container{padding:15px}.app-header h1{font-size:2rem}.app-header p{font-size:1rem}}