:root{color:#22211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbfaf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}#root{min-height:100svh}.stylist-page{color:#22211f;background:#fbfaf8;grid-template-columns:minmax(0,.95fr) minmax(360px,.7fr);min-height:100svh;display:grid}.intro-panel{color:#fff;background:linear-gradient(#1e1c1957,#1e1c198f),url(/assets/hero-CLDdwZDr.png) 50%/cover;flex-direction:column;justify-content:center;min-height:100svh;padding:64px clamp(32px,7vw,104px);display:flex}.eyebrow{color:#f6d7b8;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:700}.intro-panel h1{color:#fff;letter-spacing:0;max-width:620px;margin:0;font-size:clamp(40px,6vw,76px);line-height:.98}.intro-copy{color:#ffffffdb;max-width:520px;margin:24px 0 0;font-size:18px;line-height:1.65}.profile-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff57;border-radius:8px;align-items:center;gap:16px;width:min(100%,420px);margin-top:56px;padding:14px;display:flex}.preview-photo{aspect-ratio:1;color:#ffffffb8;background:#ffffff29;border-radius:6px;flex:none;place-items:center;width:72px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.preview-photo img,.upload-surface img{object-fit:cover;width:100%;height:100%}.profile-preview strong,.profile-preview span{display:block}.profile-preview strong{color:#fff;font-size:16px}.profile-preview span{color:#ffffffbf;margin-top:4px;font-size:14px}.form-panel{border-left:1px solid #ebe4dc;align-items:center;min-height:100svh;padding:48px clamp(24px,5vw,72px);display:flex}.style-form{gap:28px;width:100%;display:grid}.photo-uploader{cursor:pointer;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:18px;display:grid}.photo-uploader input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-surface{aspect-ratio:3/4;background:#fff;border:1px dashed #b9aaa0;border-radius:8px;place-items:center;width:118px;display:grid;overflow:hidden}.upload-icon{aspect-ratio:1;color:#fff;background:#2f5d50;border-radius:999px;place-items:center;width:42px;font-size:30px;line-height:1;display:grid}.upload-text strong,.upload-text span{display:block}.upload-text strong,.field>span{color:#22211f;font-size:15px;font-weight:700}.upload-text span{color:#7d746d;overflow-wrap:anywhere;margin-top:8px;font-size:14px;line-height:1.45}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:10px;display:grid}.number-input{background:#fff;border:1px solid #d8cec5;border-radius:8px;align-items:center;height:56px;padding:0 16px;display:flex}.number-input:focus-within{border-color:#2f5d50;box-shadow:0 0 0 3px #2f5d5024}.number-input input{color:#22211f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:20px}.number-input input::placeholder{color:#b5aaa0}.number-input span{color:#7d746d;font-size:14px;font-weight:700}.primary-action{color:#fff;height:58px;font:inherit;cursor:pointer;background:#2f5d50;border:0;border-radius:8px;font-size:16px;font-weight:800;transition:background .16s,transform .16s}.primary-action:hover:not(:disabled){background:#24483e;transform:translateY(-1px)}.primary-action:disabled{cursor:not-allowed;background:#a8b8b2}.primary-action:focus-visible{outline-offset:3px;outline:3px solid #2f5d5047}.form-message{margin:-8px 0 0;font-size:14px;line-height:1.5}.error-message{color:#a43d32}.report-panel{background:#fff;border:1px solid #d8cec5;border-radius:8px;gap:12px;padding:22px;display:grid}.report-panel h2{color:#22211f;margin:0;font-size:20px;line-height:1.25}.report-panel p{color:#4f4842;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.72}@media (width<=860px){.stylist-page{grid-template-columns:1fr}.intro-panel,.form-panel{min-height:auto}.intro-panel{padding:52px 22px 36px}.intro-panel h1{font-size:42px}.intro-copy{font-size:16px}.profile-preview{margin-top:36px}.form-panel{border-left:0;padding:32px 22px 44px}}@media (width<=520px){.photo-uploader,.input-grid{grid-template-columns:1fr}.photo-uploader{align-items:start}.upload-surface{width:100%;max-height:360px}}