.spt-pdf-images {
  box-sizing: border-box;
  max-width: 860px;
  margin: 2rem auto;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid #d9dde3;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.08);
  color: #172033;
}
.spt-pdf-images *, .spt-pdf-images *::before, .spt-pdf-images *::after { box-sizing: inherit; }
.spt-pdf-images [hidden] { display: none !important; }
.spt-pdf-images__header { margin-bottom: 1.25rem; text-align: center; }
.spt-pdf-images__title { margin: 0 0 0.5rem; font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.15; }
.spt-pdf-images__intro { max-width: 700px; margin: 0 auto; color: #526076; line-height: 1.65; }
.spt-pdf-images__dropzone {
  display: flex; min-height: 250px; padding: 2rem 1rem; align-items: center; justify-content: center;
  flex-direction: column; gap: .65rem; border: 2px dashed #8b98aa; border-radius: 16px; background: #f8fafc;
  cursor: pointer; text-align: center; transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.spt-pdf-images__dropzone:hover, .spt-pdf-images__dropzone:focus, .spt-pdf-images__dropzone.is-drag-over { border-color: #3157d5; background: #eef3ff; outline: none; }
.spt-pdf-images__dropzone.is-drag-over { transform: scale(1.01); }
.spt-pdf-images__drop-title { font-size: 1.25rem; font-weight: 700; }
.spt-pdf-images__drop-subtitle, .spt-pdf-images__limits, .spt-pdf-images__file-meta, .spt-pdf-images__help, .spt-pdf-images__result-meta, .spt-pdf-images__item-meta { color: #667085; }
.spt-pdf-images__limits { margin: .75rem 0 0; text-align: center; font-size: .9rem; }
.spt-pdf-images__workspace { margin-top: 1.5rem; }
.spt-pdf-images__file-card { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 1rem; border:1px solid #d9dde3; border-radius:12px; background:#f8fafc; }
.spt-pdf-images__file-details { min-width:0; display:flex; flex-direction:column; gap:.2rem; }
.spt-pdf-images__file-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.spt-pdf-images__file-meta { font-size:.88rem; }
.spt-pdf-images__scope { margin:1.25rem 0 0; padding:1rem; border:1px solid #d9dde3; border-radius:12px; }
.spt-pdf-images__scope legend { padding:0 .35rem; font-weight:700; }
.spt-pdf-images__scope-option { display:flex; gap:.65rem; align-items:flex-start; padding:.65rem 0; cursor:pointer; }
.spt-pdf-images__scope-option + .spt-pdf-images__scope-option { border-top:1px solid #eef0f3; }
.spt-pdf-images__scope-option input { margin-top:.25rem; }
.spt-pdf-images__scope-option span { display:flex; flex-direction:column; gap:.15rem; }
.spt-pdf-images__scope-option small { color:#667085; line-height:1.45; }
.spt-pdf-images__pages-field { margin-top:1rem; }
.spt-pdf-images__pages-field > label, .spt-pdf-images__field label { display:block; margin-bottom:.4rem; font-weight:700; font-size:.9rem; }
.spt-pdf-images__pages { width:100%; min-height:46px; padding:.7rem .8rem; border:1px solid #aeb7c5; border-radius:10px; background:#fff; color:#172033; font:inherit; }
.spt-pdf-images__pages:focus, .spt-pdf-images__field select:focus { border-color:#3157d5; outline:3px solid rgba(49,87,213,.18); outline-offset:1px; }
.spt-pdf-images__help { margin:.45rem 0 0; font-size:.88rem; line-height:1.5; }
.spt-pdf-images__options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin-top:1.25rem; padding:1rem; border:1px solid #d9dde3; border-radius:12px; }
.spt-pdf-images__field select { width:100%; min-height:44px; padding:.65rem .7rem; border:1px solid #aeb7c5; border-radius:10px; background:#fff; color:#172033; font:inherit; }
.spt-pdf-images__notice { max-width:680px; margin:1rem auto 0; padding:.8rem .95rem; border:1px solid #d9dde3; border-radius:10px; background:#f8fafc; color:#526076; font-size:.9rem; line-height:1.55; text-align:center; }
.spt-pdf-images__actions { margin-top:1.25rem; text-align:center; }
.spt-pdf-images__result { margin-top:1.25rem; padding:1rem; border:1px solid #c9dfcf; border-radius:12px; background:#f3fbf5; }
.spt-pdf-images__result-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.8rem; }
.spt-pdf-images__result-meta { margin:.2rem 0 0; font-size:.88rem; }
.spt-pdf-images__result-list { display:grid; gap:.65rem; }
.spt-pdf-images__item { display:flex; align-items:center; gap:.75rem; padding:.7rem .75rem; border:1px solid #d8e7dc; border-radius:10px; background:#fff; }
.spt-pdf-images__thumb { flex:0 0 auto; width:56px; height:56px; object-fit:contain; border:1px solid #d9dde3; border-radius:8px; background:#f8fafc; }
.spt-pdf-images__item-details { min-width:0; flex:1; display:flex; flex-direction:column; gap:.15rem; }
.spt-pdf-images__item-title { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.spt-pdf-images__item-meta { font-size:.82rem; }
.spt-pdf-images-button { appearance:none; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.68rem 1rem; border:1px solid transparent; border-radius:10px; cursor:pointer; font:inherit; font-weight:700; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .15s ease; }
.spt-pdf-images-button:focus-visible { outline:3px solid rgba(49,87,213,.25); outline-offset:2px; }
.spt-pdf-images-button--primary, .spt-pdf-images-button--download { background:#3157d5; color:#fff; }
.spt-pdf-images-button--primary:hover, .spt-pdf-images-button--download:hover { background:#2749ba; color:#fff; transform:translateY(-1px); }
.spt-pdf-images-button--secondary { border-color:#3157d5; background:#fff; color:#3157d5; }
.spt-pdf-images-button--text { min-height:auto; padding:.25rem .4rem; background:transparent; color:#3157d5; }
.spt-pdf-images-button:disabled { opacity:.55; cursor:not-allowed; transform:none; }
.spt-pdf-images__status { min-height:1.4em; margin-top:1rem; text-align:center; font-size:.92rem; }
.spt-pdf-images__status--success { color:#16713a; }
.spt-pdf-images__status--error, .spt-pdf-images__error { color:#b42318; }
@media (max-width: 680px) {
  .spt-pdf-images__options { grid-template-columns:1fr; }
  .spt-pdf-images__file-card, .spt-pdf-images__item { align-items:stretch; flex-direction:column; }
  .spt-pdf-images__item .spt-pdf-images-button { width:100%; }
  .spt-pdf-images__thumb { width:72px; height:72px; }
}