:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#4a4a4a;background-color:#fff0f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #ff69b4;--primary-hover: #ff1493;--bg-card: rgba(255, 255, 255, .65);--border-color: rgba(255, 105, 180, .2);--text-main: #2d2d2d;--text-muted: #666}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh;background-color:var(--bg-color, #fff0f5);background-image:var(--bg-image, linear-gradient(rgba(255, 240, 245, .8), rgba(255, 240, 245, .8)), url(https://images.unsplash.com/photo-1496747611176-843222e1e57c?q=80&w=2073&auto=format&fit=crop));background-size:cover;background-position:center;background-attachment:fixed;transition:background-image .5s ease-in-out}h1,h2,h3{font-weight:700;letter-spacing:-.02em;color:#333}input,select,button{font-family:inherit;font-size:inherit}#root{width:100%;max-width:1200px;margin:0 auto;padding:2rem;text-align:center}.container{display:flex;flex-direction:column;align-items:center;gap:2rem}.header h1{font-size:3.5rem;margin-bottom:.5rem;background:linear-gradient(to right,#ff69b4,#ffb6c1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.header p{color:var(--text-muted);font-size:1.2rem}.stylist-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid white;border-radius:24px;padding:3rem;width:100%;max-width:500px;box-shadow:0 10px 30px -10px #ffb6c166}.upload-area{border:2px dashed var(--border-color);border-radius:16px;padding:2rem;margin-bottom:2rem;cursor:pointer;transition:all .3s ease;background:#ffffff80;position:relative;overflow:hidden}.upload-area:hover,.upload-area.active{border-color:var(--primary-color);background:#ff69b40d}.preview-image{width:100%;height:300px;object-fit:cover;border-radius:12px}.placeholder-text{color:var(--text-muted);pointer-events:none}.form-group{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.input-row{display:flex;gap:1rem}.input-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}label{font-size:.9rem;color:var(--text-muted);font-weight:600}input,select{background:#fff;border:1px solid #ffdae9;border-radius:12px;padding:1rem;color:var(--text-main);outline:none;transition:border-color .3s,box-shadow .3s}input:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff69b41a}.submit-btn{background:var(--primary-color);color:#fff;border:none;border-radius:12px;padding:1.2rem;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:1rem;transition:transform .2s,background-color .2s,box-shadow .2s;box-shadow:0 4px 15px #ff69b44d}.submit-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff69b466}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background-color:#ffb6c1;cursor:not-allowed;transform:none}.result-area h2,.result-area h3{color:var(--text-main)}.result-area p,.result-area li{color:#444}