:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3efe7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#ffffff5c 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#ffffff5c 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle at 12% 14%,#8f9f653d,#0000 28%),radial-gradient(circle at 88% 84%,#bc9a5d33,#0000 30%),#f3efe7;min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}img{display:block}.stylist-page{grid-template-columns:minmax(280px,.9fr) minmax(420px,1.35fr);align-items:center;gap:34px;min-height:100svh;padding:44px;display:grid}.intro{max-width:520px}.eyebrow{color:#6f7d4f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:14px;font-weight:800}.intro h1{color:#171717;margin:0;font-size:clamp(42px,6vw,78px);font-weight:850;line-height:1.02}.intro-copy{color:#525252;margin-top:24px;font-size:18px;line-height:1.75}.workspace{grid-template-columns:minmax(320px,1fr) minmax(240px,.72fr);align-items:stretch;gap:18px;display:grid}.profile-form,.preview-card{background:#ffffffe0;border:1px solid #22222214;border-radius:8px;box-shadow:0 24px 70px #26231d1c}.profile-form{padding:28px}.panel-title{justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;display:flex}.panel-title p{color:#8c7a58;text-transform:uppercase;font-size:13px;font-weight:800}.panel-title h2{color:#202020;margin:0;font-size:28px}.photo-drop{cursor:pointer;background:#fbfaf7;border:1.5px dashed #b9b1a3;border-radius:8px;place-items:center;min-height:280px;transition:border-color .2s,background .2s,transform .2s;display:grid;overflow:hidden}.photo-drop:hover{background:#fff;border-color:#171717;transform:translateY(-1px)}.photo-drop input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.photo-drop img{object-fit:cover;width:100%;height:100%;max-height:360px}.photo-empty{color:#2a2a2a;text-align:center;gap:8px;display:grid}.photo-empty strong{font-size:20px}.photo-empty small{color:#777;font-size:14px}.file-name{color:#6b6b6b;text-overflow:ellipsis;white-space:nowrap;margin:12px 0 0;font-size:14px;overflow:hidden}.field-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.field{color:#373737;gap:8px;font-size:14px;font-weight:800;display:grid}.input-wrap{background:#fff;border:1px solid #ded8ce;border-radius:8px;align-items:center;height:58px;padding:0 14px;display:flex}.input-wrap:focus-within{border-color:#171717;box-shadow:0 0 0 3px #6f7d4f24}.input-wrap input{color:#171717;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:20px;font-weight:700}.input-wrap b{color:#858177;font-size:14px}.submit-button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:58px;margin-top:24px;font-size:17px;font-weight:850;transition:opacity .2s,transform .2s,background .2s;display:inline-flex}.submit-button:hover:not(:disabled){background:#6f7d4f;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.38}.submit-button span{background:#ffffff29;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.success-message{color:#486038;margin-top:14px;font-size:14px;font-weight:700}.error-message{color:#b42318;margin-top:14px;font-size:14px;font-weight:750}.preview-panel{min-width:0}.preview-card{color:#fff;background:#24231f;align-content:space-between;gap:18px;height:100%;padding:20px;display:grid}.preview-label{color:#d9c8a2;text-transform:uppercase;font-size:13px;font-weight:900}.preview-photo{aspect-ratio:4/5;color:#a7a29a;background:#34322d;border-radius:8px;place-items:center;font-weight:800;display:grid;overflow:hidden}.preview-photo img{object-fit:cover;width:100%;height:100%}dl{gap:10px;margin:0;display:grid}dl div{border-top:1px solid #ffffff24;justify-content:space-between;gap:16px;padding-top:12px;display:flex}dt{color:#aaa49a}dd{margin:0;font-weight:850}.report-panel{background:#ffffffeb;border:1px solid #22222214;border-radius:8px;grid-column:1/-1;padding:30px;box-shadow:0 24px 70px #26231d1a}.report-panel h2{color:#171717;margin:0 0 18px;font-size:30px}.report-body{color:#333;white-space:pre-wrap;font-size:16px;line-height:1.78}@media (width<=980px){.stylist-page{grid-template-columns:1fr;padding:28px}.workspace{grid-template-columns:1fr}.preview-card{min-height:280px}}@media (width<=620px){.stylist-page{padding:18px}.profile-form{padding:20px}.panel-title{flex-direction:column;align-items:start}.field-grid{grid-template-columns:1fr}.photo-drop{min-height:240px}}