:root{color:#171a18;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fcfbf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#fcfbf8;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}#root{min-height:100svh}.stylist-page{background:linear-gradient(135deg,#ffffffe6,#f8f4efcc),#f7f1e9;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);min-height:100svh;display:grid}.intro-panel{color:#1e2321;background:linear-gradient(#ffffff14,#29383152),url(/assets/hero-CLDdwZDr.png) 50% 28%/320px no-repeat,#d9d3c7;flex-direction:column;justify-content:space-between;min-height:100svh;padding:42px;display:flex}.brand-row,.preview-card{align-items:center;display:flex}.brand-row{color:#202522;gap:12px;font-size:15px;font-weight:700}.brand-mark{color:#fff;letter-spacing:0;background:#202522;border-radius:8px;place-items:center;width:40px;height:40px;font-size:13px;display:inline-grid}.intro-copy{max-width:540px;padding-top:160px}.eyebrow,.step-label{letter-spacing:.08em;text-transform:uppercase;color:#8b5e3c;margin:0 0 12px;font-size:13px;font-weight:800}.intro-copy h1{color:#171a18;max-width:520px;margin:0;font-size:56px;font-weight:800;line-height:1.02}.intro-copy p:last-child{color:#4f5a54;max-width:420px;margin-top:22px;font-size:17px;line-height:1.65}.preview-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #20252224;border-radius:8px;gap:16px;max-width:430px;padding:18px;box-shadow:0 16px 48px #2a231b24}.preview-avatar{color:#8b5e3c;background:#fff;border-radius:8px;flex:none;place-items:center;width:64px;height:64px;font-size:30px;font-weight:300;display:grid;overflow:hidden}.preview-avatar img,.upload-frame img{object-fit:cover;width:100%;height:100%}.preview-card strong{color:#171a18;margin-bottom:4px;font-size:16px;display:block}.preview-card p{color:#59635d;margin:0;font-size:14px;line-height:1.45}.form-panel{background:#fcfbf8;align-items:center;min-height:100svh;padding:42px;display:grid}.profile-form{width:min(100%,520px)}.form-header{margin-bottom:28px}.form-header h2{color:#171a18;margin:0;font-size:34px;line-height:1.12}.photo-upload{cursor:pointer;margin-bottom:22px;display:block}.photo-upload input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.upload-frame{background:#f6f0e9;border:1.5px dashed #c9b9a9;border-radius:8px;place-items:center;min-height:340px;transition:border-color .2s,background .2s,transform .2s;display:grid;overflow:hidden}.photo-upload:hover .upload-frame{background:#f1e7dc;border-color:#8b5e3c}.photo-upload:focus-within .upload-frame{outline-offset:3px;outline:3px solid #8b5e3c2e}.upload-placeholder{color:#2d332f;text-align:center;place-items:center;gap:10px;padding:28px;font-size:18px;font-weight:800;display:grid}.upload-placeholder small{color:#7d746b;max-width:260px;font-size:14px;font-weight:500;line-height:1.45}.upload-icon{background:#fff;border-radius:8px;width:54px;height:54px;position:relative;box-shadow:inset 0 0 0 1px #e2d6ca}.upload-icon:before,.upload-icon:after{content:"";background:#8b5e3c;border-radius:2px;margin:auto;position:absolute;inset:0}.upload-icon:before{width:22px;height:3px}.upload-icon:after{width:3px;height:22px}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:8px;display:grid}.field>span{color:#414842;font-size:14px;font-weight:800}.number-input{background:#fff;border:1px solid #d9d0c7;border-radius:8px;align-items:center;gap:8px;height:58px;padding:0 16px;display:flex}.number-input:focus-within{border-color:#8b5e3c;box-shadow:0 0 0 3px #8b5e3c24}.number-input input{color:#171a18;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:20px;font-weight:800}.number-input input::placeholder{color:#bbb1a8}.number-input span{color:#746b63;font-size:14px;font-weight:800}.primary-action{color:#fff;width:100%;height:58px;font:inherit;cursor:pointer;background:#202522;border:0;border-radius:8px;margin-top:18px;font-size:16px;font-weight:800;transition:background .2s,transform .2s}.primary-action:hover:not(:disabled){background:#8b5e3c;transform:translateY(-1px)}.primary-action:disabled{cursor:wait;opacity:.72}.primary-action:focus-visible{outline-offset:3px;outline:3px solid #8b5e3c4d}.form-message{border-radius:8px;margin:16px 0 0;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.45}.error-message{color:#8c2f1d;background:#fff2ee;border:1px solid #e0b4a7}.report-panel{border-top:1px solid #e4dbd2;margin-top:28px;padding-top:28px}.report-header{margin-bottom:18px}.report-header h2{color:#171a18;margin:0;font-size:26px;line-height:1.18}.report-content{color:#2d332f;background:#fff;border:1px solid #e0d7cf;border-radius:8px;max-height:420px;padding:20px;overflow:auto;box-shadow:0 14px 34px #2a231b14}.report-content p{white-space:pre-wrap;margin:0 0 12px;font-size:15px;line-height:1.7}.report-content p:last-child{margin-bottom:0}@media (width<=920px){.stylist-page{grid-template-columns:1fr}.intro-panel,.form-panel{min-height:auto;padding:28px 20px}.intro-panel{background-size:240px;gap:64px}.intro-copy{padding-top:90px}.intro-copy h1{font-size:40px}.preview-card{max-width:none}}@media (width<=560px){.input-grid{grid-template-columns:1fr}.upload-frame{min-height:300px}.intro-copy h1{font-size:34px}}