/* 크기 강조 — 원본(블리드 포함) · 재단 · 블리드 크기를 빨간색으로 크게, 아래 화면(썸네일·자동 작업)에도 같이 보여 준다 */
#info{display:none;flex-direction:column;align-items:stretch;gap:10px}
#info[style*="display: flex"]{display:flex}
#info .info-row{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
#info .info-top{align-items:baseline;gap:6px 22px}
#info .info-sizes{gap:10px 14px}
#info dl.key.sz{background:#fef2f2;border:2px solid #dc2626;border-radius:10px;padding:6px 14px;gap:10px}
#info dl.key.sz dt{color:#b91c1c;font-size:12.5px;font-weight:800}
#info dl.key.sz dt small{display:block;font-size:10.5px;font-weight:600;color:#dc2626;opacity:.85}
#info dl.key.sz dd{color:#dc2626;font-size:22px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
#info dl.key.sz dd.warn,#info dl.key.sz:has(dd.warn) dt{color:#b45309}
#info dl.key.sz:has(dd.warn){background:rgba(199,125,18,.14);border-color:#c77d12}
#info .info-acts{margin-left:0;gap:8px;align-items:stretch}
#info .info-acts .act-gap{width:1px;background:#d6d0be;margin:2px 6px}

/* 아래쪽(썸네일 카드 · 자동 작업 카드)에 붙는 크기 바 */
.size-bar{display:none;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:2px 0 8px}
.size-bar.on{display:flex}
.size-bar .sb{display:inline-flex;align-items:baseline;gap:6px;background:#fef2f2;border:1.5px solid #dc2626;border-radius:8px;padding:3px 10px;color:#b91c1c;font-size:11.5px;font-weight:800}
.size-bar .sb b{color:#dc2626;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.size-bar .sb.warn{background:rgba(199,125,18,.14);border-color:#c77d12;color:#b45309}.size-bar .sb.warn b{color:#b45309}

/* 썸네일 밑 쪽별 크기 */
.th .th-sz{color:#dc2626;font-weight:800;font-size:10px;font-variant-numeric:tabular-nums}

/* 첫 화면 큰 미리보기 아래 크기 줄 */
#fpv .fpv-info b{color:#dc2626;font-weight:800;font-size:14px}
#fpv .fpv-info b.warn{color:#b45309}

/* 자동 작업 카드 묶음 제목 */
#autoCard .af-grid .af-sec{grid-column:1/-1;font-size:11.5px;font-weight:800;color:#0E7C86;border-bottom:1px solid #cfe7e9;padding:2px 0 3px;margin-top:4px}
#autoCard .af-grid .af-sec:first-child{margin-top:0}
#autoCard .af-grid .af-size input{font-size:15px;font-weight:800;color:#dc2626;border-color:#dc2626;border-width:1.5px}
#fpv .fpv-info span:first-child b{color:var(--ink,#111);font-size:inherit;font-weight:700}
#info .info-acts{justify-content:flex-start}
#info dl.key.sz:last-child dd{font-size:17px}

/* 자동 작업 카드 — 짧게: 자주 쓰는 입력만 펼쳐 두고 상세는 접는다 */
#autoCard .af-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 10px}
#autoCard .af-grid > label:first-child{grid-column:span 1}
#autoCard .af-adv{margin:6px 0 0;border:1px solid #e2e8f0;border-radius:8px;background:#fff}
#autoCard .af-adv > summary{cursor:pointer;list-style:none;padding:6px 10px;font-size:12px;font-weight:800;color:#334155;display:flex;gap:8px;align-items:baseline}
#autoCard .af-adv > summary::-webkit-details-marker{display:none}
#autoCard .af-adv > summary::after{content:'▾';margin-left:auto;color:#64748b}
#autoCard .af-adv[open] > summary::after{content:'▴'}
#autoCard .af-adv > summary small{font-weight:600;color:#64748b;font-size:11px}
#autoCard .af-adv > summary small.set{color:#0E7C86;font-weight:800}
#autoCard .af-adv[open] > summary{border-bottom:1px dashed #cbd5e1}
#autoCard .af-adv > :not(summary){margin-left:10px;margin-right:10px}
#autoCard .af-adv > :last-child{margin-bottom:8px}
#autoCard .af-bleed > label:first-of-type{margin-top:6px}

/* 파일 정보 카드의 [⚡ 자동 표지] [⚡ 자동 낱장] — 작업 선택 카드의 같은 단추를 여기서도 (PDF 편집 왼쪽) */
#info .info-acts .act-auto{padding:8px 14px;border-radius:10px;border:1.5px solid #0f766e;background:#f0fdfa;color:#0f766e;font-size:13px;font-weight:700;white-space:nowrap}
#info .info-acts .act-auto:hover:not(:disabled){background:#0f766e;color:#fff;transform:translateY(-1px)}