/* 딱박스 — 제품 입력 한 줄 도구줄 + 제품 이름 자동완성 (js/packwise-toolbar.js · 2026-10-04)
   PC·태블릿(701px 이상)에서만 body.pw-toolbar 가 붙는다. 휴대폰 배치는 건드리지 않는다. */

/* ① 추가 방법 6개 → 칩 한 줄 */
.pw-toolbar #pwAddMenu{margin:2px 0 6px}
.pw-toolbar #pwAddMenu>h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pw-toolbar #pwAddMenu .pw-add-options{display:flex!important;flex-wrap:wrap;gap:6px;padding:0;margin:0;background:none;border:0;border-radius:0}
.pw-toolbar #pwAddMenu .pw-add-option{width:auto!important;flex:0 0 auto;min-height:36px!important;height:36px;padding:0 12px!important;border-radius:999px!important;font-size:13.5px!important;white-space:nowrap!important;gap:6px;
  border:1px solid #d5dde8!important;background:#fff!important;color:#1f2a3d!important;box-shadow:none!important}
.pw-toolbar #pwAddMenu .pw-add-option:hover{border-color:#246bfd!important;color:#246bfd!important;background:#f3f7ff!important}
.pw-toolbar #pwAddMenu .pw-add-option.pw-add-manual{border-color:#246bfd!important;color:#246bfd!important;font-weight:700}
.pw-toolbar #pwAddMenu .pw-add-more{display:none!important}

/* 안내 한 줄은 작게 */
.pw-toolbar #pwStatus{margin:2px 0 6px;font-size:12.5px;color:#64748b}

