:root{--text:#68645d;--text-h:#171411;--bg:#f7f3ec;--border:#dfd8cc;--accent:#166156;--field-bg:#fffdfa;--muted-panel:#f1efe8;--panel:#ffffffb8;--panel-soft:#ffffffa8;--placeholder:#b8b2a7;--shadow:#1f191014 0 18px 40px, #1f19100d 0 6px 16px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#c9c0b2;--text-h:#fff9ef;--bg:#171915;--border:#36362f;--accent:#78c7b9;--field-bg:#20231f;--muted-panel:#282a25;--panel:#20231fc7;--panel-soft:#171915ad;--placeholder:#777267;--shadow:#00000061 0 18px 40px, #0003 0 6px 16px}}#root{min-height:100svh}body{background:var(--bg);min-width:320px;margin:0}h1{font-family:var(--heading);color:var(--text-h);font-weight:800}h1{letter-spacing:0;font-size:56px;line-height:1.08}@media (width<=1024px){h1{font-size:36px}}p{margin:0}*{box-sizing:border-box}.stylist-page{background:linear-gradient(135deg, #1661561a, transparent 34%), linear-gradient(315deg, #d15a501f, transparent 36%), var(--bg);grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:stretch;min-height:100svh;display:grid}.intro-panel,.form-panel{flex-direction:column;justify-content:center;min-width:0;display:flex}.intro-panel{text-align:left;border-right:1px solid var(--border);padding:72px}.eyebrow{width:fit-content;color:var(--accent);background:#16615614;border:1px solid #1661563d;border-radius:999px;margin:0 0 20px;padding:6px 10px;font-size:14px;font-weight:700}.intro-panel h1{max-width:620px;margin:0}.intro-copy{max-width:540px;color:var(--text);margin-top:24px;font-size:20px;line-height:1.65}.preview-card{border:1px solid var(--border);background:var(--panel);width:min(100%,460px);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:16px;margin-top:48px;padding:18px;display:flex}.avatar-preview{background:var(--muted-panel);border-radius:8px;flex:none;place-items:center;width:76px;height:76px;display:grid;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%}.avatar-preview svg{fill:#dfe5df;stroke:#166156;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:54px;height:54px}.preview-card strong,.preview-card span{display:block}.preview-card strong{color:var(--text-h);font-size:18px}.preview-card span{color:var(--text);margin-top:4px;font-size:15px}.form-panel{background:var(--panel-soft);padding:56px}.profile-form{flex-direction:column;gap:22px;width:100%;max-width:460px;margin:0 auto;display:flex}.upload-box{background:var(--field-bg);cursor:pointer;border:1.5px dashed #1661566b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;padding:28px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.upload-box:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 18px 38px #1661561c}.upload-box input{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.upload-icon{width:58px;height:58px;color:var(--accent);background:#1661561a;border-radius:50%;place-items:center;display:grid}.upload-icon svg,.submit-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.upload-title{color:var(--text-h);margin-top:8px;font-size:20px;font-weight:700}.upload-help{color:var(--text);text-align:center;font-size:15px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.input-field{text-align:left;flex-direction:column;gap:8px;display:flex}.input-field>span{color:var(--text-h);font-size:15px;font-weight:700}.input-shell{border:1px solid var(--border);background:var(--field-bg);border-radius:8px;align-items:center;gap:8px;height:58px;padding:0 16px;display:flex}.input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #1661561f}.input-shell input{width:100%;min-width:0;color:var(--text-h);font:700 22px/1 var(--sans);background:0 0;border:0;outline:0}.input-shell input::placeholder{color:var(--placeholder)}.input-shell em{color:var(--text);font-size:15px;font-style:normal}.submit-button{color:#fff;height:58px;font:700 17px/1 var(--sans);cursor:pointer;background:#166156;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.submit-button:hover{background:#104f46;transform:translateY(-1px);box-shadow:0 16px 30px #1661563d}.submit-button:focus-visible,.upload-box:focus-within{outline-offset:3px;outline:3px solid #1661563d}@media (width<=860px){.stylist-page{grid-template-columns:1fr}.intro-panel{border-right:0;border-bottom:1px solid var(--border);padding:42px 24px 24px}.intro-copy{font-size:17px}.preview-card{margin-top:32px}.form-panel{padding:28px 24px 42px}}@media (width<=520px){.field-grid{grid-template-columns:1fr}.upload-box{min-height:220px}}