#pdf-split { color:#182b45; }
#pdf-split .pdf-split-privacy { display:flex; align-items:center; gap:7px; margin:0 0 14px; color:#52657d; font-size:14px; }
#pdf-split .pdf-split-privacy .material-icons { color:#16836e; font-size:19px; }
#pdf-split .pdf-split-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-split .pdf-split-drop.is-dragging { border-color:#2563eb; background:#edf4ff; }
#pdf-split .pdf-split-drop-icon { display:grid; width:52px; height:52px; place-items:center; border-radius:12px; background:#e7efff; color:#2563eb; font-size:29px; }
#pdf-split .pdf-split-drop p { margin:0; }
#pdf-split .pdf-split-drop-title { font-weight:750; }
#pdf-split .pdf-split-drop-note { margin-top:3px!important; color:#64748b; font-size:13px; }
#pdf-split .pdf-split-primary-button,#pdf-split .pdf-split-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:inherit; font-weight:700; line-height:1.2; text-decoration:none; cursor:pointer; }
#pdf-split .pdf-split-primary-button { background:#2563eb; color:#fff; }
#pdf-split .pdf-split-primary-button:hover:not(:disabled) { background:#174eb6; }
#pdf-split .pdf-split-secondary-button { background:#fff; color:#2563eb; }
#pdf-split button:disabled { cursor:not-allowed; opacity:.5; }
#pdf-split :is(button,input,label[for]):focus-visible { outline:3px solid #8ab0f8; outline-offset:3px; }
#pdf-split .pdf-split-workspace { margin-top:24px; }
#pdf-split .pdf-split-settings { padding:20px; border:1px solid #dfe6ef; border-radius:14px; background:#f8faff; }
#pdf-split .pdf-split-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-split .pdf-split-file-summary>.material-icons { display:grid; width:42px; height:42px; place-items:center; border-radius:10px; background:#eef4ff; color:#2563eb; }
#pdf-split .pdf-split-file-summary>div { display:grid; min-width:0; }
#pdf-split #pdf-split-filename { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#pdf-split #pdf-split-page-count { color:#64748b; font-size:13px; }
#pdf-split .pdf-split-controls { display:flex; align-items:flex-end; gap:12px; padding-top:18px; }
#pdf-split .pdf-split-controls fieldset { display:flex; flex:1; flex-wrap:wrap; gap:10px 18px; margin:0; padding:0; border:0; }
#pdf-split .pdf-split-controls legend { width:100%; margin-bottom:7px; font-size:17px; font-weight:750; }
#pdf-split .pdf-split-controls fieldset label { display:flex; align-items:center; gap:7px; min-height:36px; }
#pdf-split .pdf-split-controls input { accent-color:#2563eb; }
#pdf-split .pdf-split-save-settings { position:relative; }
#pdf-split .pdf-split-save-settings .material-icons { font-size:20px; }
#pdf-split .pdf-split-save-settings i { display:none; width:7px; height:7px; border-radius:50%; background:#1769ce; }
#pdf-split .pdf-split-save-settings.is-active { border-color:#78a9e7; background:#e6f0ff; color:#1459a7; }
#pdf-split .pdf-split-save-settings.is-active i { display:block; }
#pdf-split .pdf-split-status { min-height:1.5em; margin:15px 0; color:#52657d; }
#pdf-split .pdf-split-status[data-kind="success"] { color:#08745f; }
#pdf-split .pdf-split-status[data-kind="error"] { color:#b42318; }
#pdf-split .pdf-split-pages { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:16px; }
#pdf-split .pdf-split-page-card { position:relative; min-width:0; overflow:hidden; padding:12px; border:1px solid #dfe6ef; border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(28,55,94,.05); }
#pdf-split .pdf-split-page-card.has-break { border-bottom:4px solid #2563eb; padding-bottom:9px; }
#pdf-split .pdf-split-preview { display:grid; min-height:230px; place-items:center; margin:-12px -12px 10px; padding:12px; background:#edf1f6; }
#pdf-split .pdf-split-preview>* { grid-area:1/1; }
#pdf-split .pdf-split-preview img { max-width:100%; max-height:230px; background:#fff; box-shadow:0 2px 9px rgba(25,45,70,.16); }
#pdf-split .pdf-split-placeholder { color:#748399; font-size:13px; text-align:center; }
#pdf-split .pdf-split-page-card strong { display:block; margin-bottom:9px; }
#pdf-split .pdf-split-break { width:100%; min-height:38px; padding:7px 9px; border:1px dashed #8eadcf; border-radius:7px; background:#f7faff; color:#315b89; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
#pdf-split .pdf-split-break[aria-pressed="true"] { border-style:solid; border-color:#2563eb; background:#e8f1ff; color:#1557aa; }
#pdf-split .pdf-split-output { margin-top:24px; padding:20px; border:1px solid #dfe6ef; border-radius:14px; background:#f8faff; }
#pdf-split .pdf-split-output>div:first-child { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
#pdf-split .pdf-split-output h2 { margin:0; font-size:19px; }
#pdf-split #pdf-split-output-count { color:#64748b; font-size:13px; }
#pdf-split .pdf-split-output ol { display:grid; gap:8px; margin:16px 0; padding:0; list-style:none; }
#pdf-split .pdf-split-output li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid #dde5ee; border-radius:9px; background:#fff; }
#pdf-split .pdf-split-part-save { min-height:36px; padding:6px 11px; font-size:13px; }
#pdf-split .pdf-split-output-actions { display:flex; justify-content:flex-end; gap:10px; }
#pdf-split .pdf-split-guide { margin-top:38px; padding:24px; border:1px solid #e3e9f0; border-radius:16px; background:#f8faff; }
#pdf-split .pdf-split-guide>h2 { margin:0 0 18px; font-size:22px; }
#pdf-split .pdf-split-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#pdf-split .pdf-split-guide-grid>section { padding:20px; border:1px solid #e1e8f0; border-radius:12px; background:#fff; }
#pdf-split .pdf-split-guide-grid h3 { margin:0 0 10px; font-size:17px; }
#pdf-split .pdf-split-guide-grid :is(p,ol,ul) { margin:0; }
#pdf-split .pdf-split-guide-grid :is(ol,ul) { padding-inline-start:21px; }
#pdf-split .pdf-split-guide-grid li+li { margin-top:7px; }
#pdf-split .pdf-split-faq { grid-column:1/-1; }
#pdf-split .pdf-split-faq-item { padding:16px 2px; border-top:1px solid #dce4ed; }
#pdf-split .pdf-split-faq-item:last-child { border-bottom:1px solid #dce4ed; }
#pdf-split .pdf-split-faq-row { display:grid; grid-template-columns:26px minmax(0,1fr); align-items:start; gap:10px; }
#pdf-split .pdf-split-faq-answer { margin-top:9px; }
#pdf-split .pdf-split-faq-row>span { display:grid; width:26px; height:26px; place-items:center; border-radius:7px; background:#e6f0ff; color:#1769e0; font:800 13px/1 Arial,sans-serif; }
#pdf-split .pdf-split-faq-answer>span { background:#e6f6ef; color:#087f5b; }
#pdf-split .pdf-split-faq-item h4 { margin:2px 0 0; color:#243d5d; font-size:14px; line-height:1.6; }
@media (max-width:700px) {
  #pdf-split .pdf-split-drop { grid-template-columns:auto minmax(0,1fr); padding:18px; }
  #pdf-split .pdf-split-drop .pdf-split-primary-button { grid-column:1/-1; width:100%; }
  #pdf-split .pdf-split-controls { align-items:stretch; flex-direction:column; }
  #pdf-split .pdf-split-controls>.pdf-split-secondary-button { width:100%; }
  #pdf-split .pdf-split-guide-grid { grid-template-columns:minmax(0,1fr); }
  #pdf-split .pdf-split-faq { grid-column:auto; }
}
@media (max-width:460px) {
  #pdf-split .pdf-split-file-summary { grid-template-columns:auto minmax(0,1fr); }
  #pdf-split .pdf-split-file-summary .pdf-split-secondary-button { grid-column:1/-1; width:100%; }
  #pdf-split .pdf-split-pages { grid-template-columns:minmax(0,1fr); }
  #pdf-split .pdf-split-output li { align-items:stretch; flex-direction:column; }
  #pdf-split .pdf-split-part-save { width:100%; }
  #pdf-split .pdf-split-output-actions { display:grid; grid-template-columns:1fr; }
}
@media (max-height:600px) and (min-width:701px) {
  #pdf-split .pdf-split-preview { min-height:170px; }
  #pdf-split .pdf-split-preview img { max-height:170px; }
}