/* ② 리셋 · 묶기 · 표/카드 · [적재 계산하기] 한 줄 */
.pw-toolbar .pw-list-view{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0 10px;padding:6px 0 0;border-top:1px solid #e6ebf2}
.pw-toolbar .pw-list-view>.pw-btn{height:36px;min-height:36px!important;padding:0 12px!important;margin:0!important;font-size:13.5px!important;white-space:nowrap}
.pw-toolbar .pw-list-view>#pwReset,.pw-toolbar .pw-list-view>#pwBundle{background:#fff!important;color:#334155!important;border:1px solid #d5dde8!important;font-weight:500!important;box-shadow:none!important}
.pw-toolbar .pw-list-view>#pwBundle{margin-right:8px!important}
.pw-toolbar .pw-list-view>#pwQuickCalc{margin-left:auto!important;padding:0 18px!important;font-weight:700}
.pw-toolbar .pw-input-tools{gap:0}

/* 제품 이름 자동완성 */
.pw-ac{position:absolute;z-index:120;max-width:min(520px,calc(100vw - 16px));background:#fff;border:1px solid #cfd8e3;border-radius:12px;box-shadow:0 12px 28px rgba(15,23,42,.16);padding:4px;font-size:14px}
.pw-ac-h{font-size:12px;color:#64748b;padding:6px 10px 4px}
.pw-ac-it{display:flex;align-items:baseline;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer}
.pw-ac-it:hover,.pw-ac-it.on{background:#eef4ff}
.pw-ac-it b{font-weight:600;color:#0f172a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pw-ac-it i{font-style:normal;font-size:11px;font-weight:700;color:#15803d;background:#dcfce7;border-radius:999px;padding:0 7px;flex:none}
.pw-ac-it span{margin-left:auto;flex:none;color:#64748b;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pw-toolbar #pwAddMenu .pw-add-option::before{color:#64748b!important}
.pw-toolbar #pwAddMenu .pw-add-option.pw-add-manual::before{color:#246bfd!important}
.pw-toolbar #pwAddMenu .pw-add-option:hover::before{color:#246bfd!important}
.pw-toolbar .pw-list-view>small{display:none!important}

/* 2026-10-04 휴대폰: 제품 입력칸 터치 높이 44px 이상(42px 였음) */
@media (max-width:700px){#itemBody input:not([type=checkbox]):not([type=radio]),#itemBody select{min-height:44px!important;box-sizing:border-box}}

/* 2026-10-06 머리줄 고정 — 스크롤해도 맨 위 메뉴 줄(딱박스 · 홈 … 내 기록 · 로그인 · 언어 · 튜토리얼 · 인쇄)이 화면 위에 그대로 남는다.
   PC: 메뉴 줄(#pks-bar)은 sticky, 그 위에 겹쳐 놓인 오른쪽 단추 묶음(header)은 fixed. 휴대폰: 머리줄(header) 하나를 fixed 로 두고 본문을 그만큼 내린다.
   위에 붙던 다른 줄(결과 탭 · 입력 묶음 · 휴대폰 결과 이동 줄)은 머리줄 높이만큼 아래에 붙는다. */
@media screen and (min-width:701px){
 .pw-studio #pks-bar{position:sticky!important;top:0!important;z-index:60!important}
 body.pw-studio>header{position:fixed!important}
 .pw-studio .t13Tabs{top:67px!important}
 .pw-studio.pkl-two .pkl-in{top:71px;max-height:calc(100vh - 83px)}
 .pw-studio .pwbd{top:67px}
}
@media screen and (max-width:700px){
 body.pw-studio>header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:56px!important;min-height:56px!important;box-sizing:border-box;z-index:61!important;background:#fff!important}
 body.pw-studio{padding-top:56px!important}
 .pw-studio .pwm-result-nav{top:56px}
}

/* 2026-10-06 로고 — 위 메뉴 줄 「홈」 왼쪽의 작은 표시+글자를 딱박스 로고(배경 없는 그림 img/ddak-brand/logo-bar.png, 332×112)로 바꿈.
   메뉴 줄 높이(PC 59px)에 맞춰 42px 높이. 휴대폰 머리줄의 로고도 같은 배경 없는 그림으로(36px). 그림은 logo-fit-3d.png 에서 흰 바탕만 뺀 것 */
/* 2026-10-06 (2) 위 메뉴 줄의 로고는 뺌(「홈」이 맨 왼쪽) — 로고는 첫 화면 소개 영역에 작게, 배경 없이 */
.pw-studio #pks-bar .pks-logo{display:none!important}
.pw-studio #pks-bar .pks-menu{margin-left:0!important}
.pw-studio .pw-start img.dd-app-brand{content:url(../img/ddak-brand/logo-bar.png);width:166px!important;height:56px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0 0 10px!important;display:block}
@media screen and (max-width:700px){
 body.pw-studio>header .dd-logo-heading{flex:none!important;margin:0!important}
 body.pw-studio>header .dd-logo-heading>a{display:inline-flex!important;align-items:center}
 body.pw-studio>header .dd-logo-heading>small,body.pw-studio>header .dd-logo-heading>.h13sub{display:none!important}
 body.pw-studio>header .dd-logo-heading a>img.dd-brand-3d{content:url(../img/ddak-brand/logo-bar.png);width:107px!important;height:36px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important}
}

/* 2026-10-06 3D 화면 조작 줄 정리 — 세 묶음(방식 · 시점/보기 · 포장 순서)을 두 줄로.
   1줄: 방식(박스 안 · 파렛트 · 컨테이너 …) + [전 과정 재생] + 영상 메뉴(🎬 ▾ — 영상 단추들을 하나로 접음)
   2줄: ⏮ ◀ 단계 ▶ [자동 재생] ─진행 막대─ [전체 보기] [보기 설정 ▾]
        시점 · 앞면 · 배경 · 표시 · 반투명 미리보기 · 담기 · PNG 는 [보기 설정] 안으로(js/packwise-toolbar.js 가 옮김 → body.pwv-tidy)
   단추 안의 작은 사진은 이 줄에서만 숨김(글자만) */
#pwpModeBar img.dd-photo,#stepbar img.dd-photo,#v3bar img.dd-photo{display:none!important}
.pw-studio #pwpModeBar{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important;padding:6px!important;margin:0 0 8px!important}
.pw-studio #pwpModeBar .pwp-seg{display:flex;flex:1 1 320px;min-width:0}
.pw-studio #pwpModeBar .pwp-seg button{flex:1 1 auto;height:38px!important;min-height:0!important;padding:0 10px!important;font-size:13px!important;white-space:nowrap;line-height:1!important}
.pw-studio #pwpModeBar>.pw-btn{flex:none;height:38px!important;min-height:0!important;margin:0!important;padding:0 14px!important;font-size:13px!important;white-space:nowrap}
.pw-studio #pwpTools{position:relative;flex:none;display:block!important;width:52px;height:38px;padding:0!important;margin:0!important;border:0!important;background:none!important;border-radius:0!important;outline:0}
.pw-studio #pwpTools:empty{display:none!important}
.pw-studio #pwpTools::before{content:"🎬 ▾";display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;border:1px solid #d6dae3;border-radius:10px;background:#fff;font-size:14px;color:#475569;cursor:pointer}
.pw-studio #pwpTools:hover::before,.pw-studio #pwpTools:focus-within::before,.pw-studio #pwpTools:focus::before{border-color:#4f46e5;color:#4f46e5}
.pw-studio #pwpTools>*{display:none!important;position:absolute!important;right:0;z-index:30;width:max-content;min-width:170px;height:42px!important;margin:0!important;justify-content:flex-start!important;border-radius:0!important;box-shadow:0 12px 28px rgba(15,23,42,.16)}
.pw-studio #pwpTools:hover>*,.pw-studio #pwpTools:focus-within>*,.pw-studio #pwpTools:focus>*{display:flex!important;align-items:center}
.pw-studio #pwpTools>:nth-child(1){top:100%;border-radius:10px 10px 0 0!important}.pw-studio #pwpTools>:nth-child(2){top:calc(100% + 41px)}.pw-studio #pwpTools>:nth-child(3){top:calc(100% + 82px)}.pw-studio #pwpTools>:nth-child(4){top:calc(100% + 123px)}.pw-studio #pwpTools>:nth-child(5){top:calc(100% + 164px)}
.pw-studio #pwpTools>:last-child{border-radius:0 0 10px 10px!important}.pw-studio #pwpTools>:only-child{border-radius:10px!important}
body.pwv-tidy #v3bar{display:none!important}
body.pwv-tidy.pw-studio #stepbar{display:flex;flex-wrap:nowrap!important;align-items:center;gap:6px!important;padding:6px 8px!important;margin:0 0 8px!important}
body.pwv-tidy.pw-studio #stepbar .vb{flex:none;height:38px!important;min-height:0!important;white-space:nowrap}
body.pwv-tidy #stepbar .vb[onclick^="gStart"],body.pwv-tidy #stepbar .vb[onclick^="gPrev"],body.pwv-tidy #stepbar .vb[onclick^="gNext"]{width:38px;padding:0!important;font-size:0!important;display:inline-flex;align-items:center;justify-content:center}
body.pwv-tidy #stepbar .vb[onclick^="gStart"]::before{content:"⏮";font-size:15px}
body.pwv-tidy #stepbar .vb[onclick^="gPrev"]::before{content:"◀";font-size:13px}
body.pwv-tidy #stepbar .vb[onclick^="gNext"]::before{content:"▶";font-size:13px}
body.pwv-tidy #stepbar .gcount{flex:none;min-width:0!important;padding:0 4px;white-space:nowrap}
body.pwv-tidy #stepbar .gprog{order:5;flex:1 1 40px;min-width:24px!important}
body.pwv-tidy #stepbar .vb[onclick^="gExit"]{order:6}
body.pwv-tidy #stepbar details.v3more{order:7;flex:none}
body.pwv-tidy #stepbar details.v3more>summary{display:flex;align-items:center;height:38px;box-sizing:border-box;padding:0 12px!important;white-space:nowrap;border-radius:8px}
body.pwv-tidy #stepbar details.v3more>summary::after{content:" ▾";margin-left:4px}
body.pwv-tidy #stepbar .v3pop{left:auto!important;right:0;min-width:236px;z-index:30}
body.pwv-tidy #stepbar .v3pop select{width:100%;height:36px;box-sizing:border-box}
body.pwv-tidy #stepbar .v3pop .pwv-row{display:flex;gap:6px}
body.pwv-tidy #stepbar .v3pop .pwv-row .vb{flex:1 1 0;justify-content:center;text-align:center}
@media (max-width:700px){
 body.pwv-tidy.pw-studio #stepbar{flex-wrap:wrap!important}
 body.pwv-tidy #stepbar .gprog{order:9;flex:1 1 100%}
 .pw-studio #pwpModeBar .pwp-seg{flex:1 1 100%}.pw-studio #pwpModeBar .pwp-seg button{padding:0 6px!important;font-size:12.5px!important}
}
body.pwv-tidy #stepbar>b{display:none!important}
/* (이어서) 아이콘 단추는 그림(SVG)으로 — 글꼴에 없는 기호가 빈칸으로 나오는 것을 막음 · 방식 단추 폭 줄임 · [전 과정 재생]은 테두리 단추 */
body.pwv-tidy #stepbar .vb[onclick^="gStart"]::before,body.pwv-tidy #stepbar .vb[onclick^="gPrev"]::before,body.pwv-tidy #stepbar .vb[onclick^="gNext"]::before{content:""!important;display:block;width:16px;height:16px;background:center/contain no-repeat}
body.pwv-tidy #stepbar .vb[onclick^="gStart"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23334155' d='M2 2h2v12H2zM14 2v12L5 8z'/%3E%3C/svg%3E")}
body.pwv-tidy #stepbar .vb[onclick^="gPrev"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23334155' d='M12 2v12L3 8z'/%3E%3C/svg%3E")}
body.pwv-tidy #stepbar .vb[onclick^="gNext"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23334155' d='M4 2v12l9-6z'/%3E%3C/svg%3E")}
.pw-studio #pwpModeBar .pwp-seg button{padding:0 7px!important;font-size:12.5px!important;letter-spacing:-.2px}
.pw-studio #pwpModeBar>.pw-btn{border:1px solid #d6dae3!important;border-radius:10px!important;background:#fff!important;color:#1e293b!important;font-weight:700!important;padding:0 12px 0 30px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%234f46e5' d='M4 2v12l9-6z'/%3E%3C/svg%3E") 10px center/14px no-repeat!important}
@media (max-width:700px){.pw-studio #pwpModeBar .pwp-seg{overflow-x:auto;scrollbar-width:none}.pw-studio #pwpModeBar .pwp-seg button{flex:none}}
body.pwv-tidy #stepbar .vb[onclick^="gStart"]::before,body.pwv-tidy #stepbar .vb[onclick^="gPrev"]::before,body.pwv-tidy #stepbar .vb[onclick^="gNext"]::before{display:block!important;visibility:visible!important}
body.pwv-tidy #stepbar .v3pop label{white-space:nowrap}body.pwv-tidy #stepbar .v3pop label select{width:auto!important;flex:1 1 auto;min-width:0}
@media (max-width:700px){body.pwv-tidy.pw-studio #stepbar{position:relative}body.pwv-tidy #stepbar details.v3more{position:static}body.pwv-tidy #stepbar .v3pop{left:8px!important;right:8px!important;top:calc(100% + 4px);min-width:0}}
body.pwv-tidy #stepbar details.v3more{align-self:center}body.pwv-tidy #stepbar details.v3more>summary{margin:0!important}

/* 2026-10-06 🧺 운반상자에 담기 카드(js/packwise-crate.js) */
.pwcr{margin:0 0 12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;font-size:13.5px;color:#1e293b}
.pwcr-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}.pwcr-h b{font-size:15px;white-space:nowrap}
.pwcr-h select{flex:1 1 260px;min-width:0;height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;font:inherit;background:#fff}
.pwcr-spec{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pwcr-spec span{display:inline-flex;align-items:baseline;gap:5px;padding:5px 10px;border-radius:999px;background:#f1f5f9;white-space:nowrap}
.pwcr-spec i{font-style:normal;font-size:11.5px;color:#64748b}.pwcr-spec b{font-variant-numeric:tabular-nums}.pwcr-spec .pwcr-won{background:#fff7e6}.pwcr-spec .pwcr-won b{color:#b45309}
.pwcr-t{width:100%;border-collapse:collapse;font-size:13px}.pwcr-t th{font-size:11.5px;font-weight:600;color:#64748b;text-align:left;padding:4px 8px;border-bottom:1px solid #e2e8f0;white-space:nowrap}
.pwcr-t td{padding:7px 8px;border-bottom:1px solid #f1f5f9;vertical-align:top}.pwcr-t small{color:#64748b;white-space:nowrap}.pwcr-t b{font-variant-numeric:tabular-nums}
.pwcr-no{color:#94a3b8}.pwcr-warn{color:#d97706;cursor:help}
.pwcr-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.pwcr-fit.ok{color:#15803d;font-weight:600}.pwcr-fit.no{color:#64748b}
.pwcr-f .pw-btn{min-height:40px}.pwcr-f .pw-btn[disabled]{opacity:.45;cursor:not-allowed}
.pwcr-note{margin:8px 0 0;font-size:11.5px;line-height:1.55;color:#64748b}.pwcr-src{white-space:nowrap}
@media (max-width:700px){.pwcr-t thead{display:none}.pwcr-t tr{display:block;padding:6px 0;border-bottom:1px solid #f1f5f9}.pwcr-t td{display:inline-block;border:0;padding:2px 8px 2px 0}.pwcr-t td:first-child{display:block;font-weight:700}}

/* 2026-10-06 (3) 첫 화면 소개 영역 줄 간격 줄임 — 로고 · 꼬리글 · 제목 · 설명 · 분류 사진 사이가 너무 벌어져 있던 것 */
.pw-studio .pw-start{padding-top:14px!important}
.pw-studio .pw-start .pw-intro{padding:0 0 6px!important;margin-bottom:10px!important;align-items:flex-end}
.pw-studio .pw-start img.dd-app-brand{width:142px!important;height:48px!important;margin:0 0 4px!important}
.pw-studio .pw-start .pw-kicker{display:block;margin:0 0 2px!important;line-height:1.3}
.pw-studio .pw-start .pw-intro h2{margin:0 0 4px!important;line-height:1.22!important}
.pw-studio .pw-start .pw-intro p{margin:0!important;line-height:1.45}
@media (max-width:700px){.pw-studio .pw-start{padding-top:8px!important}.pw-studio .pw-start .pw-intro{padding:0!important;margin-bottom:6px!important}.pw-studio .pw-start img.dd-app-brand{width:118px!important;height:40px!important;margin:0 0 2px!important}.pw-studio .pw-start .pw-intro h2{margin:0 0 6px!important}}
.pw-studio .pw-start img.dd-app-brand{margin:0 0 8px!important}.pw-studio .pw-start .pw-kicker{margin:0 0 4px!important}.pw-studio .pw-start .pw-intro{margin-bottom:14px!important}
@media (max-width:700px){.pw-studio .pw-start img.dd-app-brand,.pw-studio .pw-start .pw-kicker{display:none!important}.pw-studio .pw-start .pw-intro{margin-bottom:6px!important}}

/* 2026-10-06 (4) 파렛트·컨테이너·규격·역산·AI 제안 화면도 박스 안 적재처럼 정리
   파렛트·컨테이너: [결과 숫자 = 한 줄 알약] → [⏮ ◀ 단계 ▶ 자동 재생 … 크게 · ⚙ 설정] → (설정을 누르면 조건 입력) → 3D
   규격·역산: 제품 고르기 + 보기 3종을 한 줄로, 제품 규칙·한도 입력은 [⚙ 설정]을 눌러야 펼침(결과 표가 바로 보이게)
   AI 제안: 방식 단추 묶음에서 꺼내 따로 둔 단추, 누르면 제안이 3D 위(방식 줄 바로 아래)에 열림 — 요소 옮기기는 js/packwise-toolbar.js */
#pwpHost{display:flex;flex-direction:column}
#pwpHost>.pwp-box{order:1;margin:0 0 6px!important;font-size:12px;color:#64748b}
#pwpHost>.pwp-kpi{order:2;display:flex!important;flex-wrap:wrap;gap:6px!important;margin:0 0 8px!important}
#pwpHost>.pwp-kpi>div{flex:none!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;display:inline-flex!important;align-items:baseline;gap:6px;padding:5px 11px!important;border:0!important;border-radius:999px!important;background:#f1f5f9!important;box-shadow:none!important}
#pwpHost>.pwp-kpi>div>span{font-size:11.5px!important;color:#64748b!important;white-space:nowrap}
#pwpHost>.pwp-kpi>div>b{font-size:13px!important;line-height:1.3!important;white-space:nowrap;font-variant-numeric:tabular-nums}
#pwpHost>.pwp-note{order:3;margin:0 0 6px!important;font-size:12px}
#pwpHost>.pwp-ctl{order:4;display:flex!important;flex-wrap:nowrap;align-items:center;gap:6px!important;margin:0 0 8px!important;padding:6px 8px!important;border:1px solid #e5e7eb;border-radius:12px;background:#f8f8fa}
#pwpHost>.pwp-ctl .pwp-ctl-t,#pwpHost>.pwp-ctl img.dd-photo,.pws-top img.dd-photo{display:none!important}
#pwpHost>.pwp-ctl .pw-btn{flex:none;height:38px!important;min-height:0!important;margin:0!important;padding:0 12px!important;font-size:13px!important;white-space:nowrap}
#pwpHost>.pwp-ctl [data-p="first"],#pwpHost>.pwp-ctl [data-p="prev"],#pwpHost>.pwp-ctl [data-p="next"]{width:38px;padding:0!important;font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center}
#pwpHost>.pwp-ctl [data-p="first"]::before,#pwpHost>.pwp-ctl [data-p="prev"]::before,#pwpHost>.pwp-ctl [data-p="next"]::before{content:""!important;display:block!important;visibility:visible!important;width:16px;height:16px;background:center/contain no-repeat}
#pwpHost>.pwp-ctl [data-p="first"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23334155' d='M2 2h2v12H2zM14 2v12L5 8z'/%3E%3C/svg%3E")}
#pwpHost>.pwp-ctl [data-p="prev"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23334155' d='M12 2v12L3 8z'/%3E%3C/svg%3E")}
#pwpHost>.pwp-ctl [data-p="next"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23334155' d='M4 2v12l9-6z'/%3E%3C/svg%3E")}
#pwpHost>.pwp-ctl #pwpStepN{flex:none;padding:0 4px;font-size:12.5px;font-weight:700;white-space:nowrap}
#pwpHost>.pwp-ctl [data-p="big"]{margin-left:auto!important}
#pwpHost>.pwp-ctl .pwv-setbtn[aria-expanded="true"],.pws-top .pwv-setbtn[aria-expanded="true"]{border-color:#4f46e5!important;color:#4f46e5!important;background:#eef2ff!important}
#pwpHost>#pwpSet{order:5;margin:0 0 8px!important}
body:not(.pwv-set-open) #pwpHost>#pwpSet{display:none!important}
#pwpHost>#pwpWrap{order:6}#pwpHost>.pw-x-note{order:7}
.pws-top{display:flex!important;flex-wrap:wrap;align-items:flex-end;gap:8px}
.pws-top>label{flex:1 1 220px;min-width:0;margin:0!important}.pws-top>.pws-seg{flex:none}.pws-top .pws-seg button{height:40px;white-space:nowrap}
.pws-top .pwv-setbtn{flex:none;height:40px!important;min-height:0!important;margin:0!important;padding:0 12px!important;font-size:13px!important;white-space:nowrap}
body:not(.pwv-rule-open) .pwx-host>form.pws-rule,body:not(.pwv-rule-open) .pwx-host>details.pws-why{display:none!important}
.pw-studio #pwpModeBar>#ddAiSuggestButton{flex:none;height:38px;padding:0 12px;border:1px solid #c7d2fe;border-radius:10px;background:#fff;color:#4f46e5;font:700 13px inherit;white-space:nowrap;cursor:pointer}
.pw-studio #pwpModeBar>#ddAiSuggestButton[aria-expanded="true"]{background:#4f46e5;color:#fff;border-color:#4f46e5}
.t13Pane[data-t="v3"]>.dd-ai-section.pwv-ai-top{margin:0 0 10px!important}
@media (max-width:700px){#pwpHost>.pwp-ctl{flex-wrap:wrap}#pwpHost>.pwp-ctl [data-p="big"]{margin-left:0!important}}
.pw-studio #pwpModeBar>#ddAiSuggestButton{background:#fff!important;color:#4f46e5!important;border:1px solid #c7d2fe!important}
.pw-studio #pwpModeBar>#ddAiSuggestButton[aria-expanded="true"]{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important}
.dd-ai-section.pwv-ai-top{margin:0 0 10px!important;max-height:min(70vh,640px);overflow:auto;border:1px solid #e5e7eb;border-radius:12px}
/* 2026-10-06 (5) 운반상자를 「포장 방식 선택」 안으로 — 따로 있던 카드 대신 테두리 없는 조각 */
.pwcr.pwcr-in{margin:8px 0 0;padding:0;border:0;border-radius:0;background:transparent}
.pwcr-more{margin-top:6px}.pwcr-more>summary{font-size:12px;color:#64748b;cursor:pointer;width:max-content}.pwcr-more .pwcr-note{margin-top:4px}

/* 2026-10-06 (6) 로고를 다시 위 메뉴 줄 「홈」 왼쪽으로(테두리 없는 상자 + 글자, 339×112 → 높이 40px) · 첫 화면 소개 영역의 로고는 뺌 */
.pw-studio #pks-bar .pks-in{align-items:center}
.pw-studio #pks-bar .pks-logo{display:block!important;flex:none;align-self:center;width:121px;height:40px;padding:0!important;margin:0 14px 0 0!important;background:url(../img/ddak-brand/logo-bar.png) left center/contain no-repeat;font-size:0!important;color:transparent!important;overflow:hidden}
.pw-studio #pks-bar .pks-logo>*{display:none!important}
.pw-studio .pw-start img.dd-app-brand{display:none!important}

.pwcr-reverse{margin-top:12px;padding:16px;border:1px solid #cbded9;border-radius:14px;background:#f2f8f6}.pwcr-reverse>strong{font-size:15px}.pwcr-reverse>p{margin:6px 0 10px;color:#64748b;font-size:13px}.pwcr-reverse details{margin:10px 0}.pwcr-reverse summary{cursor:pointer;font-size:13px}.pwcr-reverse .pwcr-t{margin-top:10px}.pwcr-reverse>.pw-btn{margin-top:6px}
.pwcr-opt{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;cursor:pointer}.pwcr-opt input{width:16px;height:16px;margin:0}.pwcr-opt small{color:#64748b}
.pwcr-opt+.pwcr-opt{margin-left:16px}
.pwcr-opt{margin-right:16px}.pwcr-opt+.pwcr-opt{margin-left:0}

/* 2026-10-07 📐 상자 형식 비교(js/packwise-styles.js) — 접힌 줄 → 펼치면 형식 카드 */
.pwst{margin:0 0 12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;font-size:13.5px;color:#1e293b}
.pwst>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}.pwst>summary::-webkit-details-marker{display:none}
.pwst>summary::after{content:"▾";margin-left:auto;color:#64748b;transition:transform .15s}.pwst[open]>summary::after{transform:rotate(180deg)}
.pwst>summary b{font-size:15px;white-space:nowrap}.pwst-sub{font-size:12px;color:#64748b}
.pwst-opt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:0 14px 10px}.pwst-opt select{height:36px;border:1px solid #cbd5e1;border-radius:9px;padding:0 8px;font:inherit;background:#fff}.pwst-hint{font-size:12px;color:#64748b}
.pwst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;padding:0 14px}
.pwst-card{display:flex;gap:10px;padding:10px;border:1px solid #e8edf3;border-radius:12px;background:#fafbfc}.pwst-card.best{border-color:#86d4a5;background:#f3fbf6}
.pwst-pic{flex:none;align-self:center}.pwst-main{min-width:0;flex:1}
.pwst-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.pwst-t b{font-size:14px}.pwst-t small{font-size:11px;color:#94a3b8}
.pwst-tag{font-size:11px;padding:1px 7px;border-radius:999px;background:#fff3d6;color:#92580a;white-space:nowrap}.pwst-tag.ok{background:#d9f5e3;color:#14703b}
.pwst-use{margin:2px 0 6px;font-size:12px;line-height:1.4;color:#64748b}
.pwst-chips{display:flex;flex-wrap:wrap;gap:4px}.pwst-chips span{display:inline-flex;align-items:baseline;gap:4px;padding:2px 8px;border-radius:999px;background:#eef2f6;font-size:12px;white-space:nowrap}
.pwst-chips i{font-style:normal;font-size:10.5px;color:#64748b}.pwst-chips b{font-variant-numeric:tabular-nums}.pwst-chips em{font-style:normal;font-size:10.5px}.pwst-chips em.up{color:#c2410c}.pwst-chips em.dn{color:#15803d}
.pwst-chips .tot{background:#1e293b;color:#fff}.pwst-chips .tot i{color:#cbd5e1}
.pwst-note{margin:10px 14px 12px;font-size:11.5px;line-height:1.55;color:#64748b}
@media (max-width:700px){.pwst-grid{grid-template-columns:1fr;padding:0 10px}.pwst>summary{padding:10px 12px}.pwst-pic{width:84px;height:68px}}

/* 2026-10-07 (2) 제품 카드의 [웹 비교] 단추 숨김 · 3D 스튜디오를 [보기 설정] 안으로(js/packwise-toolbar.js 가 옮김 → body.pwv-studio-in) */
.pw-web-compare{display:none!important}
body.pwv-studio-in #stepbar .v3pop{width:min(340px,92vw);max-height:min(72vh,660px);overflow:auto;overscroll-behavior:contain}
.v3pop>#ddStudio{position:static!important;width:auto!important;max-width:none!important;margin:6px 0 0!important;padding:10px 0 0!important;border:0!important;border-top:1px solid #e5e7eb!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}
.v3pop>#ddStudio .dd-studio-head{margin:0 0 6px}.v3pop>#ddStudio .dd-studio-head strong{font-size:14px}.v3pop>#ddStudio label{display:block}
.v3pop:has(>#ddStudio) #v3viewSel,.v3pop:has(>#ddStudio)>label:has(#v3bg){display:none!important}   /* 시점·배경은 스튜디오 것 하나만 */
.pw-studio .v3grid.dd-studio-grid.pwv-studio-moved>.gside{grid-row:1 / span 2!important;max-height:580px!important}
@media (max-width:700px){body.pwv-studio-in #stepbar .v3pop{width:auto}}
body.pwv-studio-in #stepbar .v3pop{display:flex!important;flex-direction:column;align-items:stretch;gap:8px}
body.pwv-studio-in #stepbar .v3pop>*{flex:none;width:auto;min-width:0}
.v3pop>#ddStudio dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0}.v3pop>#ddStudio dd{margin:0;text-align:right}
.v3pop>#ddStudio select{width:100%;box-sizing:border-box}
/* 2026-10-07 골판지·스티로폼에도 간지·완충재·보호재 선택 */
.pwbf-po{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;margin:10px 0 0;padding-top:10px;border-top:1px solid #eef1f5}.pwbf-po .pwcr-opt{margin-top:0}.pwbf-po small{font-size:12px;color:#64748b}
.pwst-mk{margin-left:6px;font-weight:600;color:#2563eb;text-decoration:none;white-space:nowrap}.pwst-mk:hover{text-decoration:underline}
/* 크게 보기 · 전체 화면에서 빠져나오는 막대 */
#pwBigExit{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:2147483647!important;display:flex;gap:6px;align-items:center;padding:5px;border-radius:999px;background:rgba(15,23,42,.92);box-shadow:0 4px 16px rgba(15,23,42,.25)}#pwBigExit[hidden]{display:none!important}
#pwBigExit button,#pwBigExit a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:999px;background:#fff;color:#0f172a;font:inherit;font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}#pwBigExit a{background:transparent;color:#fff}#pwBigExit small{font-weight:500;color:#64748b}
/* 2026-10-08 제품 줄 정리(사용자 요청): 줄마다 붙던 규격 출처 접이(대표 규격 · 실측 전 …)와 [스캔] 단추를 숨긴다 — 되살리려면 이 줄을 지운다 */
.dd-source,#piScanAdd{display:none!important}