/* ===== [V59] 결과지 시각 요소 — 보라·흰 바탕 · 짧은 표지 · 그림 · 여백. 가로 넘침 0 · 터치 44px · 움직임 최소(prefers-reduced-motion 존중) ===== */

/* ① 2번 '내 피부의 하루' 3컷 */
.rv-daily{ margin:14px 0 4px; padding:12px; border:1.5px solid #e1dcf3; border-radius:16px; background:#fff; }
.rv-daily__head{ display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; margin:0 0 8px; }
.rv-daily__t{ margin:0; font-size:15px; font-weight:900; color:#2c2163; }
.rv-daily__tag{ padding:2px 10px; border-radius:999px; background:#ece9f7; color:#4b3db0; font-size:12px; font-weight:800; }
.rv-daily__cuts{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
.rv-cut{ margin:0; min-width:0; display:flex; flex-direction:column; gap:4px; }
.rv-cut__svg{ display:block; width:100%; height:auto; aspect-ratio:4 / 3; }
/* [V66] 아틀라스 칸(4열×3행 정사각) — 정사각 비율로 얼굴이 눌리지 않게 · 위치는 JS 의 장면별 background-position */
.rv-cut__art{ display:block; width:100%; aspect-ratio:1 / 1; border-radius:12px; background-repeat:no-repeat; background-size:400% 300%; background-color:#f1eef9; }
.rv-cut__cap{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.rv-cut__time{ font-size:11.5px; font-weight:800; color:#5b4fb0; word-break:keep-all; }
.rv-cut__line{ font-size:13px; font-weight:800; line-height:1.35; color:#353943; word-break:keep-all; overflow-wrap:anywhere; }
@media (max-width:360px){ .rv-daily__cuts{ gap:6px; } .rv-cut__line{ font-size:12.5px; } }
/* 그림 색 */
.rv-bg{ fill:#f6f3ff; }
.rv-skin{ fill:#f6dccb; stroke:#d9b7a2; stroke-width:1; }
.rv-hair{ fill:#4a3a33; }
.rv-eye{ fill:#3a2f2c; }
.rv-mouth{ fill:none; stroke:#b9675a; stroke-width:1.6; stroke-linecap:round; }
.rv-obj path, .rv-obj rect, .rv-obj circle{ fill:#ffffff; stroke:#8f84bf; stroke-width:1.6; }
.rv-obj .rv-lid{ fill:#d8cff5; }
.rv-obj .rv-water{ fill:#9fd3f0; stroke:none; }
.rv-line{ fill:none !important; stroke:#8f84bf; stroke-width:1.6; stroke-linecap:round; }
.rv-sun circle, .rv-sun path:not(.rv-line){ fill:#ffd66e; stroke:#e0a33e; stroke-width:1.4; }
.rv-sun .rv-line{ stroke:#e0a33e; }
.rv-mk{ fill:none; stroke:#7c5ce6; stroke-width:1.4; stroke-linecap:round; }
.rv-mk--shine{ stroke:#e0a33e; }
.rv-mk--dash{ stroke-dasharray:3 2; }
.rv-mk--ok{ stroke:#3f9a72; stroke-width:2; }
.rv-mk--dot circle{ fill:#ffffff; stroke:#b9a99c; stroke-width:.8; }
.rv-mk--blush ellipse{ fill:#f29a9a; opacity:.55; }
.rv-mk--spot circle{ fill:#a77a52; opacity:.75; }

/* 2번 카드 '자세히 보기'(기존 문장 그대로 · 접힘 기본) */
.sct__more{ margin:4px 0 0; }
.sct__moreSum{ display:inline-flex; align-items:center; gap:4px; min-height:44px; padding:0 2px; font-size:13.5px; font-weight:800; color:#5b4fb0; cursor:pointer; list-style:none; }
.sct__moreSum::-webkit-details-marker{ display:none; }
.sct__moreSum::after{ content:"▾"; }
.sct__more[open] > .sct__moreSum::after{ content:"▴"; }
.sct__moreSum:focus-visible{ outline:3px solid #8f84bf; outline-offset:2px; border-radius:8px; }

/* ② 4번 역할 카드 */
.rv-roles{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; margin:6px 0 4px; }
@media (min-width:760px){ .rv-roles{ grid-template-columns:repeat(4, minmax(0,1fr)); } }
.rv-role{ min-width:0; border:1.5px solid #e1dcf3; border-radius:14px; background:#fff; }
.rv-role[open]{ grid-column:1 / -1; }
/* [R2] 2행 배치: 윗행 = 그림(왼쪽) + 개수(오른쪽) · 아랫행 = 제목 + 짧은 요약(카드 전체 폭) — 좁은 2열에서 제목이 한두 글자씩 깨지지 않게 */
.rv-role__sum{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"art n" "txt txt"; align-items:center; gap:4px 8px; min-height:44px; padding:10px; cursor:pointer; list-style:none; }
.rv-role__sum::-webkit-details-marker{ display:none; }
.rv-role__sum:focus-visible{ outline:3px solid #8f84bf; outline-offset:2px; border-radius:12px; }
.rv-role__art{ grid-area:art; width:36px; height:36px; }
.rv-role__n{ grid-area:n; align-self:start; }
.rv-role__txt{ grid-area:txt; }
.rv-role__sigs{ margin:0 10px 6px; font-size:12.5px; line-height:1.5; color:#4b3db0; font-weight:700; word-break:keep-all; overflow-wrap:anywhere; }
.rv-role__art path, .rv-role__art circle{ fill:#ece9f7; stroke:#7c5ce6; stroke-width:1.6; }
.rv-role__art .rv-hole{ fill:#7c5ce6; stroke:none; }
.rv-role__art .rv-line{ fill:none !important; stroke:#7c5ce6; }
.rv-role__txt{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.rv-role__t{ font-size:14.5px; font-weight:900; line-height:1.3; color:#2c2163; word-break:keep-all; }
.rv-role__s{ font-size:12px; color:#56566a; line-height:1.4; word-break:keep-all; overflow-wrap:anywhere; }
.rv-role__n{ font-size:11.5px; font-weight:900; color:#4b3db0; white-space:nowrap; }
.rv-role__n::after{ content:" ▾"; }
.rv-role[open] .rv-role__n::after{ content:" ▴"; }
.rv-role__list{ padding:0 10px 10px !important; justify-content:flex-start; }

/* ④ 4번 아침/저녁 3단계 */
.rv-routine{ margin:6px 0 8px; }
.rv-routine__tabs{ display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:0 0 8px; }
.rv-routine__tab{ min-height:44px; border:1.5px solid #cfc7ee; border-radius:12px; background:#fff; color:#2c2163; font:inherit; font-size:14px; font-weight:900; cursor:pointer; }
.rv-routine__tab[aria-selected="true"]{ background:#5b45c9; border-color:#5b45c9; color:#fff; }
.rv-routine__tab:focus-visible{ outline:3px solid #8f84bf; outline-offset:2px; }
.rv-routine__steps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
.rv-routine__steps[hidden]{ display:none; }
.rv-step{ position:relative; min-width:0; display:flex; flex-direction:column; align-items:center; gap:3px; padding:10px 6px; border:1.5px solid #e1dcf3; border-radius:14px; background:#fff; text-align:center; }
.rv-step__n{ position:absolute; top:6px; left:8px; font-size:12px; font-weight:900; color:#7c5ce6; }
.rv-step__art{ width:44px; height:auto; }
.rv-step__t{ font-size:13px; font-weight:900; line-height:1.3; color:#2c2163; word-break:keep-all; }
.rv-step__l{ font-size:12px; line-height:1.4; color:#56566a; word-break:keep-all; overflow-wrap:anywhere; }
.rv-step__l--base{ color:#8a8a9c; }
/* [V72-R12] 단계마다 고른 고민 이름 = 통째 칩 목록(이름 하나가 한 덩어리 · 길면 띄어쓰기에서만 자연 줄바꿈 · 잘라 숨기기·말줄임·작은 글씨 없음). 세 카드는 같은 행 높이 */
.rv-routine__steps{ align-items:stretch; }
.rv-step__ls{ list-style:none; margin:4px 0 0; padding:0; width:100%; display:flex; flex-direction:column; align-items:stretch; gap:4px; }
.rv-step__ls > .rv-step__l{ display:block; box-sizing:border-box; padding:4px 6px; border-radius:8px; background:#f5f2ff; color:#3d3561; font-size:12px; font-weight:700; line-height:1.4;
  word-break:keep-all; overflow-wrap:break-word; white-space:normal; }
.rv-guidemore{ margin:4px 0 0; }
.rv-guidemore__sum{ display:inline-flex; align-items:center; min-height:44px; font-size:13.5px; font-weight:800; color:#5b4fb0; cursor:pointer; list-style:none; }
.rv-guidemore__sum::-webkit-details-marker{ display:none; }
.rv-guidemore__sum::after{ content:" ▾"; }
.rv-guidemore[open] > .rv-guidemore__sum::after{ content:" ▴"; }
.rv-guidemore__sum:focus-visible{ outline:3px solid #8f84bf; outline-offset:2px; border-radius:8px; }

/* ③ 퍼스널컬러 얼굴 주변 색 대보기 */
.rv-drape{ margin:14px 0 6px; padding:12px; border:1.5px solid #e1dcf3; border-radius:16px; background:#fff; }
.rv-drape__h{ margin:0; font-size:15px; font-weight:900; color:#2c2163; }
.rv-drape__cap{ margin:2px 0 10px; font-size:12.5px; line-height:1.5; color:#56566a; word-break:keep-all; }
.rv-drape__stage{ position:relative; width:100%; max-width:360px; margin:0 auto; aspect-ratio:4 / 5; border-radius:14px; overflow:clip; }
.rv-drape__bg{ position:absolute; inset:0; }
.rv-drape__bg--l{ background:var(--rv-l); clip-path:inset(0 calc(100% - var(--rv-split)) 0 0); }
.rv-drape__bg--r{ background:var(--rv-r); clip-path:inset(0 0 0 var(--rv-split)); }
.rv-drape__img{ position:absolute; left:16%; top:9%; width:68%; height:72%; object-fit:cover; border-radius:46% 46% 40% 40% / 38% 38% 32% 32%; }
.rv-drape__cape{ position:absolute; left:0; bottom:0; width:100%; height:30%; }
.rv-drape__cape--l path{ fill:var(--rv-l); }
.rv-drape__cape--r path{ fill:var(--rv-r); }
.rv-drape__cape--l{ clip-path:inset(0 calc(100% - var(--rv-split)) 0 0); }
.rv-drape__cape--r{ clip-path:inset(0 0 0 var(--rv-split)); }
.rv-drape__line{ position:absolute; top:0; bottom:0; left:var(--rv-split); width:2px; margin-left:-1px; background:rgba(255,255,255,.9); box-shadow:0 0 0 1px rgba(0,0,0,.12); opacity:var(--rv-line-op, 1); }   /* [V74] 끝에서는 숨김 */
.rv-drape__names{ display:flex; justify-content:space-between; gap:8px; margin:8px 0 2px; font-size:13px; color:#353943; }
.rv-drape__names b{ font-weight:900; }
/* [V78-HANDLE] 흰 경계 손잡이: 투명 44px 잡는 칸(무대 높이 전체) · 끝(0/100)에서도 칸이 무대 안에 남도록 위치만 22px 안쪽으로(경계선 자체는 끝에서 숨김 그대로) ·
   이 칸만 touch-action:none(무대 나머지는 pan-y 그대로 세로 스크롤) · 작은 흰 손잡이 + 좌우 꺾쇠 · 움직임 지연(transition) 없음 */
.rv-drape__handle{ position:absolute; top:0; bottom:0; left:clamp(22px, var(--rv-split), calc(100% - 22px)); width:44px; margin-left:-22px; z-index:2;
  display:flex; align-items:center; justify-content:center; touch-action:none; cursor:ew-resize; -webkit-tap-highlight-color:transparent; transition:none; }
.rv-drape__grip{ position:relative; display:block; width:18px; height:32px; border-radius:9px; background:rgba(255,255,255,.96); box-shadow:0 1px 3px rgba(0,0,0,.28); pointer-events:none; }
.rv-drape__grip::before, .rv-drape__grip::after{ content:""; position:absolute; top:50%; width:0; height:0; margin-top:-4px; border-top:4px solid transparent; border-bottom:4px solid transparent; }
.rv-drape__grip::before{ left:3px; border-right:4px solid #6b6585; }
.rv-drape__grip::after{ right:3px; border-left:4px solid #6b6585; }
.rv-drape__line, .rv-drape__bg, .rv-drape__cape{ transition:none; }
.rv-drape__rl{ display:block; margin:6px 0 0; font-size:12.5px; font-weight:800; color:#5b4fb0; }
.rv-drape__range{ display:block; width:100%; min-height:44px; margin:0; accent-color:#5b45c9; }
.rv-drape__grp{ margin:8px 0 0; }
.rv-drape__gt{ margin:0 0 4px; font-size:12.5px; font-weight:800; color:#56566a; }
.rv-drape__sws{ display:flex; flex-wrap:wrap; gap:6px; }
.rv-sw{ display:inline-flex; align-items:center; gap:6px; min-height:44px; max-width:100%; padding:4px 10px 4px 6px; border:1.5px solid #e1dcf3; border-radius:999px; background:#fff; font:inherit; font-size:12.5px; color:#353943; cursor:pointer; }
.rv-sw i{ flex:none; width:22px; height:22px; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(0,0,0,.12); }
.rv-sw span{ min-width:0; overflow-wrap:anywhere; }
.rv-sw[aria-pressed="true"]{ border-color:#5b45c9; box-shadow:0 0 0 2px #5b45c9 inset; font-weight:800; }
.rv-sw:focus-visible{ outline:3px solid #8f84bf; outline-offset:2px; }

/* [V68-R6] 인물 분리 성공 = 타원 자르기 없이 오려낸 전체 인물을 두 실제 색 배경 위에(아래 천 그림은 숨김) · 상태 줄 · 다시 시도 */
.rv-drape__stage.is-cutout .rv-drape__img{ left:0; top:0; width:100%; height:100%; object-fit:contain; object-position:center bottom; border-radius:0; }
.rv-drape__stage.is-cutout .rv-drape__cape{ display:none; }
.rv-drape__status{ margin:6px 0 0; font-size:12.5px; line-height:1.5; color:#56566a; word-break:keep-all; }
.rv-drape__status:empty{ display:none; }
.rv-drape__retry{ min-height:44px; margin-left:4px; padding:0 12px; border:1.5px solid #cfc7ee; border-radius:999px; background:#fff; color:#4b3db0; font:inherit; font-size:12.5px; font-weight:800; cursor:pointer; }
.rv-drape__retry:focus-visible{ outline:3px solid #8f84bf; outline-offset:2px; }

/* [V68-R5] 퍼스널컬러 3·4·5번(헤어·네일·스타일링) 카드형 — #resultPC 안 .pcs--v68 만 · 원본 색·이름·팁 그대로 */
#resultPC .pcs--v68{ display:flex; flex-direction:column; gap:10px; }
#resultPC .pcs--v68 .pcsw{ padding:12px; border:1.5px solid #e1dcf3; border-radius:16px; background:#fff; }
#resultPC .pcs--v68 .pcsw__lab{ margin:0 0 10px; font-size:14px; font-weight:900; color:#2c2163; }
#resultPC .pcs--v68 .pcsw__grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
@media (min-width:520px){ #resultPC .pcs--v68 .pcsw__grid{ grid-template-columns:repeat(4, minmax(0,1fr)); } }
#resultPC .pcs--v68 .pcsw__item{ min-width:0; display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px 6px; border-radius:12px; background:#faf9fd; text-align:center; }
#resultPC .pcs--v68 .pcsw__art{ display:block; width:46px; height:46px; }
#resultPC .pcs--v68 .pcsw__art .prodsw__svg{ display:block; width:100%; height:100%; }
#resultPC .pcs--v68 .pcsw__bar{ display:block; width:100%; height:22px; border-radius:8px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
#resultPC .pcs--v68 .pcsw__nm{ font-size:13px; font-weight:800; line-height:1.35; color:#353943; word-break:keep-all; overflow-wrap:anywhere; }
#resultPC .pcs--v68 .pcsw--metal{ display:flex; flex-direction:column; gap:4px; }
#resultPC .pcs--v68 .pcsw--metal .pcsw__lab{ margin:0; }
#resultPC .pcs--v68 .pcsw__metal{ margin:0; font-size:14.5px; font-weight:800; line-height:1.5; color:#353943; word-break:keep-all; overflow-wrap:anywhere; }
#resultPC .pcs--v68 .pcs__tip--card{ margin:0; padding:10px 12px; border-radius:12px; background:#f5f2ff; font-size:13.5px; line-height:1.6; word-break:keep-all; }

/* [V71-R5] 사진 무대 직접 탭·가로 끌기: 세로 스크롤은 브라우저(pan-y) · 가로만 경계 이동 · 사진 선택·길게 눌러 저장 메뉴 막지 않음은 기존 그대로(선택만 끔) */
.rv-drape__stage{ touch-action:pan-y; cursor:ew-resize; -webkit-user-select:none; user-select:none; }
.rv-drape__stage .rv-drape__img{ -webkit-user-drag:none; pointer-events:none; }

/* [V71-R4] 퍼스널컬러 6개 색 카드(립·블러셔·아이 / 헤어·네일·의상) = 하나의 크기·여백·그림 크기 · 항상 3열(의상 4개 = 3+1, 줄이지 않음).
   카드 = 그림 64px(공통 카테고리 그림 · 실제 색 아님) + 실제 색 막대(원본 hex) + 색 이름. 최소 높이 128px. 순위·설명 없음 */
#resultPC .pc__style .pcs .pcsw.pcsw--v71{ margin:10px 0 6px; padding:12px; border:1.5px solid #e1dcf3; border-radius:16px; background:#fff; }
#resultPC .pc__style .pcs.pcs--v68 > .pcsw.pcsw--v71{ margin:0; }   /* 3·4·5번은 묶음 gap 10px 이 간격을 맡는다 */
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__lab{ margin:0 0 10px; font-size:14px; font-weight:900; color:#2c2163; }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__item{ box-sizing:border-box; min-width:0; min-height:128px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px;
  margin:0; padding:10px 6px; border:1.5px solid #d9d2f2; border-radius:12px; background:#fff; text-align:center; }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__art{ position:relative; display:block; flex:none; width:64px; height:64px; border-radius:12px;
  background-repeat:no-repeat; background-size:300% 200%; }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__art .prodsw__svg{ display:block; width:100%; height:100%; }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__bar{ display:block; flex:none; width:100%; max-width:88px; height:16px; border-radius:8px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__nm{ font-size:13.5px; font-weight:800; line-height:1.35; color:#353943; word-break:keep-all; overflow-wrap:anywhere; }
/* [V79-FEATURE-COLOR] (V75 사람 초상 배경 대체) 6항목 카드 그림 = 부위 SVG(app.js pcFeatureArt): 부위 아틀라스를 부위 실루엣으로 잘라 넣고 그 부위만 실제 추천 색.
   그림 칸 배경 없음(회색·보라 네모 없음 · 옆 칸 번짐 없음). 아틀라스 확인 뒤(html.pc-atlas-ok)에만 아틀라스 그룹, 그 전·실패 = 같은 부위 모양 대체(같은 hex). 64px · 카드 높이 그대로 */
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__art{ background:none; }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__art .pcfeat{ display:block; width:100%; height:100%; overflow:hidden; }
#resultPC .pcsw--v71 .pcfeat .pcfeat__atl{ display:none; }
html.pc-atlas-ok #resultPC .pcsw--v71 .pcfeat .pcfeat__atl{ display:inline; }
html.pc-atlas-ok #resultPC .pcsw--v71 .pcfeat .pcfeat__fb{ display:none; }
@media (min-width:520px){ #resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
/* [V72-F3] root 실측(Chrome 390) 헤어만 154px · 나머지 136px → 6항목 카드 높이를 같게: 색 이름 칸을 모든 카드에서 같은 3줄 높이로 확보(위 정렬 · 잘라 숨기기·말줄임 없음).
   카드 = 여백 + 그림 64 + 간격 + 막대 16 + 간격 + 이름 3줄 = 모든 항목·12톤 같은 높이. 이름이 3줄을 넘는 드문 경우에만 늘어난다(잘리지 않음). 그림·카드 크기는 줄이지 않는다 */
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__nm{ display:flex; align-items:flex-start; justify-content:center; box-sizing:border-box; width:100%; min-height:calc(1.35em * 3); }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__grid{ align-items:stretch; }
@media (max-width:360px){
  #resultPC .pc__style .pcs .pcsw.pcsw--v71{ padding:10px; }
  #resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__grid{ gap:6px; }
  #resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__item{ padding:10px 4px; }
  #resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__nm{ font-size:13px; }
}

/* [V72-R9] 퍼스널컬러(PART 2) 포인트 색 = 코랄·핑크(사용자 '퍼스널컬러는 두 번째 사진 타입 · 피부 mbti 는 세 번째'). #resultPC 안에서만 변수로 덮는다.
   바꾸는 것 = 조작 요소 색(범위 입력·고른 색 테두리·자세히 보기·구매하기·다시 시도·입구 버튼·초점 테두리·카드 테두리·팁 바탕·번호 배지).
   바꾸지 않는 것 = 실제 추천 색(막대·그림 물들임·견본 = 원본 hex) · 카카오/인스타 버튼 고유 색 · 피부 MBTI(PART 1) 보라 · 전역 --brand */
#resultPC{ --pc-accent:#e5577c; --pc-accent-ink:#b8325a; --pc-accent-soft:#fff1f4; --pc-accent-line:#f5c6d3; --pc-accent-focus:#f08aa5; }
#resultPC .rv-drape__range{ accent-color:var(--pc-accent); }
#resultPC .rv-drape__rl{ color:var(--pc-accent-ink); }
#resultPC .rv-drape, #resultPC .rv-sw{ border-color:var(--pc-accent-line); }
#resultPC .rv-sw[aria-pressed="true"]{ border-color:var(--pc-accent); box-shadow:0 0 0 2px var(--pc-accent) inset; }
#resultPC .rv-sw:focus-visible, #resultPC .rv-drape__retry:focus-visible, #resultPC button:focus-visible, #resultPC a:focus-visible, #resultPC summary:focus-visible{ outline:3px solid var(--pc-accent-focus); outline-offset:2px; }
#resultPC .rv-drape__retry{ border-color:var(--pc-accent-line); color:var(--pc-accent-ink); }
#resultPC .pc__style .pcs .pcsw.pcsw--v71{ border-color:var(--pc-accent-line); }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__item{ border-color:var(--pc-accent-line); }
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__lab, #resultPC .rv-drape__h{ color:#3a2430; }
#resultPC .pcs__ex{ color:var(--pc-accent-ink); }
#resultPC .pcs--v68 .pcs__tip--card, #resultPC .pcs__tip{ background:var(--pc-accent-soft); }
#resultPC .pcs__no{ background:var(--pc-accent); color:#fff; }
#resultPC .pcr__goprod{ background:var(--pc-accent); border-color:var(--pc-accent); color:#fff; }
#resultPC .v52-pccard .pcprod__more, #resultPC .pcprod__more{ border-color:var(--pc-accent-line); color:var(--pc-accent-ink); }
#resultPC .v52-pccard a.pcprod__buy, #resultPC a.pcprod__buy{ background:var(--pc-accent-ink); color:#fff; }
#resultPC .v52-refcard__tag{ background:var(--pc-accent-soft); color:var(--pc-accent-ink); }
#resultPC .lockov .lockov__btn:not(.lockov__btn--kakao):not(.lockov__btn--insta){ background:var(--pc-accent-ink); color:#fff; }
/* 퍼스널컬러 결과가 있을 때의 공유 성공 팝업만(app.js unlocknote--pc) — 다른 공유 창·피부 쪽 화면은 그대로 */
.sharesheet.unlocknote.unlocknote--pc .sharesheet__cancel{ background:#b8325a; border-color:#b8325a; color:#fff; }
.sharesheet.unlocknote.unlocknote--pc .sharesheet__t{ color:#3a2430; }

@media (prefers-reduced-motion: reduce){ .rv-drape *, .rv-routine *, .rv-role *{ transition:none !important; animation:none !important; } }

/* [V83-SWATCH] 6항목 카드: 부위 그림 → 색 이름 → 이름 아래 실제 hex 견본(충분히 보이는 크기 · 테두리로 흰색·옅은 색도 구분). 카드 높이는 모든 카드 같은 구조라 그대로 같다 */
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__sw83{ display:block; flex:none; width:100%; max-width:88px; height:20px; margin-top:auto; border-radius:8px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.14); }

/* [V87-COLOR] 사용자 '더 눈에 띄게': 6항목 카드 부위 그림 칸 64px → 최대 88px(좁은 화면에서는 카드 안 폭에 맞춰 줄고 항상 정사각형).
   모든 6항목·12톤 카드 같은 크기(이름 3줄 칸 · 이름 아래 실제 hex 견본은 그대로). 그림 보기 영역은 app.js PC_FEAT.vb(입술·머리카락·손톱 확대) */
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__art{ width:88px; height:auto; max-width:100%; aspect-ratio:1 / 1; }
/* 그림(SVG)은 칸 밖 흐름에서 빼 칸 크기에 영향을 주지 않게(비정사각 보기 영역 입술·머리카락·손톱·눈이 높이를 밀던 문제 — root 실측 헤어 113.94·네일 91.58) */
#resultPC .pc__style .pcs .pcsw.pcsw--v71 .pcsw__art .pcfeat{ position:absolute; inset:0; }