.pdf-png-page { --pdf-accent:#0b8877; --pdf-ink:#101827; --pdf-muted:#64748b; }
.pdf-png-workspace { margin-top:1.2rem; }
.pdf-png-settings { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(0,.7fr); gap:.85rem; align-items:start; padding:1rem; border:1px solid #d7e2ef; background:#f7fafc; }
.pdf-png-setting-actions { display:flex; gap:.55rem; grid-column:1/-1; }
.pdf-png-summary { display:grid; grid-template-columns:1.5fr repeat(3,minmax(0,1fr)); gap:1px; margin-top:1rem; border:1px solid #d7e2ef; background:#d7e2ef; }
.pdf-png-summary > div { min-width:0; padding:.85rem 1rem; background:#fff; }
.pdf-png-summary span { display:block; margin-bottom:.25rem; color:#74829a; font-size:.78rem; }
.pdf-png-summary strong { display:block; overflow:hidden; color:var(--pdf-ink); font-size:.95rem; text-overflow:ellipsis; white-space:nowrap; }
.pdf-png-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1rem; }
.pdf-png-progress { height:8px; margin:1rem 0 .25rem; overflow:hidden; border-radius:8px; background:#e4ebf3; }
.pdf-png-progress span { display:block; width:0; height:100%; background:var(--pdf-accent); transition:width .2s ease; }
.pdf-png-result { margin-top:1.3rem; padding-top:1.2rem; border-top:1px solid #d7e2ef; }
.pdf-png-result-head { display:flex; justify-content:space-between; gap:1rem; align-items:flex-end; margin-bottom:.85rem; }
.pdf-png-result-head h3 { margin:0; color:var(--pdf-ink); font-size:1.25rem; }
.pdf-png-result-head .suite-eyebrow { margin-bottom:.25rem; }
.pdf-png-result-head > span { color:var(--pdf-muted); font-size:.85rem; }
.pdf-png-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; max-height:760px; overflow:auto; padding:.15rem; }
.pdf-png-card { position:relative; min-width:0; overflow:hidden; border:1px solid #d7e2ef; background:#fff; transition:border-color .15s ease,box-shadow .15s ease; }
.pdf-png-card.is-selected { border-color:#7fc9bd; box-shadow:0 0 0 2px rgba(11,136,119,.08); }
.pdf-png-preview { display:flex; align-items:center; justify-content:center; min-height:180px; padding:.65rem; background:#f1f5f9; }
.pdf-png-preview canvas,.pdf-png-preview img { display:block; width:100%; max-height:260px; object-fit:contain; box-shadow:0 3px 12px rgba(15,23,42,.1); }
.pdf-png-card footer { display:flex; align-items:center; justify-content:space-between; gap:.5rem; min-height:54px; padding:.65rem .75rem; }
.pdf-png-card label { display:flex; min-width:0; align-items:center; gap:.45rem; margin:0; cursor:pointer; }
.pdf-png-card label input { flex:0 0 auto; }
.pdf-png-card label strong { overflow:hidden; color:var(--pdf-ink); font-size:.88rem; text-overflow:ellipsis; white-space:nowrap; }
.pdf-png-download { min-height:34px!important; padding:.38rem .65rem!important; font-size:.78rem!important; white-space:nowrap; }
.pdf-png-download[hidden] { display:none!important; }
.pdf-png-empty { grid-column:1/-1; padding:2.5rem 1rem; border:1px dashed #c8d5e4; color:var(--pdf-muted); text-align:center; }
.pdf-png-card.is-rendering .pdf-png-preview::after { content:'변환 중'; position:absolute; padding:.35rem .55rem; border-radius:4px; color:#fff; background:rgba(15,23,42,.78); font-size:.78rem; }
.pdf-png-page .suite-guide-grid > section { margin:0!important; }
@media screen and (max-width:1100px) { .pdf-png-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media screen and (max-width:736px) {
  .pdf-png-settings { grid-template-columns:1fr; padding:.8rem; }
  .pdf-png-setting-actions { grid-column:auto; flex-wrap:wrap; }
  .pdf-png-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pdf-png-actions { display:grid; grid-template-columns:1fr; }
  .pdf-png-actions .suite-button { width:100%; }
  .pdf-png-grid { grid-template-columns:1fr; max-height:none; }
  .pdf-png-preview { min-height:220px; }
  .pdf-png-result-head { align-items:flex-start; flex-direction:column; gap:.35rem; }
}