.spt-images-pdf {
  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-images-pdf *, .spt-images-pdf *::before, .spt-images-pdf *::after { box-sizing: inherit; }
.spt-images-pdf [hidden] { display: none !important; }
.spt-images-pdf__header { margin-bottom: 1.25rem; text-align: center; }
.spt-images-pdf__title { margin: 0 0 0.5rem; font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.15; }
.spt-images-pdf__intro { max-width: 700px; margin: 0 auto; color: #526076; line-height: 1.65; }
.spt-images-pdf__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-images-pdf__dropzone:hover, .spt-images-pdf__dropzone:focus, .spt-images-pdf__dropzone.is-drag-over { border-color: #3157d5; background: #eef3ff; outline: none; }
.spt-images-pdf__dropzone.is-drag-over { transform: scale(1.01); }
.spt-images-pdf__drop-title { font-size: 1.25rem; font-weight: 700; }
.spt-images-pdf__drop-subtitle, .spt-images-pdf__limits, .spt-images-pdf__summary, .spt-images-pdf__selection-header p, .spt-images-pdf__result-meta { color: #667085; }
.spt-images-pdf__limits { margin: .75rem 0 0; text-align: center; font-size: .9rem; }
.spt-images-pdf__workspace { margin-top: 1.5rem; }
.spt-images-pdf__selection-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.8rem; }
.spt-images-pdf__selection-header h3 { margin:0 0 .2rem; font-size:1.1rem; }
.spt-images-pdf__selection-header p { margin:0; font-size:.9rem; }
.spt-images-pdf__list { display:grid; gap:.65rem; margin:0; padding:0; list-style:none; counter-reset:imageitem; }
.spt-images-pdf__item { display:flex; align-items:center; gap:.75rem; padding:.7rem .75rem; border:1px solid #d9dde3; border-radius:12px; background:#f8fafc; }
.spt-images-pdf__item.is-dragging { opacity:.55; }
.spt-images-pdf__item-index { flex:0 0 auto; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#e8eefc; color:#3157d5; font-weight:700; font-size:.85rem; }
.spt-images-pdf__thumb { width:48px; height:48px; object-fit:cover; border-radius:8px; border:1px solid #d9dde3; background:#fff; }
.spt-images-pdf__item-info { min-width:0; flex:1; display:flex; flex-direction:column; gap:.15rem; }
.spt-images-pdf__item-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.spt-images-pdf__item-meta { color:#667085; font-size:.82rem; }
.spt-images-pdf__item-actions { display:flex; gap:.35rem; }
.spt-images-pdf__icon-button { width:36px; height:36px; border:1px solid #cfd5df; border-radius:8px; background:#fff; color:#172033; cursor:pointer; font:inherit; }
.spt-images-pdf__icon-button:hover { border-color:#3157d5; color:#3157d5; }
.spt-images-pdf__icon-button:disabled { opacity:.4; cursor:not-allowed; }
.spt-images-pdf__summary { margin:.75rem 0 0; font-size:.88rem; }
.spt-images-pdf__options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-top:1.25rem; padding:1rem; border:1px solid #d9dde3; border-radius:12px; }
.spt-images-pdf__field label { display:block; margin-bottom:.4rem; font-weight:700; font-size:.9rem; }
.spt-images-pdf__field select { width:100%; min-height:44px; padding:.65rem .7rem; border:1px solid #aeb7c5; border-radius:10px; background:#fff; color:#172033; font:inherit; }
.spt-images-pdf__field select:focus { border-color:#3157d5; outline:3px solid rgba(49,87,213,.18); outline-offset:1px; }
.spt-images-pdf__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-images-pdf__actions { margin-top:1.25rem; text-align:center; }
.spt-images-pdf__result { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.25rem; padding:.9rem 1rem; border:1px solid #c9dfcf; border-radius:12px; background:#f3fbf5; }
.spt-images-pdf__result-details { min-width:0; display:flex; flex-direction:column; gap:.2rem; }
.spt-images-pdf__result-meta { font-size:.88rem; }
.spt-images-pdf-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-images-pdf-button:focus-visible { outline:3px solid rgba(49,87,213,.25); outline-offset:2px; }
.spt-images-pdf-button--primary, .spt-images-pdf-button--download { background:#3157d5; color:#fff; }
.spt-images-pdf-button--primary:hover, .spt-images-pdf-button--download:hover { background:#2749ba; color:#fff; transform:translateY(-1px); }
.spt-images-pdf-button--secondary { border-color:#3157d5; background:#fff; color:#3157d5; }
.spt-images-pdf-button--text { min-height:auto; padding:.25rem .4rem; background:transparent; color:#3157d5; }
.spt-images-pdf-button:disabled { opacity:.55; cursor:not-allowed; transform:none; }
.spt-images-pdf__status { min-height:1.4em; margin-top:1rem; text-align:center; font-size:.92rem; }
.spt-images-pdf__status--success { color:#16713a; }
.spt-images-pdf__status--error, .spt-images-pdf__error { color:#b42318; }
@media (max-width: 680px) {
  .spt-images-pdf__options { grid-template-columns:1fr; }
  .spt-images-pdf__item { flex-wrap:wrap; }
  .spt-images-pdf__item-info { flex-basis:calc(100% - 92px); }
  .spt-images-pdf__item-actions { margin-left:auto; }
  .spt-images-pdf__result, .spt-images-pdf__selection-header { align-items:stretch; flex-direction:column; }
  .spt-images-pdf__download { width:100%; }
}