:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;color:#333}#root{max-width:100%;margin:0;padding:0;width:100%}.App{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.personal-stylist-container{background-color:#fff;padding:40px;border-radius:15px;box-shadow:0 15px 40px #0003;max-width:550px;width:90%;text-align:center;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.personal-stylist-container h1{color:purple;margin-bottom:35px;font-size:2.5em;font-weight:700;letter-spacing:-.5px}.personal-stylist-form .form-group{margin-bottom:25px;text-align:left;position:relative}.personal-stylist-form label{display:block;margin-bottom:10px;font-weight:600;color:indigo;font-size:1.1em}.personal-stylist-form input[type=number]{width:calc(100% - 24px);padding:14px 12px;border:1px solid #c9d6de;border-radius:10px;box-sizing:border-box;font-size:1.05rem;transition:all .3s ease;background-color:#f8f9fa;color:#333}.personal-stylist-form input[type=number]:focus{border-color:#ff69b4;outline:none;box-shadow:0 0 0 4px #ff69b433;background-color:#fff}.drop-zone{border:2px dashed #ADD8E6;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#e0ffff}.drop-zone.drag-active{border-color:#ba55d3;background-color:#f0f8ff}.drop-zone input[type=file]{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer}.drop-zone p{margin:0;font-size:1em;color:#2f4f4f;font-weight:500}.drop-zone p span{color:#4169e1;font-weight:600;text-decoration:underline}.image-preview-wrapper{position:relative;width:180px;height:180px;margin:0 auto}.image-preview-thumbnail{max-width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid #87CEEB;box-shadow:0 5px 15px #0003;transition:transform .3s ease}.image-preview-thumbnail:hover{transform:scale(1.03)}.remove-image-button{position:absolute;top:0;right:0;background-color:#ff4500;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:1.2em;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 5px #0003}.remove-image-button:hover{background-color:#b22222;transform:scale(1.1)}.submit-button{width:100%;padding:15px;background:linear-gradient(45deg,#a88beb 30%,#c1b1f3 90%);color:#fff;border:none;border-radius:10px;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:30px;letter-spacing:.5px;box-shadow:0 4px 15px #0003}.submit-button:hover{background:linear-gradient(45deg,#8a6fcf 30%,#a88beb 90%);transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.submit-button:active{transform:translateY(0);box-shadow:0 2px 10px #0003}.camera-icon-container{margin-bottom:10px}.camera-icon{width:60px;height:60px;color:indigo;opacity:.7;transition:opacity .3s ease,transform .3s ease}.drop-zone:hover .camera-icon{opacity:1;transform:scale(1.1)}.report-output{margin-top:40px;background-color:#fcf8ff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;text-align:left;line-height:1.7;color:#444;animation:fadeInReport 1s ease-out;border:1px solid #efe3f5;font-family:Merriweather,serif}@keyframes fadeInReport{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-output h2{color:#5d078a;font-family:Playfair Display,serif;font-size:2.2em;font-weight:700;margin-bottom:25px;text-align:center;border-bottom:2px solid #d4c1df;padding-bottom:15px;letter-spacing:.5px}.report-output div{font-size:1.05em;color:#3e3e3e}.report-output p{margin-bottom:1em}.report-output ul,.report-output ol{margin-left:20px;margin-bottom:1em}.report-output li{margin-bottom:.5em}.report-output strong{color:#7b2cbf;font-weight:700}