#pdf-to-images { color:#182b45; }
#pdf-to-images .pdf-images-privacy { display:flex; align-items:center; gap:7px; margin:0 0 14px; color:#52657d; font-size:14px; }
#pdf-to-images .pdf-images-privacy .material-icons { color:#16836e; font-size:19px; }
#pdf-to-images .pdf-images-drop { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; padding:24px; border:2px dashed #9db7d8; border-radius:14px; background:#f7faff; transition:border-color .15s,background .15s; }
#pdf-to-images .pdf-images-drop.is-dragging { border-color:#2563eb; background:#edf4ff; }
#pdf-to-images .pdf-images-drop-icon { display:grid; width:52px; height:52px; place-items:center; border-radius:12px; background:#e7efff; color:#2563eb; font-size:29px; }
#pdf-to-images .pdf-images-drop p { margin:0; }
#pdf-to-images .pdf-images-drop-title { font-weight:750; }
#pdf-to-images .pdf-images-drop-note { margin-top:3px!important; color:#64748b; font-size:13px; }
#pdf-to-images .pdf-images-primary-button,#pdf-to-images .pdf-images-secondary-button { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:7px; padding:9px 15px; border:1px solid #2563eb; border-radius:9px; font-weight:700; line-height:1.2; text-decoration:none; }
#pdf-to-images .pdf-images-primary-button { background:#2563eb; color:#fff; }
#pdf-to-images .pdf-images-primary-button:hover:not(:disabled) { background:#174eb6; }
#pdf-to-images .pdf-images-secondary-button { background:#fff; color:#2563eb; }
#pdf-to-images button:disabled { cursor:not-allowed; opacity:.5; }
#pdf-to-images :is(button,select,label[for]):focus-visible { outline:3px solid #8ab0f8; outline-offset:3px; }
#pdf-to-images .pdf-images-workspace { margin-top:24px; }
#pdf-to-images .pdf-images-settings { padding:20px; border:1px solid #dfe6ef; border-radius:14px; background:#f8faff; }
#pdf-to-images .pdf-images-file-summary { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid #dfe6ef; }
#pdf-to-images .pdf-images-file-summary>.material-icons { display:grid; width:42px; height:42px; place-items:center; border-radius:10px; background:#eef4ff; color:#2563eb; }
#pdf-to-images .pdf-images-file-summary>div { display:grid; min-width:0; }
#pdf-to-images #pdf-image-filename { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#pdf-to-images #pdf-image-page-count { color:#64748b; font-size:13px; }
#pdf-to-images .pdf-images-setting-fields { display:grid; grid-template-columns:minmax(150px,1fr) minmax(180px,1fr) auto; align-items:end; gap:14px; padding-top:18px; }
#pdf-to-images .pdf-images-setting-fields h2 { grid-column:1/-1; margin:0; font-size:18px; }
#pdf-to-images .pdf-images-setting-fields label { display:grid; gap:5px; color:#45566d; font-size:13px; font-weight:650; }
#pdf-to-images .pdf-images-setting-fields select { width:100%; min-height:42px; padding:8px 34px 8px 10px; border:1px solid #b9c6d6; border-radius:8px; background:#fff; color:#182b45; }
#pdf-to-images .pdf-images-status { min-height:1.5em; margin:15px 0; color:#52657d; }
#pdf-to-images .pdf-images-status[data-kind="success"] { color:#08745f; }
#pdf-to-images .pdf-images-status[data-kind="error"] { color:#b42318; }
#pdf-to-images .pdf-images-pages { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:16px; }
#pdf-to-images .pdf-image-page-card { min-width:0; overflow:hidden; border:1px solid #dfe6ef; border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(28,55,94,.05); }
#pdf-to-images .pdf-image-page-preview { display:grid; min-height:245px; place-items:center; padding:14px; background:#edf1f6; }
#pdf-to-images .pdf-image-page-preview>* { grid-area:1/1; }
#pdf-to-images .pdf-image-page-preview img { max-width:100%; max-height:245px; background:#fff; box-shadow:0 2px 9px rgba(25,45,70,.16); }
#pdf-to-images .pdf-image-page-placeholder { color:#748399; font-size:13px; text-align:center; }
#pdf-to-images .pdf-image-page-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px; }
#pdf-to-images .pdf-image-page-footer .pdf-images-secondary-button { min-height:36px; padding:6px 10px; font-size:13px; }
#pdf-to-images .pdf-image-page-footer .material-icons { font-size:18px; }
#pdf-to-images .pdf-images-guide { margin-top:38px; padding:24px; border:1px solid #e3e9f0; border-radius:16px; background:#f8faff; }
#pdf-to-images .pdf-images-guide>h2 { margin:0 0 18px; font-size:22px; }
#pdf-to-images .pdf-images-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#pdf-to-images .pdf-images-guide-grid section { padding:20px; border:1px solid #e1e8f0; border-radius:12px; background:#fff; }
#pdf-to-images .pdf-images-guide-grid h3 { margin:0 0 10px; font-size:17px; }
#pdf-to-images .pdf-images-guide-grid :is(ol,ul) { margin:0; padding-inline-start:21px; }
#pdf-to-images .pdf-images-guide-grid li+li { margin-top:7px; }
#pdf-to-images .pdf-images-faq { grid-column:1/-1; }
#pdf-to-images .pdf-images-faq-item { padding:16px 2px; border-top:1px solid #dce4ed; }
#pdf-to-images .pdf-images-faq-item:last-child { border-bottom:1px solid #dce4ed; }
#pdf-to-images .pdf-images-faq-row { display:grid; grid-template-columns:26px minmax(0,1fr); align-items:start; gap:10px; }
#pdf-to-images .pdf-images-faq-answer { margin-top:9px; }
#pdf-to-images .pdf-images-faq-mark { display:grid; width:26px; height:26px; place-items:center; border-radius:7px; background:#e6f0ff; color:#1769e0; font:800 13px/1 Arial,sans-serif; }
#pdf-to-images .pdf-images-faq-answer .pdf-images-faq-mark { background:#e6f6ef; color:#087f5b; }
#pdf-to-images .pdf-images-faq-item h4 { margin:2px 0 0; color:#243d5d; font-size:14px; line-height:1.6; }
#pdf-to-images .pdf-images-faq-item p { margin:1px 0 0; }
@media (max-width: 700px) {
  #pdf-to-images .pdf-images-drop { grid-template-columns:auto minmax(0,1fr); padding:18px; }
  #pdf-to-images .pdf-images-drop .pdf-images-primary-button { grid-column:1/-1; width:100%; }
  #pdf-to-images .pdf-images-setting-fields { grid-template-columns:minmax(0,1fr); }
  #pdf-to-images .pdf-images-setting-fields h2 { grid-column:auto; }
  #pdf-to-images #pdf-image-download-all { width:100%; }
  #pdf-to-images .pdf-images-guide-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 460px) {
  #pdf-to-images .pdf-images-file-summary { grid-template-columns:auto minmax(0,1fr); }
  #pdf-to-images .pdf-images-file-summary .pdf-images-secondary-button { grid-column:1/-1; width:100%; }
  #pdf-to-images .pdf-images-pages { grid-template-columns:minmax(0,1fr); }
}