/* The supplied hand illustration is the shared visual sizing control. */
.profile-fit-editor{border:1px solid var(--line);border-radius:20px;padding:24px;overflow:hidden;background:white;margin-bottom:24px}
.profile-fit-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.profile-fit-heading .eyebrow{font-size:12px;color:var(--accent);margin-bottom:8px}
.profile-fit-heading h2{font-size:32px;letter-spacing:-.045em}
.profile-fit-heading>span{font-size:14px;background:#fff2f6;border-radius:999px;padding:8px 13px;white-space:nowrap}
.profile-shapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.profile-shapes button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:70px;border:1px solid var(--line);border-radius:12px;background:white;padding:8px;font-size:14px;line-height:1.2}
.profile-shapes .nail-sample{width:42px;height:42px;flex-shrink:0}
.profile-shapes button[aria-pressed=true]{border-color:var(--accent);background:#fff2f6;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.profile-hand-switch{display:flex;justify-content:center;gap:6px;margin:0 auto 8px;max-width:350px}
.profile-hand-switch button{min-height:44px;flex:1;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:white;font-size:14px}
.profile-hand-switch button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.profile-hands-map{max-width:760px;margin:auto;aspect-ratio:1.65;border-radius:14px;overflow:hidden}
.profile-hands-map .hands-stage>img{border:0}
.profile-hands-map .nail-hotspot{min-width:44px;min-height:44px;text-decoration:none}
.profile-fit-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.profile-fit-actions p{font-size:14px;max-width:330px;line-height:1.5}
.profile-fit-actions .button{font-size:14px;min-height:46px;flex-shrink:0}
#sizing .fit-map{border:0;display:block}
#sizing .hand-map-hint{font-size:14px;text-align:center;color:var(--muted);margin:2px 0 0}
#sizing .hands-viewport{aspect-ratio:1.65}
#sizing .hand-panel{border-radius:16px}
#sizing .size-picker-panel{border-radius:16px}
#sizing .nail-hotspot{min-width:44px;min-height:44px}
#sizing .nail-hotspot.measured span,.profile-hands-map .nail-hotspot.measured span{background:#fff2f6;color:var(--accent)}
#sizing .nail-hotspot.active span{background:var(--ink);color:white}
#sizing .nail-hotspot.active{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:761px){.profile-hand-switch{display:none}}
@media(max-width:760px){
 #profile .page-heading{padding:22px 0 18px}
 #profile .page-heading .eyebrow{display:none}
 #profile .page-heading h1{font-size:30px;margin:0 0 8px}
 #profile .page-heading p{font-size:14px;margin:0}
 #profile .account-panel{padding:14px;margin-bottom:16px}
 #profile .account-panel p{font-size:14px;line-height:1.4}
 .profile-fit-editor{padding:14px;border-radius:16px}
 .profile-fit-heading{margin-bottom:14px;gap:8px}
 .profile-fit-heading h2{font-size:24px}
 .profile-fit-heading .eyebrow{font-size:12px;letter-spacing:.04em;margin-bottom:5px}
 .profile-fit-heading>span{padding:6px 9px;font-size:13px}
 .profile-shapes{gap:6px}
 .profile-shapes button{flex-direction:column;gap:3px;padding:6px 2px;min-height:80px;font-size:14px}
 .profile-shapes .nail-sample{width:34px;height:34px}
 .profile-shapes button>span:last-child{min-height:32px;display:flex;align-items:center}
 .profile-hands-map,#sizing .hands-viewport{aspect-ratio:1.5;max-height:none}
 .profile-hands-map .hands-stage,#sizing .hands-stage{width:200%;transform:translate(0,-8%)}
 .profile-hands-map.show-right .hands-stage,#sizing .show-right .hands-stage{transform:translate(-50%,-8%)}
 .profile-hands-map .nail-hotspot,#sizing .nail-hotspot{width:44px;height:48px;min-width:44px;min-height:44px}
 .profile-fit-actions{display:block;margin-top:8px;padding-top:12px}
 .profile-fit-actions p{max-width:none;font-size:14px;margin-bottom:12px}
 .profile-fit-actions .button{width:100%;justify-content:space-between}
 #sizing .fit-heading .eyebrow,#sizing .fit-heading .fit-how{display:none}
 #sizing.screen{position:relative}
 #sizing>.back-link{position:absolute;top:15px;right:16px;margin:0;min-height:32px;font-size:14px}
 #sizing .fit-heading{padding-top:0!important}
 #sizing .fit-heading h1{padding-right:75px}
 #sizing .hands-viewport{aspect-ratio:1.6}
 #sizing .hands-stage{transform:translate(0,-10.5%)}
 #sizing .show-right .hands-stage{transform:translate(-50%,-10.5%)}
 #sizing .fit-heading h1{font-size:27px}
 #sizing .fit-heading p{font-size:14px}
 #sizing .fit-workspace{gap:10px}
 #sizing .hand-toolbar{padding:7px;min-height:52px}
 #sizing .hand-map-hint{font-size:13px;line-height:1.3;margin:0 0 3px}
 #sizing .finger-strip{display:none}
 #sizing .size-picker-panel{padding:12px}
 #sizing .size-picker-panel h2{font-size:22px;margin-bottom:4px}
 #sizing .picker-instruction{font-size:14px;margin-bottom:8px}
 #sizing .size-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
 #sizing .size-buttons button{min-height:44px;font-size:20px}
 #sizing .finger-navigation{margin-top:6px}
 #sizing .size-footnote{margin:8px 0 0;font-size:12px;line-height:1.4}
 #sizing .fit-save-bar{z-index:20}
}
@media(prefers-reduced-motion:reduce){.profile-hands-map .hands-stage,#sizing .hands-stage{transition:none}}