/* 디자이너 지면 확인 /designers/review/ (2026-11-09 · public/assets/js/designer-review.js · site/designers/review.html)
   지면 모양은 designers.css(dz · dzi)를 그대로 쓰고, 여기에는 '고칠 수 있는 칸' · 진행 단계 · 아래 고정 띠 · 부탁 창만 더한다. 휴대폰 우선 · keep-all */
.rvw{word-break:keep-all;overflow-wrap:break-word;padding-bottom:180px}
.rvw-top .dz-crumb{margin-top:18px}
.rvw-head{max-width:880px;margin:22px 0 0}
.rvw-h1{margin:10px 0 12px;font-size:30px;line-height:1.35;font-weight:500;color:#111111;letter-spacing:-.01em}
.rvw-lead{margin:0 0 22px;font-size:15px;line-height:1.8;color:#333333;max-width:680px}
.rvw-sample{margin:-6px 0 18px;font-size:13px;color:#6B6B6B}
/* 진행 4단계 */
.rvw-steps{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 10px;max-width:720px}
.rvw-steps li{border-top:2px solid #DADADA;padding-top:10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.rvw-steps li.done,.rvw-steps li.now{border-top-color:#1B2438}
.rvw-sn{font-size:15px;color:#9A9A9A}
.rvw-steps li.done .rvw-sn,.rvw-steps li.now .rvw-sn{color:#1B2438}
.rvw-sl{font-size:14px;font-weight:500;color:#8A8A8A}
.rvw-steps li.done .rvw-sl{color:#111111}
.rvw-steps li.now .rvw-sl{color:#111111;font-weight:700}
.rvw-st{font-size:12px;line-height:1.5;color:#6B6B6B}
/* 브랜드 지면 · 옷 지면 전환 */
.rvw-tabs{display:flex;gap:28px;border-bottom:1px solid #111111;margin:0 0 4px}
.rvw-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 0;font:inherit;font-size:15px;color:#6B6B6B;cursor:pointer;min-height:44px}
.rvw-tab.on{color:#111111;font-weight:600;border-bottom-color:#1B2438}
.rvw-tab:focus-visible{outline:2px solid #1B2438;outline-offset:2px}
.rvw-paper{padding-top:10px}
.rvw-hero{padding-top:26px}
.rvw-sec{padding-left:0;padding-right:0}
/* 고칠 수 있는 칸 */
.rvw-f{position:relative;margin:0}
/* 기본은 아주 옅게(지면이 먼저 보이게) · 마우스를 올리거나 누르면 분명하게(11-09 밤) */
.rvw-show{position:relative;cursor:text;border-radius:4px;outline:1px dashed rgba(27,36,56,.07);outline-offset:6px;transition:outline-color .16s ease,background-color .16s ease;min-height:1.2em}
.rvw-show:hover{outline-color:rgba(27,36,56,.55);background-color:rgba(27,36,56,.025)}
.rvw-show:active{outline-color:#1B2438;background-color:rgba(27,36,56,.04)}
.rvw-show:focus-visible{outline:2px solid #1B2438}
.rvw-pen{position:absolute;top:-30px;right:-6px;padding:2px 8px;border-radius:999px;background:#FFFFFF;border:1px solid #D2D2D2;font-family:'Noto Sans KR',sans-serif;font-size:11px;font-style:normal;font-weight:500;line-height:1.5;letter-spacing:0;color:#1B2438;opacity:0;transition:opacity .14s ease;pointer-events:none}
.rvw-show:hover .rvw-pen,.rvw-show:focus-visible .rvw-pen{opacity:1}
.rvw-f.is-ch>.rvw-show{outline-color:#1B2438;outline-style:solid}
.rvw-f.is-err>.rvw-show,.rvw-f.is-err>.rvw-in{outline-color:#B3261E;border-color:#B3261E}
.rvw-in{display:block;box-sizing:border-box;width:100%;margin:0;padding:8px 10px;border:1px solid #1B2438;border-radius:var(--rv-field-r,10px);background:#FFFFFF;color:#111111;resize:none;overflow:hidden;box-shadow:0 0 0 3px rgba(27,36,56,.08)}
textarea.rvw-in{line-height:inherit}
.rvw-in:focus{outline:none}
.rvw-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:8px;min-height:0;font-family:'Noto Sans KR',sans-serif}
.rvw-meta:empty{display:none}
.rvw-tag{display:inline-block;padding:1px 8px;border-radius:999px;background:#1B2438;color:#FFFFFF;font-size:11px;font-weight:500;line-height:1.6}
.rvw-undo{appearance:none;background:none;border:0;padding:6px 2px;font:inherit;font-size:13px;color:#1B2438;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rvw-cnt{margin-left:auto;font-size:12px;color:#8A8A8A}
.rvw-cnt .bod{font-size:13px;color:#111111}
.rvw-cnt.over,.rvw-cnt.over .bod{color:#B3261E}
.rvw-err{margin:6px 0 0;font-family:'Noto Sans KR',sans-serif;font-size:13px;line-height:1.6;color:#B3261E}
.rvw-empty{color:#9A9A9A}
.rvw-li{display:block}
.rvw-cap{margin:0 0 8px;color:#1B2438}
.rvw-cap-s{margin-left:8px;font-size:12px;letter-spacing:0;text-transform:none;color:#6B6B6B;font-weight:400}
.rvw-hint,.rvw-note{font-size:13px;line-height:1.7;color:#6B6B6B}
.rvw-note{margin:14px 0;padding:12px 14px;background:#F6F5F2}
.dz-line.rvw-in,.rvw-f .dz-line{margin:14px 0 0}
.dz-hero-t>.rvw-f{margin-top:16px}
.dz-pc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.dz-pc-price .rvw-f{display:inline-block;min-width:120px}
.rvw-price{font-size:22px;line-height:1.3}
.rvw-price .bod{font-size:24px}
input.rvw-price{max-width:200px;font-family:'Bodoni Moda',Georgia,serif;font-weight:600}
.dzi-pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
/* 옷 목록: 순서 · 빼기 · 옷 지면 */
/* 옷 한 벌 = 한 스프레드: 왼쪽 사진(4:5) · 오른쪽 이름 · 가격 · 편집부 글 · 핵심 3줄 · 소재 · Made in(11-09 밤 · 오른쪽 빈 칸 없애기) */
.rvw-pieces .dz-pc-ph{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:0 72px;align-items:center}
.rvw-pieces .dz-pc-ph .dz-pc-txt{position:static;padding-top:0}
.dz-pc-t.is-long,.dzi-t.is-long{font-size:27px;line-height:1.38}
.rvw-pieces .dz-pc-t{margin-top:16px}
.rvw-pieces .dz-pc-price{margin-top:18px}
.rvw-pc-ed{margin-top:30px;padding-top:22px;border-top:1px solid #111111}
.rvw-kick{margin:0 0 12px;color:#1B2438}
.rvw-pc-story{font-size:16px;line-height:1.9;color:#2A2A2A}
.rvw-pc-pts{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line,#E6E6E6)}
.rvw-pc-pts li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line,#E6E6E6)}
.rvw-pc-pn{font-size:15px;color:#1B2438;font-variant-numeric:lining-nums tabular-nums}
.rvw-pc-pt{font-size:14px;line-height:1.7;color:#222222}
.rvw-pc-pts .rvw-show{outline-offset:4px}
.rvw-pc-spec{display:flex;flex-wrap:wrap;gap:8px 34px;margin:20px 0 0}
.rvw-pc-spec>div{display:flex;align-items:baseline;gap:12px;min-width:0}
.rvw-pc-spec dt{color:#8A8A8A}
.rvw-pc-spec dd{margin:0;font-size:14px;line-height:1.6;color:#111111}
.rvw-pc-spec dd.bod{font-size:16px;letter-spacing:.02em}
.rvw-pc.is-off .dz-pc-gal,.rvw-pc.is-off .dz-pc-t,.rvw-pc.is-off .dz-pc-note,.rvw-pc.is-off .dz-pc-price{opacity:.4}
.rvw-ph{appearance:none;display:block;width:100%;padding:0;border:0;background:#F3F1EC;cursor:pointer}
.rvw-ph img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.rvw-offtag{margin-left:8px;padding:1px 8px;border:1px solid #111111;border-radius:999px;font-size:11px;color:#111111}
.rvw-pc-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.rvw-mini{appearance:none;min-height:40px;padding:0 14px;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-btn-r-sm,8px);background:#FFFFFF;font:inherit;font-size:13px;color:#111111;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.rvw-mini:hover{border-color:#1B2438}
.rvw-mini:disabled{color:#B5B5B5;border-color:#E6E6E6;cursor:default}
.rvw-mini.strong{border-color:#1B2438;color:#1B2438;font-weight:500}
.rvw-mini[aria-pressed="true"]{background:#1B2438;border-color:#1B2438;color:#FFFFFF}
.rvw-mini:focus-visible,.rvw-chip:focus-visible,.rvw-th:focus-visible{outline:2px solid #1B2438;outline-offset:2px}
/* 옷 지면 */
.rvw-chips{display:flex;gap:8px;overflow-x:auto;padding:14px 0 16px;margin:0 0 6px;scrollbar-width:none}
.rvw-chips::-webkit-scrollbar{display:none}
.rvw-chip{flex:0 0 auto;appearance:none;min-height:40px;max-width:300px;padding:0 14px;border:1px solid #D2D2D2;border-radius:999px;background:#FFFFFF;font:inherit;font-size:13px;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.rvw-chip .bod{font-size:13px;color:#1B2438}
.rvw-chip.on{border-color:#1B2438;background:#1B2438;color:#FFFFFF}
.rvw-chip.on .bod{color:#FFFFFF}
.rvw-chip.off{text-decoration:line-through;color:#9A9A9A}
.rvw-item{padding:0;margin:0}
.rvw-item.is-off{opacity:.55}
.rvw-main-ph{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#F3F1EC}
.rvw-thumbs{margin-top:16px}
.rvw-th-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.rvw-th{flex:0 0 auto;appearance:none;width:64px;padding:0;border:1px solid #E0E0E0;background:#F3F1EC;cursor:pointer}
.rvw-th img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.rvw-th.on{border:2px solid #1B2438}
.rvw-pts{list-style:none;padding:0}
.rvw-pts li{align-items:baseline}
.rvw-pts .rvw-f{margin:0}
.dzi-txt>.rvw-f+.dzi-h{margin-top:34px}
.rvw-pt{font-size:15px;line-height:1.7}
.rvw-dts{margin-top:34px;border-top:1px solid #111111;padding-top:6px}
.rvw-dt{padding:16px 0;border-bottom:1px solid var(--line,#E6E6E6)}
.rvw-dt-h{display:flex;align-items:baseline;gap:10px;margin:0 0 10px}
.rvw-dtx{font-size:14px;line-height:1.8;color:#222222}
/* 아래 고정 띠: 휴대폰 = 하단 바 위 · PC = 오른쪽 아래 */
.rvw-bar{position:fixed;left:0;right:0;bottom:calc(var(--rv-dock-h,56px) + 1px);z-index:121;box-sizing:border-box;padding:10px 16px calc(10px + 0px);background:#FFFFFF;border-top:1px solid #111111;display:grid;gap:6px;transition:transform .12s ease}
.rvw-save{margin:0;font-size:12px;color:#6B6B6B;line-height:1.4}
.rvw-acts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:8px}
.rvw-acts .dz-btn{min-height:48px;justify-content:center;text-align:center;white-space:nowrap}
.rvw-ok:disabled{opacity:.6}
.rvw-bar-s{margin:0;font-size:12px;line-height:1.5;color:#6B6B6B}
.rvw-bar-s .bod{font-size:13px;color:#111111}
.rvw-bar.is-run{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px}
.rvw-run-h{margin:0 0 6px;font-size:15px;font-weight:600;color:#111111}
.rvw-run-p{margin:0;font-size:13px;color:#555555}
.rvw-run-s{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:#9A9A9A}
.rvw-run-s li{display:inline-flex;align-items:center;gap:6px}
.rvw-run-s .bod{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #C9CCD3;font-size:12px}
.rvw-run-s li.done{color:#111111}
.rvw-run-s li.done .bod{background:#1B2438;border-color:#1B2438;color:#FFFFFF}
.rvw-run-s li.now{color:#1B2438;font-weight:600}
.rvw-run-s li.now .bod{border-color:#1B2438;animation:rvw-pulse 1.6s ease-in-out infinite}
@keyframes rvw-pulse{50%{box-shadow:0 0 0 4px rgba(27,36,56,.15)}}
@media (prefers-reduced-motion:reduce){.rvw-run-s li.now .bod{animation:none}}
.rvw-go{min-height:44px}
html:has(.rvw-bar) .totop:not(.rv-top){display:none!important}
html.rv-inst-on .rvw-bar{bottom:calc(var(--rv-dock-h,56px) + 50px)}
html.rvw-kb .rvw-bar-s,html.rvw-kb .rvw-save{display:none}
@media (min-width:900px){
  .rvw{padding-bottom:120px}
  .rvw-h1{font-size:36px}
  /* PC: 하단 채널 띠 바로 위 가로 띠(지면 오른쪽 칸을 가리지 않게) · 왼쪽 저장 · 고친 칸 / 오른쪽 단추 두 개 */
  .rvw-bar{grid-template-columns:minmax(0,1fr) 440px;grid-template-areas:"save acts" "sub acts";align-items:center;column-gap:32px;row-gap:2px;padding:14px max(32px,calc((100vw - 1224px) / 2));box-shadow:0 -8px 24px rgba(17,17,17,.06)}
  .rvw-save{grid-area:save}
  .rvw-bar-s{grid-area:sub}
  .rvw-acts{grid-area:acts}
  .rvw-bar.is-run{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:none}
  .rvw-paper{padding-right:0}
  .rvw-pen{opacity:.0}
}
@container mg (max-width:900px){
  .rvw-pieces .dz-pc-ph{grid-template-columns:1fr;gap:26px}
}
@media (max-width:720px){
  .dz-pc-t.is-long{font-size:22px;line-height:1.42}
  .dzi-t.is-long{font-size:23px}
  .rvw-pc-ed{margin-top:24px;padding-top:18px}
  .rvw-pc-story{font-size:15px;line-height:1.85}
  .rvw-pc-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) ;gap:8px}
  .rvw-pc-acts .rvw-mini{justify-content:center;padding:0 8px}
  .rvw-pc-acts .rvw-mini.strong{grid-column:1 / -1;min-height:46px}
  .rvw-h1{font-size:24px}
  .rvw-lead{font-size:14px}
  .rvw-steps{gap:0 6px}
  .rvw-sl{font-size:13px}
  .rvw-st{font-size:11px}
  .rvw-pen{display:none}
  html:has(.rvw-bar) .rvfb-fab{display:none!important}   /* 이 화면은 [편집부에 부탁하기]가 의견 창구 · 띠 단추를 가리지 않게 */
  .rvw-show{outline-offset:4px}
}
/* 편집부에 부탁하기 창 */
.rvw-sheet{position:fixed;inset:0;z-index:140;background:rgba(17,17,17,.42);display:flex;align-items:flex-end;justify-content:center}
.rvw-sheet-b{box-sizing:border-box;width:100%;max-width:560px;max-height:92vh;overflow:auto;background:#FFFFFF;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px));border-radius:var(--rv-pop-r,14px) var(--rv-pop-r,14px) 0 0}
.rvw-sheet-h{margin:0 0 10px;font-size:22px;font-weight:500}
.rvw-sheet-p{margin:0 0 14px;font-size:14px;line-height:1.75;color:#333333}
.rvw-help-t{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #D2D2D2;border-radius:var(--rv-field-r,10px);font:inherit;font-size:15px;line-height:1.7;resize:vertical}
.rvw-help-t:focus{outline:none;border-color:#1B2438;box-shadow:0 0 0 3px rgba(27,36,56,.08)}
.rvw-sheet .rvw-cnt{display:block;text-align:right;margin:6px 0 12px}
@media (min-width:900px){.rvw-sheet{align-items:center}.rvw-sheet-b{border-radius:var(--rv-pop-r,14px)}}
.rvw-gate{max-width:640px;margin:36px 0 80px}
.rvw-res{margin-top:10px;font-size:14px;color:#1B2438}
.rvw-toast{position:fixed;left:50%;bottom:calc(var(--rv-dock-h,56px) + 140px);z-index:150;transform:translate(-50%,10px);max-width:min(520px,calc(100vw - 32px));box-sizing:border-box;margin:0;padding:12px 16px;border-radius:10px;background:#111111;color:#FFFFFF;font-size:14px;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;word-break:keep-all}
.rvw-toast.on{opacity:1;transform:translate(-50%,0)}
@media (min-width:900px){.rvw-toast{bottom:calc(var(--rv-dock-h,56px) + 110px);left:auto;right:max(32px,calc((100vw - 1224px) / 2));transform:translateY(10px)}.rvw-toast.on{transform:none}}
/* 진행 4단계(접수 화면 · 관리 화면 맨 위에서도 같은 모양 · designer-onboard.js · designer-flow.js) */
.dzp4{margin:0 0 24px}
.dzd-top .dzp4{margin-top:24px}
.dzf-root>.dzp4{margin-top:22px}
.dzp4 .rvw-steps{margin-bottom:12px}
.dzp4-p{margin:0;font-size:14px;line-height:1.7;color:#111111}
.dzp4-p b{font-weight:600}
.dzp4-s{margin:2px 0 0;font-size:13px;color:#6B6B6B}