/* ==================================================
   NUJIZ HEADER + FOOTER PROFESSIONAL V2
   ================================================== */

/* ---------- HEADER ---------- */

.site-header{
    position:sticky !important;
    top:0;
    z-index:9999;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(70,48,140,.10) !important;
    box-shadow:0 8px 30px rgba(15,23,42,.07) !important;
}

.site-header .header-inner{
    min-height:82px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:28px !important;
}

/* Logo */
.site-header .brand{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    text-decoration:none !important;
}

.site-header .brand-mark{
    width:52px !important;
    height:52px !important;
    border-radius:16px !important;
    display:grid !important;
    place-items:center !important;
    box-shadow:0 10px 30px rgba(104,63,235,.20) !important;
    transition:transform .25s ease,box-shadow .25s ease;
}

.site-header .brand:hover .brand-mark{
    transform:translateY(-2px) scale(1.02);
    box-shadow:0 14px 34px rgba(104,63,235,.27) !important;
}

.site-header .brand-copy strong{
    color:#14213a !important;
    -webkit-text-fill-color:#14213a !important;
    font-weight:900 !important;
}

.site-header .brand-copy small{
    color:#64748b !important;
    -webkit-text-fill-color:#64748b !important;
    opacity:1 !important;
}

/* Navigation */
.site-header nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
}

.site-header nav a{
    position:relative;
    padding:11px 14px !important;
    border-radius:12px !important;
    color:#273449 !important;
    -webkit-text-fill-color:#273449 !important;
    font-weight:800 !important;
    text-decoration:none !important;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease !important;
}

.site-header nav a:hover{
    background:#f3efff !important;
    color:#663de7 !important;
    -webkit-text-fill-color:#663de7 !important;
    transform:translateY(-1px);
}

.site-header nav a::after{
    content:"";
    position:absolute;
    right:50%;
    bottom:5px;
    width:0;
    height:2px;
    border-radius:10px;
    background:#6e43ed;
    transform:translateX(50%);
    transition:width .2s ease;
}

.site-header nav a:hover::after{
    width:22px;
}

/* Header buttons */
.site-header .header-actions{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.site-header .header-actions a{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:13px !important;
    padding:0 17px !important;
    font-weight:900 !important;
    transition:.2s ease !important;
}


/* ---------- FOOTER ---------- */

.site-footer{
    position:relative !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 85% -10%,rgba(118,74,247,.26),transparent 32%),
        radial-gradient(circle at 8% 115%,rgba(190,255,67,.09),transparent 28%),
        linear-gradient(145deg,#0b1d37,#0d2748) !important;

    padding:70px 0 0 !important;
    border-top:0 !important;
}

/* Gradient line */
.site-footer::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:linear-gradient(
        90deg,
        #6439e8,
        #9272ff,
        #c4ff4d
    );
}

/* subtle glow */
.site-footer::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(112,69,238,.08);
    filter:blur(10px);
    left:-120px;
    top:-160px;
    pointer-events:none;
}

.site-footer .footer-grid{
    position:relative;
    z-index:2;

    display:grid !important;
    grid-template-columns:1.45fr 1fr 1fr 1fr !important;
    gap:54px !important;
    align-items:start !important;
}

/* Footer logo section */
.site-footer .footer-about{
    max-width:400px !important;
}

.site-footer .brand{
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    margin-bottom:20px !important;
    text-decoration:none !important;
}

.site-footer .brand-mark{
    width:56px !important;
    height:56px !important;
    border-radius:18px !important;
    box-shadow:0 14px 35px rgba(115,70,240,.25) !important;
}

.site-footer .brand-copy strong{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:20px !important;
    font-weight:900 !important;
}

.site-footer .brand-copy small{
    color:#cbd6e4 !important;
    -webkit-text-fill-color:#cbd6e4 !important;
    opacity:1 !important;
}

.site-footer .footer-about p{
    color:#d4deea !important;
    -webkit-text-fill-color:#d4deea !important;
    opacity:1 !important;
    font-size:14px !important;
    line-height:1.9 !important;
}

/* Footer columns */
.site-footer .footer-col h3{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:16px !important;
    font-weight:900 !important;
    margin:0 0 18px !important;
}

.site-footer .footer-col a{
    position:relative;
    display:block !important;
    width:max-content;
    max-width:100%;

    margin:11px 0 !important;
    color:#d9e3ef !important;
    -webkit-text-fill-color:#d9e3ef !important;
    opacity:1 !important;
    text-decoration:none !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}

.site-footer .footer-col a:hover{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    transform:translateX(-4px);
}

/* Footer bottom */
.site-footer .footer-base{
    position:relative;
    z-index:2;

    margin-top:52px !important;
    padding:24px 0 !important;

    border-top:1px solid rgba(255,255,255,.11) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:22px !important;
}

.site-footer .footer-base,
.site-footer .footer-base span{
    color:#aebdd0 !important;
    -webkit-text-fill-color:#aebdd0 !important;
    opacity:1 !important;
    font-size:13px !important;
}


/* ---------- TABLET ---------- */

@media(max-width:950px){

    .site-header .header-inner{
        gap:15px !important;
    }

    .site-header nav{
        overflow-x:auto !important;
        justify-content:flex-start !important;
        scrollbar-width:none;
    }

    .site-header nav::-webkit-scrollbar{
        display:none;
    }

    .site-header nav a{
        white-space:nowrap;
        padding:10px 11px !important;
        font-size:13px !important;
    }

    .site-footer .footer-grid{
        grid-template-columns:1fr 1fr !important;
        gap:36px !important;
    }
}


/* ---------- MOBILE ---------- */

@media(max-width:650px){

    .site-header .header-inner{
        min-height:70px !important;
    }

    .site-header .brand-copy{
        display:none !important;
    }

    .site-header .brand-mark{
        width:46px !important;
        height:46px !important;
    }

    .site-footer{
        padding-top:48px !important;
    }

    .site-footer .footer-grid{
        grid-template-columns:1fr !important;
        gap:30px !important;
    }

    .site-footer .footer-base{
        margin-top:36px !important;
        flex-direction:column !important;
        align-items:flex-start !important;
    }
}


.merge-pdf-panel{
  max-width:790px;
  margin:18px auto 0;
  direction:rtl;
}

.merge-pdf-list{
  display:grid;
  gap:10px;
}

.merge-pdf-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border:1px solid #e7e5f4;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 18px rgba(44,32,90,.05);
}

.merge-file-info{
  min-width:0;
}

.merge-file-info strong{
  display:block;
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.merge-file-info small{
  display:block;
  margin-top:4px;
  color:#85829a;
}

.merge-file-controls{
  display:flex;
  gap:6px;
  flex-shrink:0;
}

.merge-file-controls button,
.merge-pdf-actions button{
  border:1px solid #ded8f8;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  min-height:38px;
  padding:7px 12px;
}

.merge-file-controls button:hover{
  background:#f5f2ff;
}

.merge-pdf-actions{
  display:flex;
  gap:10px;
  margin-top:14px;
}

#mergePdfAdd,
#mergePdfRun{
  flex:1;
  font-weight:700;
}

#mergePdfRun{
  background:#7147f7;
  color:#fff;
  border-color:#7147f7;
}

#mergePdfRun:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.merge-pdf-status{
  text-align:center;
  min-height:24px;
  margin-top:12px;
  font-size:14px;
}

@media(max-width:680px){
  .merge-pdf-item{
    align-items:flex-start;
    flex-direction:column;
  }

  .merge-file-controls{
    width:100%;
  }

  .merge-file-controls button{
    flex:1;
  }

  .merge-pdf-actions{
    flex-direction:column;
  }
}

/* ===== Professional Merge PDF UI ===== */

.merge-pdf-panel{
  max-width:760px !important;
  margin:22px auto 0 !important;
  padding:0 18px 18px !important;
  direction:rtl !important;
  font-family:inherit !important;
}

.merge-pdf-list{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin-bottom:16px !important;
}

.merge-pdf-item{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;

  background:#ffffff !important;
  border:1px solid rgba(112,71,247,.16) !important;
  border-radius:16px !important;

  padding:14px 16px !important;

  box-shadow:
    0 6px 20px rgba(32,24,74,.06) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

.merge-pdf-item:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(112,71,247,.30) !important;
  box-shadow:
    0 10px 28px rgba(32,24,74,.09) !important;
}

.merge-file-info{
  flex:1 !important;
  min-width:0 !important;
  text-align:right !important;
}

.merge-file-info strong{
  display:block !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#171526 !important;
  line-height:1.5 !important;

  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.merge-file-info small{
  display:block !important;
  margin-top:4px !important;
  font-size:12px !important;
  color:#9691a8 !important;
}

.merge-file-controls{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-shrink:0 !important;
}

.merge-file-controls button{
  appearance:none !important;
  -webkit-appearance:none !important;

  width:38px !important;
  height:38px !important;
  min-width:38px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;
  margin:0 !important;

  border:1px solid #e1dcf7 !important;
  border-radius:10px !important;

  background:#f8f6ff !important;
  color:#5031b7 !important;

  font-size:16px !important;
  font-weight:800 !important;
  line-height:1 !important;

  cursor:pointer !important;

  box-shadow:none !important;

  transition:
    background .16s ease,
    border-color .16s ease,
    transform .16s ease !important;
}

.merge-file-controls button:hover:not(:disabled){
  background:#eee9ff !important;
  border-color:#b9a9ff !important;
  transform:translateY(-1px) !important;
}

.merge-file-controls button[data-remove]{
  width:auto !important;
  min-width:62px !important;
  padding:0 13px !important;

  background:#fff5f5 !important;
  border-color:#ffd4d4 !important;
  color:#ba3030 !important;

  font-size:12px !important;
}

.merge-file-controls button[data-remove]:hover{
  background:#ffecec !important;
  border-color:#ffbcbc !important;
}

.merge-file-controls button:disabled{
  opacity:.32 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

.merge-pdf-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-top:16px !important;
}

.merge-pdf-actions button{
  appearance:none !important;
  -webkit-appearance:none !important;

  min-height:50px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:12px 18px !important;

  border-radius:13px !important;

  font-family:inherit !important;
  font-size:14px !important;
  font-weight:800 !important;

  cursor:pointer !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    opacity .18s ease !important;
}

#mergePdfAdd{
  background:#fff !important;
  border:1px solid #dcd4ff !important;
  color:#603ad6 !important;

  box-shadow:
    0 5px 16px rgba(89,57,190,.06) !important;
}

#mergePdfAdd:hover{
  transform:translateY(-1px) !important;
  background:#faf8ff !important;
  border-color:#bbaaff !important;
}

#mergePdfRun{
  border:0 !important;

  background:
    linear-gradient(135deg,#6f46f6,#875af8) !important;

  color:#fff !important;

  box-shadow:
    0 10px 24px rgba(111,70,246,.24) !important;
}

#mergePdfRun:hover:not(:disabled){
  transform:translateY(-1px) !important;

  box-shadow:
    0 13px 30px rgba(111,70,246,.31) !important;
}

#mergePdfRun:disabled{
  opacity:.42 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
}

.merge-pdf-status{
  min-height:24px !important;
  margin-top:13px !important;

  text-align:center !important;

  font-size:13px !important;
  font-weight:600 !important;
  color:#676078 !important;
}

/* mobile */
@media(max-width:680px){

  .merge-pdf-panel{
    padding:0 10px 16px !important;
  }

  .merge-pdf-item{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .merge-file-controls{
    width:100% !important;
  }

  .merge-file-controls button{
    flex:1 !important;
    width:auto !important;
  }

  .merge-pdf-actions{
    grid-template-columns:1fr !important;
  }
}

/* ===== Split PDF Pro ===== */

.split-pdf-panel{
  max-width:760px;
  margin:20px auto 0;
  padding:0 18px 20px;
  direction:rtl;
}

.split-pdf-card{
  background:#fff;
  border:1px solid rgba(112,71,247,.16);
  border-radius:18px;
  padding:20px;
  box-shadow:0 10px 30px rgba(36,27,82,.07);
}

.split-pdf-mode{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:18px;
}

.split-mode-option{
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px;
  border:1px solid #e4dff7;
  border-radius:14px;
  cursor:pointer;
  background:#faf9ff;
  transition:.18s ease;
}

.split-mode-option.active{
  border-color:#7a52f7;
  background:#f5f1ff;
  box-shadow:0 6px 18px rgba(111,70,246,.08);
}

.split-mode-option input{
  accent-color:#754cf6;
}

.split-mode-option strong{
  display:block;
  font-size:14px;
  color:#171526;
}

.split-mode-option small{
  display:block;
  margin-top:3px;
  font-size:12px;
  color:#928da3;
}

.split-range-wrap{
  margin-bottom:16px;
}

.split-range-wrap label{
  display:block;
  margin-bottom:7px;
  font-size:13px;
  font-weight:800;
  color:#242034;
}

#splitPdfRange{
  width:100%;
  min-height:48px;
  border:1px solid #ded8f7;
  border-radius:12px;
  padding:10px 14px;
  font-family:inherit;
  font-size:14px;
  outline:none;
  box-sizing:border-box;
}

#splitPdfRange:focus{
  border-color:#7850f5;
  box-shadow:0 0 0 3px rgba(120,80,245,.09);
}

#splitPdfInfo{
  display:block;
  margin-top:7px;
  color:#918ba1;
  font-size:12px;
}

#splitPdfRun{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#6f46f6,#895df8);
  color:#fff;
  font-family:inherit;
  font-weight:800;
  font-size:15px;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(111,70,246,.24);
}

#splitPdfRun:disabled{
  opacity:.42;
  cursor:not-allowed;
  box-shadow:none;
}

.split-pdf-status{
  min-height:22px;
  margin-top:12px;
  text-align:center;
  font-size:13px;
  font-weight:600;
  color:#686177;
}

@media(max-width:680px){
  .split-pdf-mode{
    grid-template-columns:1fr;
  }

  .split-pdf-panel{
    padding:0 10px 16px;
  }
}

/* ===== Split PDF Premium UI FIX ===== */

.split-pdf-panel{
  max-width:760px !important;
  margin:24px auto 0 !important;
  padding:0 18px 22px !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}

.split-pdf-card{
  background:#ffffff !important;
  border:1px solid rgba(112,71,247,.14) !important;
  border-radius:20px !important;
  padding:22px !important;
  box-shadow:0 14px 38px rgba(43,31,91,.08) !important;
}

.split-pdf-mode{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-bottom:20px !important;
}

.split-mode-option{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:72px !important;
  padding:15px 16px !important;
  border:1px solid #e3def5 !important;
  border-radius:15px !important;
  background:#faf9ff !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
  transition:.18s ease !important;
}

.split-mode-option:hover{
  border-color:#bcaaff !important;
  background:#f7f4ff !important;
}

.split-mode-option.active{
  border-color:#7650f4 !important;
  background:linear-gradient(180deg,#f8f5ff,#f3efff) !important;
  box-shadow:0 7px 20px rgba(111,70,246,.09) !important;
}

.split-mode-option input{
  width:18px !important;
  height:18px !important;
  flex:0 0 auto !important;
  margin:0 !important;
  accent-color:#7048f5 !important;
}

.split-mode-option span{
  display:block !important;
  text-align:right !important;
  min-width:0 !important;
}

.split-mode-option strong{
  display:block !important;
  color:#171526 !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.5 !important;
}

.split-mode-option small{
  display:block !important;
  margin-top:4px !important;
  color:#918ca1 !important;
  font-size:12px !important;
  line-height:1.5 !important;
}

.split-range-wrap{
  display:block !important;
  margin:0 0 18px !important;
  padding:0 !important;
}

.split-range-wrap label{
  display:block !important;
  margin-bottom:8px !important;
  color:#201c31 !important;
  font-size:13px !important;
  font-weight:800 !important;
}

#splitPdfRange{
  appearance:none !important;
  -webkit-appearance:none !important;

  display:block !important;
  width:100% !important;
  height:52px !important;
  min-height:52px !important;

  margin:0 !important;
  padding:0 15px !important;

  border:1px solid #ddd7f3 !important;
  border-radius:13px !important;
  outline:none !important;

  background:#fff !important;
  color:#171526 !important;

  font-family:inherit !important;
  font-size:14px !important;
  font-weight:600 !important;

  box-sizing:border-box !important;

  transition:border-color .18s ease, box-shadow .18s ease !important;
}

#splitPdfRange::placeholder{
  color:#aaa5b6 !important;
  opacity:1 !important;
}

#splitPdfRange:focus{
  border-color:#7650f4 !important;
  box-shadow:0 0 0 4px rgba(118,80,244,.09) !important;
}

#splitPdfRange:disabled{
  background:#f5f3f8 !important;
  opacity:.65 !important;
  cursor:not-allowed !important;
}

#splitPdfInfo{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:20px !important;
  margin-top:8px !important;

  color:#8b8599 !important;
  font-size:12px !important;
  font-weight:500 !important;
}

#splitPdfRun{
  appearance:none !important;
  -webkit-appearance:none !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  min-height:54px !important;

  padding:13px 18px !important;
  margin:0 !important;

  border:0 !important;
  border-radius:14px !important;

  background:linear-gradient(135deg,#6b43f4,#875af8) !important;
  color:#fff !important;

  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;

  box-shadow:0 11px 26px rgba(108,67,244,.25) !important;

  cursor:pointer !important;

  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}

#splitPdfRun:hover:not(:disabled){
  transform:translateY(-1px) !important;
  box-shadow:0 14px 32px rgba(108,67,244,.32) !important;
}

#splitPdfRun:disabled{
  opacity:.42 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
}

.split-pdf-status{
  display:block !important;
  min-height:24px !important;
  margin-top:12px !important;
  text-align:center !important;

  color:#675f76 !important;
  font-size:13px !important;
  font-weight:600 !important;
}

/* منع عناصر أداة التقسيم من الاندماج مع صندوق الرفع */
.pdf-drop + .split-pdf-panel{
  clear:both !important;
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:680px){

  .split-pdf-panel{
    padding:0 10px 18px !important;
    margin-top:18px !important;
  }

  .split-pdf-card{
    padding:16px !important;
    border-radius:16px !important;
  }

  .split-pdf-mode{
    grid-template-columns:1fr !important;
  }

  .split-mode-option{
    min-height:68px !important;
  }
}

/* ===== Split PDF file information ===== */

.split-pdf-file-info{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;

  margin-top:12px !important;
  padding:12px 14px !important;

  background:#f8f6ff !important;
  border:1px solid #e3dcff !important;
  border-radius:13px !important;

  text-align:right !important;
}

.split-info-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:11px !important;

  background:linear-gradient(135deg,#7048f5,#895df8) !important;
  color:#fff !important;

  font-size:11px !important;
  font-weight:900 !important;
}

.split-pdf-file-info > div:last-child{
  min-width:0 !important;
}

.split-pdf-file-info small{
  display:block !important;
  margin:0 0 3px !important;

  color:#918aa2 !important;
  font-size:11px !important;
}

.split-pdf-file-info strong{
  display:block !important;

  color:#211b32 !important;
  font-size:14px !important;
  font-weight:800 !important;
}

/* ===== PDF Text Dialog ===== */

.pdf-text-dialog-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(10,15,32,.56);
  backdrop-filter:blur(6px);
}

.pdf-text-dialog{
  position:relative;
  width:min(460px,100%);
  padding:28px;
  border:1px solid rgba(116,77,246,.18);
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,19,40,.25);
  text-align:start;
  direction:inherit;
}

.pdf-text-dialog-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  margin-bottom:16px;
  border-radius:14px;
  background:linear-gradient(135deg,#7048f5,#8b61ff);
  color:#fff;
  font-size:20px;
  font-weight:900;
}

.pdf-text-dialog h3{
  margin:0 0 14px;
  color:#171526;
  font-size:20px;
  font-weight:800;
}

.pdf-text-dialog-input{
  width:100%;
  min-height:120px;
  resize:vertical;
  box-sizing:border-box;
  padding:14px 15px;
  border:1px solid #ded8f4;
  border-radius:14px;
  outline:none;
  background:#fbfaff;
  color:#171526;
  font-family:inherit;
  font-size:14px;
  line-height:1.7;
}

.pdf-text-dialog-input:focus{
  border-color:#7550f5;
  box-shadow:0 0 0 4px rgba(117,80,245,.09);
  background:#fff;
}

.pdf-text-dialog-actions{
  display:flex;
  gap:10px;
  margin-top:18px;
}

.pdf-text-dialog-actions button{
  min-height:46px;
  padding:0 18px;
  border-radius:12px;
  font-family:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}

.pdf-text-dialog-cancel{
  flex:1;
  border:1px solid #ddd8ee;
  background:#fff;
  color:#393348;
}

.pdf-text-dialog-confirm{
  flex:2;
  border:0;
  background:linear-gradient(135deg,#7048f5,#895df8);
  color:#fff;
  box-shadow:0 9px 22px rgba(112,72,245,.22);
}

.pdf-text-dialog-close{
  position:absolute;
  top:14px;
  inset-inline-end:14px;
  width:34px;
  height:34px;
  border:0;
  border-radius:10px;
  background:#f5f3fb;
  color:#5f586d;
  font-size:20px;
  cursor:pointer;
}

@media(max-width:600px){
  .pdf-text-dialog{
    padding:20px;
    border-radius:18px;
  }

  .pdf-text-dialog-actions{
    flex-direction:column-reverse;
  }

  .pdf-text-dialog-actions button{
    width:100%;
  }
}


/* ===== COMPRESS PDF PRO ===== */

.compress-pdf-panel{
  width:min(100%,760px);
  margin:18px auto 0;
  padding:24px;
  box-sizing:border-box;
  border:1px solid #e5e0f5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 45px rgba(35,28,70,.07);
  text-align:start;
}

.compress-pdf-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:20px;
}

.compress-pdf-kicker{
  display:inline-block;
  margin-bottom:5px;
  color:#7251f4;
  font-size:12px;
  font-weight:800;
}

.compress-pdf-head h3{
  margin:0 0 5px;
  color:#171526;
  font-size:20px;
  font-weight:900;
}

.compress-pdf-head p{
  margin:0;
  color:#777287;
  font-size:13px;
  line-height:1.7;
}

.compress-pdf-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:16px;
  background:linear-gradient(135deg,#6f49f5,#8d65ff);
  color:#fff;
  font-weight:900;
  box-shadow:0 10px 25px rgba(111,73,245,.22);
}

.compress-level-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.compress-level-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:88px;
  padding:14px;
  box-sizing:border-box;
  border:1px solid #e5e0f3;
  border-radius:15px;
  background:#fcfbff;
  cursor:pointer;
  transition:.2s ease;
}

.compress-level-option:hover{
  border-color:#b8a6fb;
  transform:translateY(-1px);
}

.compress-level-option.active{
  border-color:#7652f6;
  background:#f8f5ff;
  box-shadow:0 0 0 3px rgba(118,82,246,.06);
}

.compress-level-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.compress-level-radio{
  width:17px;
  height:17px;
  flex:0 0 17px;
  border:2px solid #c6bddf;
  border-radius:50%;
  box-sizing:border-box;
}

.compress-level-option.active
.compress-level-radio{
  border:5px solid #7550f5;
}

.compress-level-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.compress-level-copy strong{
  color:#201b2e;
  font-size:13px;
}

.compress-level-copy small{
  color:#817b8d;
  font-size:11px;
  line-height:1.5;
}

.compress-recommended{
  position:absolute;
  top:-8px;
  inset-inline-end:10px;
  padding:4px 8px;
  border-radius:20px;
  background:#7550f5;
  color:#fff;
  font-size:9px;
  font-weight:800;
}

.compress-pdf-info{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:16px 0;
}

.compress-pdf-info > div{
  padding:12px;
  border:1px solid #eeeaf8;
  border-radius:13px;
  background:#faf9fd;
}

.compress-pdf-info span,
.compress-pdf-info strong{
  display:block;
}

.compress-pdf-info span{
  margin-bottom:4px;
  color:#8a8497;
  font-size:10px;
}

.compress-pdf-info strong{
  color:#201b2d;
  font-size:13px;
}

.compress-pdf-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:50px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#7048f5,#8b61ff);
  color:#fff;
  font-family:inherit;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(112,72,245,.2);
}

.compress-pdf-button:disabled{
  cursor:not-allowed;
  opacity:.45;
  box-shadow:none;
}

.compress-button-icon{
  font-size:18px;
}

.compress-pdf-progress{
  margin-top:15px;
}

.compress-progress-track{
  width:100%;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#eeeaf9;
}

.compress-progress-track span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#7048f5,#9b76ff);
  transition:width .25s ease;
}

.compress-pdf-progress p{
  margin:8px 0 0;
  color:#777183;
  font-size:11px;
}

.compress-pdf-result{
  margin-top:14px;
  padding:14px 16px;
  border-radius:13px;
  font-size:12px;
}

.compress-pdf-result.success{
  border:1px solid #cde9db;
  background:#f4fbf7;
}

.compress-pdf-result.error{
  border:1px solid #f0d2d2;
  background:#fff6f6;
  color:#9d3737;
}

.compress-pdf-result strong,
.compress-pdf-result span,
.compress-pdf-result b,
.compress-pdf-result small{
  display:block;
}

.compress-pdf-result span{
  margin:5px 0;
}

@media(max-width:700px){

  .compress-pdf-panel{
    padding:17px;
    border-radius:18px;
  }

  .compress-level-grid{
    grid-template-columns:1fr;
  }

  .compress-pdf-info{
    grid-template-columns:1fr;
  }

  .compress-pdf-head{
    align-items:flex-start;
  }

}


/* ===== REORDER PDF PAGES ===== */

.reorder-pdf-panel{
  width:min(100%,900px);
  margin:20px auto 0;
  padding:24px;
  box-sizing:border-box;
  border:1px solid #e5e0f5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 48px rgba(31,25,65,.08);
}

.reorder-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:20px;
  text-align:start;
}

.reorder-kicker{
  display:block;
  margin-bottom:4px;
  color:#7450f5;
  font-size:11px;
  font-weight:900;
}

.reorder-head h3{
  margin:0 0 5px;
  color:#171526;
  font-size:21px;
  font-weight:900;
}

.reorder-head p{
  margin:0;
  color:#7b7588;
  font-size:12px;
  line-height:1.7;
}

.reorder-count{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:72px;
  height:64px;
  border-radius:16px;
  background:#f6f2ff;
  color:#7049f5;
}

.reorder-count strong{
  font-size:20px;
}

.reorder-count span{
  font-size:10px;
}

.reorder-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.reorder-page-card{
  position:relative;
  padding:10px;
  border:1px solid #e6e1f3;
  border-radius:16px;
  background:#fbfaff;
  cursor:grab;
  transition:.18s ease;
}

.reorder-page-card:hover{
  transform:translateY(-2px);
  border-color:#b9a8fa;
  box-shadow:0 10px 26px rgba(68,48,130,.08);
}

.reorder-page-card.dragging{
  opacity:.45;
  transform:scale(.97);
}

.reorder-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
}

.reorder-handle{
  color:#7b7390;
  font-size:18px;
  font-weight:900;
  cursor:grab;
  letter-spacing:-3px;
}

.reorder-position{
  display:flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:#744ff5;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.reorder-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
  overflow:hidden;
  border:1px solid #eeeaf7;
  border-radius:11px;
  background:#fff;
}

.reorder-preview canvas{
  display:block;
  max-width:100%;
  height:auto;
}

.reorder-loading{
  color:#9690a0;
  font-size:11px;
}

.reorder-page-label{
  padding-top:9px;
  text-align:center;
  color:#393347;
  font-size:11px;
  font-weight:800;
}

.reorder-actions{
  display:flex;
  gap:10px;
  margin-top:18px;
}

.reorder-actions button{
  min-height:48px;
  padding:0 18px;
  border-radius:13px;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.reorder-primary{
  flex:2;
  border:0;
  background:linear-gradient(135deg,#7048f5,#8c62ff);
  color:#fff;
  box-shadow:0 10px 24px rgba(112,72,245,.2);
}

.reorder-secondary{
  flex:1;
  border:1px solid #ddd7ef;
  background:#fff;
  color:#393347;
}

.reorder-status{
  min-height:20px;
  padding-top:10px;
  color:#817a8e;
  font-size:11px;
  text-align:center;
}

@media(max-width:800px){
  .reorder-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:520px){
  .reorder-pdf-panel{
    padding:16px;
  }

  .reorder-grid{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .reorder-preview{
    min-height:130px;
  }

  .reorder-actions{
    flex-direction:column;
  }

  .reorder-actions button{
    width:100%;
  }
}

/* ===== DELETE PDF PAGES ===== */

.delete-pdf-panel{
  width:min(100%,900px);
  margin:20px auto 0;
  padding:24px;
  box-sizing:border-box;
  border:1px solid #e5e0f5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 48px rgba(31,25,65,.08);
}

.delete-pdf-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
  text-align:start;
}

.delete-pdf-kicker{
  color:#7450f5;
  font-size:11px;
  font-weight:900;
}

.delete-pdf-head h3{
  margin:5px 0;
  color:#171526;
  font-size:21px;
}

.delete-pdf-head p{
  margin:0;
  color:#7b7588;
  font-size:12px;
}

.delete-pdf-count{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:72px;
  height:64px;
  border-radius:16px;
  background:#fff0f0;
  color:#d62f3e;
}

.delete-pdf-count strong{
  font-size:20px;
}

.delete-pdf-count span{
  font-size:10px;
}

.delete-pdf-tools{
  display:flex;
  gap:8px;
  margin-bottom:15px;
}

.delete-pdf-tools button{
  padding:8px 13px;
  border:1px solid #e1dced;
  border-radius:10px;
  background:#fff;
  color:#494256;
  font-family:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.delete-pdf-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.delete-pdf-card{
  padding:10px;
  border:2px solid #e8e4f1;
  border-radius:16px;
  background:#fbfaff;
  cursor:pointer;
  transition:.18s ease;
  user-select:none;
}

.delete-pdf-card:hover{
  transform:translateY(-2px);
  border-color:#bbaafa;
}

.delete-pdf-card.selected-for-delete{
  border-color:#e74655;
  background:#fff3f4;
  box-shadow:0 8px 25px rgba(220,50,65,.12);
}

.delete-pdf-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
}

.delete-pdf-check{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border:1px solid #dcd5e8;
  border-radius:8px;
  background:#fff;
  color:#fff;
  font-size:15px;
  font-weight:900;
}

.selected-for-delete .delete-pdf-check{
  border-color:#e74655;
  background:#e74655;
}

.delete-pdf-page-number{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:8px;
  background:#744ff5;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.delete-pdf-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
  overflow:hidden;
  border:1px solid #eeeaf7;
  border-radius:11px;
  background:#fff;
}

.delete-pdf-preview canvas{
  display:block;
  max-width:100%;
  height:auto;
}

.delete-pdf-label{
  padding-top:9px;
  text-align:center;
  color:#393347;
  font-size:11px;
  font-weight:800;
}

.selected-for-delete .delete-pdf-label{
  color:#d62f3e;
}

.delete-pdf-actions{
  display:flex;
  gap:10px;
  margin-top:18px;
}

.delete-pdf-actions button{
  min-height:48px;
  padding:0 18px;
  border-radius:13px;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.delete-pdf-primary{
  flex:2;
  border:0;
  background:linear-gradient(135deg,#d93445,#ef5664);
  color:#fff;
}

.delete-pdf-primary:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.delete-pdf-secondary{
  flex:1;
  border:1px solid #ddd7ef;
  background:#fff;
  color:#393347;
}

.delete-pdf-status{
  min-height:20px;
  padding-top:10px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
}

@media(max-width:800px){
  .delete-pdf-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:520px){

  .delete-pdf-panel{
    padding:15px;
  }

  .delete-pdf-grid{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .delete-pdf-preview{
    min-height:130px;
  }

  .delete-pdf-actions{
    flex-direction:column;
  }

  .delete-pdf-actions button{
    width:100%;
  }
}

/* ===== ROTATE PDF PAGES ===== */

.rotate-pdf-panel{
  width:min(100%,900px);
  margin:20px auto 0;
  padding:24px;
  box-sizing:border-box;
  border:1px solid #e5e0f5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 48px rgba(31,25,65,.08);
}

.rotate-pdf-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
  text-align:start;
}

.rotate-pdf-kicker{
  color:#7450f5;
  font-size:11px;
  font-weight:900;
}

.rotate-pdf-head h3{
  margin:5px 0;
  color:#171526;
  font-size:21px;
}

.rotate-pdf-head p{
  margin:0;
  color:#7b7588;
  font-size:12px;
}

.rotate-selected-count{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:72px;
  height:64px;
  border-radius:16px;
  background:#f5f1ff;
  color:#7049f5;
}

.rotate-selected-count strong{
  font-size:20px;
}

.rotate-selected-count span{
  font-size:10px;
}

.rotate-pdf-controls{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
}

.rotate-pdf-controls button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:38px;
  padding:0 13px;
  border:1px solid #dfdaee;
  border-radius:10px;
  background:#fff;
  color:#393347;
  font-family:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.rotate-pdf-controls button:disabled{
  opacity:.4;
  cursor:not-allowed;
}

.rotate-direction{
  color:#7049f5 !important;
}

.rotate-control-separator{
  width:1px;
  height:26px;
  background:#e4dfed;
}

.rotate-pdf-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.rotate-pdf-card{
  padding:10px;
  border:2px solid #e8e4f1;
  border-radius:16px;
  background:#fbfaff;
  cursor:pointer;
  transition:.18s ease;
  user-select:none;
}

.rotate-pdf-card:hover{
  transform:translateY(-2px);
  border-color:#bbaafa;
}

.rotate-pdf-card.selected{
  border-color:#7450f5;
  background:#f7f4ff;
}

.rotate-pdf-card-top{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:8px;
}

.rotate-pdf-check{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border:1px solid #dcd5e8;
  border-radius:8px;
  background:#fff;
  color:#fff;
  font-size:14px;
  font-weight:900;
}

.rotate-pdf-card.selected
.rotate-pdf-check{
  border-color:#7450f5;
  background:#7450f5;
}

.rotate-pdf-angle{
  padding:5px 7px;
  border-radius:7px;
  background:#fff0c8;
  color:#876300;
  font-size:9px;
  font-weight:900;
}

.rotate-pdf-number{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  margin-inline-start:auto;
  border-radius:8px;
  background:#744ff5;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.rotate-pdf-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
  overflow:hidden;
  border:1px solid #eeeaf7;
  border-radius:11px;
  background:#fff;
}

.rotate-pdf-preview-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  transition:transform .25s ease;
}

.rotate-pdf-preview canvas{
  display:block;
  max-width:100%;
  height:auto;
}

.rotate-pdf-label{
  padding-top:9px;
  text-align:center;
  color:#393347;
  font-size:11px;
  font-weight:800;
}

.rotate-pdf-actions{
  display:flex;
  gap:10px;
  margin-top:18px;
}

.rotate-pdf-actions button{
  min-height:48px;
  padding:0 18px;
  border-radius:13px;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.rotate-pdf-primary{
  flex:2;
  border:0;
  background:linear-gradient(135deg,#7048f5,#8c62ff);
  color:#fff;
}

.rotate-pdf-secondary{
  flex:1;
  border:1px solid #ddd7ef;
  background:#fff;
  color:#393347;
}

.rotate-pdf-status{
  min-height:20px;
  padding-top:10px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
}

@media(max-width:800px){
  .rotate-pdf-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:520px){

  .rotate-pdf-panel{
    padding:15px;
  }

  .rotate-pdf-grid{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .rotate-pdf-preview{
    min-height:130px;
  }

  .rotate-pdf-actions{
    flex-direction:column;
  }

  .rotate-pdf-actions button{
    width:100%;
  }

  .rotate-control-separator{
    display:none;
  }
}

/* ===== EXTRACT PDF PAGES ===== */

.extract-pdf-panel{
  width:min(100%,900px);
  margin:20px auto 0;
  padding:24px;
  box-sizing:border-box;
  border:1px solid #e5e0f5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 48px rgba(31,25,65,.08);
}

.extract-pdf-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
  text-align:start;
}

.extract-pdf-kicker{
  color:#7450f5;
  font-size:11px;
  font-weight:900;
}

.extract-pdf-head h3{
  margin:5px 0;
  color:#171526;
  font-size:21px;
}

.extract-pdf-head p{
  margin:0;
  color:#7b7588;
  font-size:12px;
}

.extract-selected-count{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:72px;
  height:64px;
  border-radius:16px;
  background:#f5f1ff;
  color:#7049f5;
}

.extract-selected-count strong{
  font-size:20px;
}

.extract-selected-count span{
  font-size:10px;
}

.extract-pdf-tools{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
}

.extract-pdf-tools button{
  min-height:38px;
  padding:0 13px;
  border:1px solid #dfdaee;
  border-radius:10px;
  background:#fff;
  color:#393347;
  font-family:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.extract-range-box{
  display:flex;
  gap:7px;
  margin-inline-start:auto;
}

.extract-range-box input{
  min-width:180px;
  padding:0 12px;
  border:1px solid #ded9ec;
  border-radius:10px;
  outline:none;
  font-family:inherit;
}

.extract-range-box input:focus{
  border-color:#7550f5;
}

.extract-pdf-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.extract-pdf-card{
  padding:10px;
  border:2px solid #e8e4f1;
  border-radius:16px;
  background:#fbfaff;
  cursor:pointer;
  transition:.18s ease;
  user-select:none;
}

.extract-pdf-card:hover{
  transform:translateY(-2px);
  border-color:#bbaafa;
}

.extract-pdf-card.selected{
  border-color:#7450f5;
  background:#f7f4ff;
  box-shadow:0 8px 25px rgba(112,72,245,.11);
}

.extract-pdf-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
}

.extract-pdf-check{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border:1px solid #dcd5e8;
  border-radius:8px;
  background:#fff;
  color:#fff;
  font-size:14px;
  font-weight:900;
}

.extract-pdf-card.selected .extract-pdf-check{
  border-color:#7450f5;
  background:#7450f5;
}

.extract-pdf-page-number{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:8px;
  background:#744ff5;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.extract-pdf-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
  overflow:hidden;
  border:1px solid #eeeaf7;
  border-radius:11px;
  background:#fff;
}

.extract-pdf-preview canvas{
  display:block;
  max-width:100%;
  height:auto;
}

.extract-pdf-label{
  padding-top:9px;
  text-align:center;
  color:#393347;
  font-size:11px;
  font-weight:800;
}

.extract-pdf-actions{
  display:flex;
  gap:10px;
  margin-top:18px;
}

.extract-pdf-actions button{
  min-height:48px;
  padding:0 18px;
  border-radius:13px;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.extract-pdf-primary{
  flex:2;
  border:0;
  background:linear-gradient(135deg,#7048f5,#8c62ff);
  color:#fff;
}

.extract-pdf-primary:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.extract-pdf-secondary{
  flex:1;
  border:1px solid #ddd7ef;
  background:#fff;
  color:#393347;
}

.extract-pdf-status{
  min-height:20px;
  padding-top:10px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
}

@media(max-width:800px){

  .extract-pdf-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .extract-range-box{
    width:100%;
    margin-inline-start:0;
  }

  .extract-range-box input{
    flex:1;
    min-width:0;
  }
}

@media(max-width:520px){

  .extract-pdf-panel{
    padding:15px;
  }

  .extract-pdf-grid{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .extract-pdf-preview{
    min-height:130px;
  }

  .extract-pdf-actions{
    flex-direction:column;
  }

  .extract-pdf-actions button{
    width:100%;
  }

  .extract-range-box{
    flex-direction:column;
  }
}

/* ===== ADD TEXT TO PDF ===== */

.addtext-pdf-panel{
  width:min(100%,980px);
  margin:20px auto 0;
  padding:24px;
  box-sizing:border-box;
  border:1px solid #e5e0f5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 48px rgba(31,25,65,.08);
}

.addtext-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
  text-align:start;
}

.addtext-kicker{
  color:#7450f5;
  font-size:11px;
  font-weight:900;
}

.addtext-head h3{
  margin:5px 0;
  color:#171526;
  font-size:21px;
}

.addtext-head p{
  margin:0;
  color:#7b7588;
  font-size:12px;
}

.addtext-page-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:70px;
  height:64px;
  border-radius:16px;
  background:#f5f1ff;
  color:#7049f5;
}

.addtext-page-badge strong{
  font-size:20px;
}

.addtext-page-badge span{
  font-size:10px;
}

.addtext-layout{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);
  gap:20px;
}

.addtext-preview-wrap{
  border:1px solid #e9e4f4;
  border-radius:18px;
  background:#f7f6fb;
  overflow:hidden;
}

.addtext-preview-toolbar{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  padding:10px;
  border-bottom:1px solid #e8e3f2;
  background:#fff;
}

.addtext-preview-toolbar button{
  width:35px;
  height:35px;
  border:1px solid #ddd7eb;
  border-radius:9px;
  background:#fff;
  color:#5c5370;
  cursor:pointer;
  font-size:18px;
}

.addtext-preview-toolbar button:disabled{
  opacity:.35;
  cursor:not-allowed;
}

.addtext-preview-toolbar span{
  min-width:70px;
  text-align:center;
  font-size:12px;
  font-weight:800;
}

.addtext-preview-stage{
  max-height:620px;
  overflow:auto;
  padding:18px;
  text-align:center;
}

.addtext-preview-stage canvas{
  max-width:100%;
  height:auto;
  box-shadow:0 8px 28px rgba(30,28,50,.12);
  background:#fff;
}

.addtext-controls{
  padding:18px;
  border:1px solid #e8e3f3;
  border-radius:18px;
  background:#fcfbff;
}

.addtext-controls label{
  display:block;
  margin-bottom:15px;
}

.addtext-controls label > span{
  display:block;
  margin-bottom:6px;
  color:#3d374a;
  font-size:11px;
  font-weight:800;
}

.addtext-controls textarea,
.addtext-controls input[type="number"],
.addtext-controls select{
  width:100%;
  box-sizing:border-box;
  border:1px solid #ddd7eb;
  border-radius:11px;
  background:#fff;
  padding:11px 12px;
  font-family:inherit;
  outline:none;
}

.addtext-controls textarea:focus,
.addtext-controls input:focus,
.addtext-controls select:focus{
  border-color:#7450f5;
  box-shadow:0 0 0 3px rgba(116,80,245,.06);
}

.addtext-controls input[type="color"]{
  width:100%;
  height:43px;
  border:1px solid #ddd7eb;
  border-radius:11px;
  background:#fff;
  padding:5px;
}

.addtext-control-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.addtext-all-pages{
  display:flex !important;
  align-items:center;
  gap:8px;
  padding:12px;
  border:1px solid #e4def1;
  border-radius:11px;
  background:#fff;
  cursor:pointer;
}

.addtext-all-pages span{
  margin:0 !important;
}

.addtext-primary{
  width:100%;
  min-height:49px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#7048f5,#8d62ff);
  color:#fff;
  font-family:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.addtext-primary:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.addtext-status{
  min-height:20px;
  padding-top:10px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
}

@media(max-width:800px){
  .addtext-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){

  .addtext-pdf-panel{
    padding:15px;
  }

  .addtext-control-grid{
    grid-template-columns:1fr;
  }

  .addtext-head{
    align-items:flex-start;
  }
}

/* ===== ADD IMAGE TO PDF ===== */

.addimage-pdf-panel{
  width:min(100%,980px);
  margin:20px auto 0;
  padding:24px;
  box-sizing:border-box;
  border:1px solid #e5e0f5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 48px rgba(31,25,65,.08);
}

.addimage-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:20px;
  text-align:start;
}

.addimage-kicker{
  color:#7450f5;
  font-size:11px;
  font-weight:900;
}

.addimage-head h3{
  margin:5px 0;
  color:#171526;
  font-size:21px;
}

.addimage-head p{
  margin:0;
  color:#7b7588;
  font-size:12px;
}

.addimage-page-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:70px;
  height:64px;
  border-radius:16px;
  background:#f5f1ff;
  color:#7049f5;
}

.addimage-page-badge strong{
  font-size:20px;
}

.addimage-page-badge span{
  font-size:10px;
}

.addimage-layout{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);
  gap:20px;
}

.addimage-preview-wrap{
  border:1px solid #e9e4f4;
  border-radius:18px;
  background:#f7f6fb;
  overflow:hidden;
}

.addimage-preview-toolbar{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  padding:10px;
  background:#fff;
  border-bottom:1px solid #e8e3f2;
}

.addimage-preview-toolbar button{
  width:35px;
  height:35px;
  border:1px solid #ddd7eb;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}

.addimage-preview-toolbar span{
  min-width:70px;
  text-align:center;
  font-size:12px;
  font-weight:800;
}

.addimage-preview-stage{
  max-height:620px;
  overflow:auto;
  padding:18px;
  text-align:center;
}

.addimage-preview-stage canvas{
  max-width:100%;
  height:auto;
  background:#fff;
  box-shadow:0 8px 28px rgba(30,28,50,.12);
}

.addimage-controls{
  padding:18px;
  border:1px solid #e8e3f3;
  border-radius:18px;
  background:#fcfbff;
}

.addimage-controls label{
  display:block;
  margin-bottom:15px;
}

.addimage-controls label > span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:800;
}

.addimage-upload-box{
  position:relative;
  padding:20px;
  border:2px dashed #d8cff8;
  border-radius:14px;
  text-align:center;
  background:#fff;
  color:#665d78;
}

.addimage-upload-box input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}

.addimage-thumb-box{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:15px;
  padding:10px;
  border:1px solid #e3deed;
  border-radius:12px;
  background:#fff;
}

.addimage-thumb-box img{
  width:64px;
  height:64px;
  object-fit:contain;
  border-radius:9px;
  background:#f3f1f8;
}

.addimage-thumb-box strong,
.addimage-thumb-box small{
  display:block;
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.addimage-control-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.addimage-controls select{
  width:100%;
  padding:11px;
  border:1px solid #ddd7eb;
  border-radius:11px;
  background:#fff;
  font-family:inherit;
}

.addimage-controls input[type="range"]{
  width:100%;
}

.addimage-all-pages{
  display:flex !important;
  gap:8px;
  align-items:center;
  padding:12px;
  border:1px solid #e4def1;
  border-radius:11px;
  background:#fff;
}

.addimage-all-pages span{
  margin:0 !important;
}

.addimage-primary{
  width:100%;
  min-height:49px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#7048f5,#8d62ff);
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.addimage-primary:disabled{
  opacity:.45;
}

.addimage-status{
  min-height:20px;
  padding-top:10px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
}

@media(max-width:800px){
  .addimage-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){

  .addimage-pdf-panel{
    padding:15px;
  }

  .addimage-control-grid{
    grid-template-columns:1fr;
  }
}

/* ===== SIGN PDF ===== */

.signpdf-panel{
  width:min(100%,1000px);
  margin:20px auto 0;
  padding:24px;
  border:1px solid #e6e0f4;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 50px rgba(31,25,65,.08);
  box-sizing:border-box;
}

.signpdf-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:20px;
  text-align:start;
}

.signpdf-kicker{
  color:#7450f5;
  font-size:11px;
  font-weight:900;
}

.signpdf-head h3{
  margin:5px 0;
  font-size:21px;
  color:#171526;
}

.signpdf-head p{
  margin:0;
  color:#7d768c;
  font-size:12px;
}

.signpdf-page-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:70px;
  height:64px;
  border-radius:16px;
  background:#f4f0ff;
  color:#7049f5;
}

.signpdf-page-badge strong{
  font-size:20px;
}

.signpdf-page-badge span{
  font-size:10px;
}

.signpdf-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);
  gap:20px;
}

.signpdf-document{
  border:1px solid #e8e3f2;
  border-radius:18px;
  background:#f7f6fb;
  overflow:hidden;
}

.signpdf-toolbar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px;
  background:#fff;
  border-bottom:1px solid #e8e3f2;
}

.signpdf-toolbar button{
  width:36px;
  height:36px;
  border:1px solid #ddd7eb;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}

.signpdf-toolbar button:disabled{
  opacity:.35;
}

.signpdf-toolbar span{
  min-width:75px;
  text-align:center;
  font-weight:800;
  font-size:12px;
}

.signpdf-page{
  padding:18px;
  max-height:650px;
  overflow:auto;
  text-align:center;
}

.signpdf-page canvas{
  max-width:100%;
  height:auto;
  background:#fff;
  box-shadow:0 8px 28px rgba(30,28,50,.12);
}

.signpdf-controls{
  padding:18px;
  border:1px solid #e8e3f3;
  border-radius:18px;
  background:#fcfbff;
}

.signpdf-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:15px;
}

.signpdf-tabs button{
  padding:11px;
  border:1px solid #ded7ef;
  border-radius:11px;
  background:#fff;
  font-family:inherit;
  font-weight:800;
  cursor:pointer;
}

.signpdf-tabs button.active{
  border-color:#7550f5;
  background:#f4f0ff;
  color:#6e48ee;
}

.signpdf-signature-wrap{
  overflow:hidden;
  border:2px dashed #d7cdf7;
  border-radius:14px;
  background:#fff;
}

#signatureCanvas{
  display:block;
  width:100%;
  height:170px;
  cursor:crosshair;
  touch-action:none;
}

.signpdf-mini-actions{
  display:flex;
  justify-content:flex-end;
  margin:7px 0 16px;
}

.signpdf-mini-actions button{
  padding:7px 13px;
  border:1px solid #ded8eb;
  border-radius:9px;
  background:#fff;
  font-family:inherit;
  cursor:pointer;
}

.signpdf-upload{
  position:relative;
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:130px;
  border:2px dashed #d7cdf7;
  border-radius:14px;
  background:#fff;
  cursor:pointer;
}

.signpdf-upload input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}

.signpdf-upload small{
  margin-top:5px;
  color:#8b8499;
}

.signpdf-upload-preview{
  margin:10px 0 15px;
  padding:10px;
  border:1px solid #e6e0f1;
  border-radius:12px;
  text-align:center;
  background:#fff;
}

.signpdf-upload-preview img{
  max-width:100%;
  max-height:120px;
  object-fit:contain;
}

.signpdf-controls label{
  display:block;
  margin-bottom:15px;
}

.signpdf-controls label>span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:800;
}

.signpdf-controls select{
  width:100%;
  padding:11px;
  border:1px solid #ddd7eb;
  border-radius:11px;
  background:#fff;
  font-family:inherit;
}

.signpdf-controls input[type="range"]{
  width:100%;
}

.signpdf-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.signpdf-all-pages{
  display:flex !important;
  align-items:center;
  gap:8px;
  padding:12px;
  border:1px solid #e4def1;
  border-radius:11px;
  background:#fff;
}

.signpdf-all-pages span{
  margin:0 !important;
}

.signpdf-primary{
  width:100%;
  min-height:49px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#7048f5,#8d62ff);
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.signpdf-primary:disabled{
  opacity:.45;
}

.signpdf-status{
  min-height:20px;
  padding-top:10px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
}

@media(max-width:800px){

  .signpdf-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){

  .signpdf-panel{
    padding:15px;
  }

  .signpdf-grid{
    grid-template-columns:1fr;
  }

  #signatureCanvas{
    height:145px;
  }
}

/* ===== PDF WATERMARK ===== */

.pdfwm-panel{
  width:min(100%,1000px);
  margin:20px auto 0;
  padding:24px;
  border:1px solid #e6e0f4;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 50px rgba(31,25,65,.08);
  box-sizing:border-box;
}

.pdfwm-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:20px;
  text-align:start;
}

.pdfwm-kicker{
  color:#7450f5;
  font-size:11px;
  font-weight:900;
}

.pdfwm-head h3{
  margin:5px 0;
  font-size:21px;
  color:#171526;
}

.pdfwm-head p{
  margin:0;
  color:#7d768c;
  font-size:12px;
}

.pdfwm-page-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:70px;
  height:64px;
  border-radius:16px;
  background:#f4f0ff;
  color:#7049f5;
}

.pdfwm-page-badge strong{
  font-size:20px;
}

.pdfwm-page-badge span{
  font-size:10px;
}

.pdfwm-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);
  gap:20px;
}

.pdfwm-document{
  border:1px solid #e8e3f2;
  border-radius:18px;
  background:#f7f6fb;
  overflow:hidden;
}

.pdfwm-toolbar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px;
  background:#fff;
  border-bottom:1px solid #e8e3f2;
}

.pdfwm-toolbar button{
  width:36px;
  height:36px;
  border:1px solid #ddd7eb;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}

.pdfwm-toolbar span{
  min-width:75px;
  text-align:center;
  font-weight:800;
  font-size:12px;
}

.pdfwm-preview{
  max-height:650px;
  overflow:auto;
  padding:18px;
  text-align:center;
}

.pdfwm-preview canvas{
  max-width:100%;
  height:auto;
  background:#fff;
  box-shadow:0 8px 28px rgba(30,28,50,.12);
}

.pdfwm-controls{
  padding:18px;
  border:1px solid #e8e3f3;
  border-radius:18px;
  background:#fcfbff;
}

.pdfwm-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:15px;
}

.pdfwm-tabs button{
  padding:11px;
  border:1px solid #ded7ef;
  border-radius:11px;
  background:#fff;
  font-family:inherit;
  font-weight:800;
  cursor:pointer;
}

.pdfwm-tabs button.active{
  border-color:#7550f5;
  background:#f4f0ff;
  color:#6e48ee;
}

.pdfwm-controls label{
  display:block;
  margin-bottom:15px;
}

.pdfwm-controls label>span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:800;
}

.pdfwm-controls textarea,
.pdfwm-controls input[type="number"],
.pdfwm-controls select{
  width:100%;
  box-sizing:border-box;
  padding:11px;
  border:1px solid #ddd7eb;
  border-radius:11px;
  background:#fff;
  font-family:inherit;
}

.pdfwm-controls input[type="color"]{
  width:100%;
  height:43px;
  border:1px solid #ddd7eb;
  border-radius:11px;
  background:#fff;
  padding:5px;
}

.pdfwm-controls input[type="range"]{
  width:100%;
}

.pdfwm-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.pdfwm-upload{
  position:relative;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:120px;
  border:2px dashed #d7cdf7;
  border-radius:14px;
  background:#fff;
  cursor:pointer;
}

.pdfwm-upload input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
}

.pdfwm-upload small{
  margin-top:5px;
  color:#8a8397;
}

.pdfwm-image-preview{
  margin-bottom:15px;
  padding:10px;
  border:1px solid #e6e0f1;
  border-radius:12px;
  background:#fff;
  text-align:center;
}

.pdfwm-image-preview img{
  max-width:100%;
  max-height:120px;
  object-fit:contain;
}

.pdfwm-all-pages{
  display:flex !important;
  align-items:center;
  gap:8px;
  padding:12px;
  border:1px solid #e4def1;
  border-radius:11px;
  background:#fff;
}

.pdfwm-all-pages span{
  margin:0 !important;
}

.pdfwm-primary{
  width:100%;
  min-height:49px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#7048f5,#8d62ff);
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.pdfwm-primary:disabled{
  opacity:.45;
}

.pdfwm-status{
  min-height:20px;
  padding-top:10px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
}

@media(max-width:800px){
  .pdfwm-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){

  .pdfwm-panel{
    padding:15px;
  }

  .pdfwm-grid{
    grid-template-columns:1fr;
  }
}

/* ===== PAGE NUMBERS PDF ===== */

.pagenum-panel{
  width:min(100%,1000px);
  margin:20px auto 0;
  padding:24px;
  border:1px solid #e6e0f4;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 50px rgba(31,25,65,.08);
  box-sizing:border-box;
}

.pagenum-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:20px;
  text-align:start;
}

.pagenum-kicker{
  color:#7450f5;
  font-size:11px;
  font-weight:900;
}

.pagenum-head h3{
  margin:5px 0;
  font-size:21px;
  color:#171526;
}

.pagenum-head p{
  margin:0;
  color:#7d768c;
  font-size:12px;
}

.pagenum-page-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:70px;
  height:64px;
  border-radius:16px;
  background:#f4f0ff;
  color:#7049f5;
}

.pagenum-page-badge strong{
  font-size:20px;
}

.pagenum-page-badge span{
  font-size:10px;
}

.pagenum-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);
  gap:20px;
}

.pagenum-document{
  border:1px solid #e8e3f2;
  border-radius:18px;
  overflow:hidden;
  background:#f7f6fb;
}

.pagenum-toolbar{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  padding:10px;
  border-bottom:1px solid #e8e3f2;
  background:#fff;
}

.pagenum-toolbar button{
  width:36px;
  height:36px;
  border:1px solid #ddd7eb;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}

.pagenum-toolbar span{
  min-width:75px;
  text-align:center;
  font-size:12px;
  font-weight:800;
}

.pagenum-preview{
  max-height:650px;
  overflow:auto;
  padding:18px;
  text-align:center;
}

.pagenum-preview canvas{
  max-width:100%;
  height:auto;
  background:#fff;
  box-shadow:0 8px 28px rgba(30,28,50,.12);
}

.pagenum-controls{
  padding:18px;
  border:1px solid #e8e3f3;
  border-radius:18px;
  background:#fcfbff;
}

.pagenum-controls label{
  display:block;
  margin-bottom:15px;
}

.pagenum-controls label>span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:800;
}

.pagenum-controls select,
.pagenum-controls input[type="number"]{
  width:100%;
  box-sizing:border-box;
  padding:11px;
  border:1px solid #ddd7eb;
  border-radius:11px;
  background:#fff;
  font-family:inherit;
}

.pagenum-controls input[type="color"]{
  width:100%;
  height:43px;
  padding:5px;
  border:1px solid #ddd7eb;
  border-radius:11px;
  background:#fff;
}

.pagenum-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.pagenum-range-option{
  display:flex !important;
  align-items:center;
  gap:8px;
  padding:12px;
  border:1px solid #e4def1;
  border-radius:11px;
  background:#fff;
}

.pagenum-range-option span{
  margin:0 !important;
}

.pagenum-primary{
  width:100%;
  min-height:49px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#7048f5,#8d62ff);
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.pagenum-primary:disabled{
  opacity:.45;
}

.pagenum-status{
  min-height:20px;
  padding-top:10px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
}

@media(max-width:800px){
  .pagenum-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){

  .pagenum-panel{
    padding:15px;
  }

  .pagenum-grid{
    grid-template-columns:1fr;
  }
}

/* ===== PROTECT PDF ===== */

.protectpdf-panel{
  width:min(100%,760px);
  margin:22px auto 0;
  padding:26px;
  box-sizing:border-box;
  border:1px solid #e6e0f4;
  border-radius:24px;
  background:#fff;
  box-shadow:
    0 22px 60px rgba(30,24,67,.09);
}

.protectpdf-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
  text-align:start;
}

.protectpdf-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#f2edff;
  color:#7048f5;
  font-size:11px;
  font-weight:900;
}

.protectpdf-head h3{
  margin:8px 0 5px;
  color:#171526;
  font-size:24px;
  line-height:1.35;
}

.protectpdf-head p{
  margin:0;
  color:#80798e;
  font-size:12px;
  line-height:1.8;
}

.protectpdf-lock{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 66px;
  width:66px;
  height:66px;
  border-radius:20px;
  background:
    linear-gradient(
      135deg,
      #7048f5,
      #9067ff
    );
  color:#fff;
  font-size:28px;
  box-shadow:
    0 12px 28px rgba(112,72,245,.22);
}

.protectpdf-file-card{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
  padding:14px;
  border:1px solid #e8e3f2;
  border-radius:16px;
  background:#faf9fd;
}

.protectpdf-file-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:14px;
  background:#7550f5;
  color:#fff;
  font-size:15px;
  font-weight:900;
}

.protectpdf-file-copy{
  min-width:0;
}

.protectpdf-file-copy strong,
.protectpdf-file-copy small{
  display:block;
}

.protectpdf-file-copy strong{
  max-width:560px;
  overflow:hidden;
  color:#211e2d;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.protectpdf-file-copy small{
  margin-top:4px;
  color:#91899f;
  font-size:11px;
}

.protectpdf-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.protectpdf-fields label{
  display:block;
}

.protectpdf-fields label>span{
  display:block;
  margin-bottom:7px;
  color:#3b3548;
  font-size:11px;
  font-weight:900;
}

.protectpdf-password-wrap{
  position:relative;
}

.protectpdf-password-wrap input{
  width:100%;
  height:48px;
  box-sizing:border-box;
  padding:0 46px 0 14px;
  border:1px solid #ddd7eb;
  border-radius:12px;
  outline:none;
  background:#fff;
  color:#211e2d;
  font-family:inherit;
  font-size:13px;
  transition:.2s ease;
}

[dir="rtl"] .protectpdf-password-wrap input{
  padding:0 14px 0 46px;
}

.protectpdf-password-wrap input:focus{
  border-color:#7550f5;
  box-shadow:
    0 0 0 4px rgba(117,80,245,.10);
}

.protectpdf-eye{
  position:absolute;
  top:50%;
  right:7px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:9px;
  background:#f5f2fb;
  cursor:pointer;
}

[dir="rtl"] .protectpdf-eye{
  right:auto;
  left:7px;
}

.protectpdf-strength{
  margin-top:17px;
}

.protectpdf-strength-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:7px;
  color:#696174;
  font-size:11px;
}

.protectpdf-strength-head strong{
  color:#3d3748;
}

.protectpdf-strength-track{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#ece8f2;
}

.protectpdf-strength-bar{
  width:0;
  height:100%;
  border-radius:999px;
  background:#bbb4ca;
  transition:
    width .25s ease,
    background .25s ease;
}

.protectpdf-strength-bar[data-level="weak"]{
  background:#d95454;
}

.protectpdf-strength-bar[data-level="medium"]{
  background:#d69c28;
}

.protectpdf-strength-bar[data-level="strong"]{
  background:#31966a;
}

.protectpdf-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:18px 0;
}

.protectpdf-features div{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:9px 10px;
  box-sizing:border-box;
  border:1px solid #ebe6f4;
  border-radius:12px;
  background:#fcfbfe;
  color:#686071;
  font-size:10px;
  line-height:1.5;
}

.protectpdf-features b{
  font-size:15px;
}

.protectpdf-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:52px;
  border:0;
  border-radius:14px;
  background:
    linear-gradient(
      135deg,
      #7048f5,
      #8b61ff
    );
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
  box-shadow:
    0 12px 28px rgba(112,72,245,.20);
  transition:
    transform .2s ease,
    opacity .2s ease;
}

.protectpdf-primary:hover:not(:disabled){
  transform:translateY(-1px);
}

.protectpdf-primary:disabled{
  opacity:.45;
  cursor:not-allowed;
  box-shadow:none;
}

.protectpdf-status{
  min-height:20px;
  padding-top:11px;
  color:#817a8e;
  text-align:center;
  font-size:11px;
  font-weight:700;
}

.protectpdf-status.is-error{
  color:#b84b4b;
}

.protectpdf-status.is-success{
  color:#287d58;
}

@media(max-width:700px){

  .protectpdf-panel{
    padding:18px;
  }

  .protectpdf-fields{
    grid-template-columns:1fr;
  }

  .protectpdf-features{
    grid-template-columns:1fr;
  }

  .protectpdf-head{
    align-items:flex-start;
  }

  .protectpdf-lock{
    flex-basis:54px;
    width:54px;
    height:54px;
    border-radius:16px;
    font-size:22px;
  }
}

/* ===== UNLOCK PDF ===== */

.unlockpdf-panel{
  width:min(100%,720px);
  margin:22px auto 0;
  padding:26px;
  box-sizing:border-box;
  border:1px solid #e6e0f4;
  border-radius:24px;
  background:#fff;
  box-shadow:
    0 22px 60px rgba(30,24,67,.09);
}

.unlockpdf-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
  text-align:start;
}

.unlockpdf-kicker{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:#f2edff;
  color:#7048f5;
  font-size:11px;
  font-weight:900;
}

.unlockpdf-head h3{
  margin:8px 0 5px;
  color:#171526;
  font-size:24px;
}

.unlockpdf-head p{
  margin:0;
  color:#80798e;
  font-size:12px;
  line-height:1.8;
}

.unlockpdf-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 66px;
  width:66px;
  height:66px;
  border-radius:20px;
  background:linear-gradient(
    135deg,
    #7048f5,
    #9067ff
  );
  font-size:28px;
  box-shadow:
    0 12px 28px
    rgba(112,72,245,.22);
}

.unlockpdf-file{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
  padding:14px;
  border:1px solid #e8e3f2;
  border-radius:16px;
  background:#faf9fd;
}

.unlockpdf-file-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:14px;
  background:#7550f5;
  color:#fff;
  font-weight:900;
}

.unlockpdf-file-copy{
  min-width:0;
}

.unlockpdf-file-copy strong,
.unlockpdf-file-copy small{
  display:block;
}

.unlockpdf-file-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#211e2d;
  font-size:13px;
}

.unlockpdf-file-copy small{
  margin-top:4px;
  color:#91899f;
  font-size:11px;
}

.unlockpdf-field{
  display:block;
}

.unlockpdf-field>span{
  display:block;
  margin-bottom:7px;
  color:#3b3548;
  font-size:11px;
  font-weight:900;
}

.unlockpdf-password-wrap{
  position:relative;
}

.unlockpdf-password-wrap input{
  width:100%;
  height:50px;
  box-sizing:border-box;
  padding:0 48px 0 14px;
  border:1px solid #ddd7eb;
  border-radius:12px;
  outline:none;
  background:#fff;
  font-family:inherit;
}

[dir="rtl"] .unlockpdf-password-wrap input{
  padding:0 14px 0 48px;
}

.unlockpdf-password-wrap input:focus{
  border-color:#7550f5;
  box-shadow:
    0 0 0 4px
    rgba(117,80,245,.10);
}

.unlockpdf-eye{
  position:absolute;
  top:50%;
  right:7px;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:9px;
  background:#f5f2fb;
  cursor:pointer;
}

[dir="rtl"] .unlockpdf-eye{
  right:auto;
  left:7px;
}

.unlockpdf-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:17px 0;
  padding:12px 14px;
  border:1px solid #ebe6f4;
  border-radius:12px;
  background:#fcfbfe;
}

.unlockpdf-note p{
  margin:0;
  color:#6f687a;
  font-size:11px;
  line-height:1.7;
}

.unlockpdf-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:52px;
  border:0;
  border-radius:14px;
  background:linear-gradient(
    135deg,
    #7048f5,
    #8b61ff
  );
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.unlockpdf-primary:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.unlockpdf-status{
  min-height:20px;
  padding-top:11px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
  font-weight:700;
}

.unlockpdf-status.is-error{
  color:#b84b4b;
}

.unlockpdf-status.is-success{
  color:#287d58;
}

@media(max-width:600px){

  .unlockpdf-panel{
    padding:18px;
  }

  .unlockpdf-icon{
    width:54px;
    height:54px;
    flex-basis:54px;
    font-size:22px;
  }
}

/* ===== IMAGES TO PDF ===== */

.imagespdf-panel{
  width:min(100%,760px);
  margin:22px auto 0;
  padding:26px;
  box-sizing:border-box;
  border:1px solid #e7e1f3;
  border-radius:24px;
  background:#fff;
  box-shadow:0 22px 60px rgba(30,24,67,.09);
}

.imagespdf-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
  text-align:start;
}

.imagespdf-kicker{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#f2edff;
  color:#7048f5;
  font-size:11px;
  font-weight:900;
}

.imagespdf-head h3{
  margin:8px 0 5px;
  font-size:24px;
  color:#171526;
}

.imagespdf-head p{
  margin:0;
  color:#81798e;
  font-size:12px;
}

.imagespdf-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  flex:0 0 64px;
  border-radius:19px;
  background:linear-gradient(135deg,#7048f5,#9067ff);
  font-size:27px;
}

.imagespdf-toolbar{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:18px;
}

.imagespdf-toolbar label span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:900;
  color:#51495e;
}

.imagespdf-toolbar select{
  width:100%;
  height:44px;
  padding:0 11px;
  border:1px solid #ddd7eb;
  border-radius:11px;
  background:#fff;
  font-family:inherit;
}

.imagespdf-list{
  display:grid;
  gap:9px;
  margin-bottom:14px;
}

.imagespdf-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  border:1px solid #e9e4f2;
  border-radius:14px;
  background:#fbfafe;
}

.imagespdf-item img{
  width:58px;
  height:58px;
  flex:0 0 58px;
  object-fit:cover;
  border-radius:10px;
  background:#f0edf6;
}

.imagespdf-info{
  min-width:0;
  flex:1;
}

.imagespdf-info strong,
.imagespdf-info small{
  display:block;
}

.imagespdf-info strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}

.imagespdf-info small{
  margin-top:3px;
  color:#91899f;
  font-size:10px;
}

.imagespdf-actions{
  display:flex;
  gap:5px;
}

.imagespdf-actions button{
  width:34px;
  height:34px;
  border:1px solid #ddd6ec;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
  font-weight:900;
}

.imagespdf-actions button:disabled{
  opacity:.35;
  cursor:not-allowed;
}

.imagespdf-add{
  width:100%;
  min-height:44px;
  margin-bottom:10px;
  border:1px dashed #bcaaff;
  border-radius:12px;
  background:#faf8ff;
  color:#7048f5;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.imagespdf-primary{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#7048f5,#8b61ff);
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.imagespdf-primary:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.imagespdf-status{
  min-height:20px;
  padding-top:11px;
  text-align:center;
  font-size:11px;
  color:#817a8e;
  font-weight:700;
}

.imagespdf-status.is-success{
  color:#287d58;
}

.imagespdf-status.is-error{
  color:#b84b4b;
}

@media(max-width:700px){

  .imagespdf-panel{
    padding:18px;
  }

  .imagespdf-toolbar{
    grid-template-columns:1fr;
  }

  .imagespdf-item{
    align-items:flex-start;
  }
}

/* ===== PDF TO WORD ===== */

.pdfword-panel{
  width:min(100%,760px);
  margin:24px auto 0;
}

.pdfword-card{
  padding:26px;
  border:1px solid #e7e1f3;
  border-radius:24px;
  background:#fff;
  box-shadow:0 22px 60px rgba(30,24,67,.09);
}

.pdfword-head{
  display:flex;
  gap:16px;
  align-items:center;
  text-align:start;
  margin-bottom:20px;
}

.pdfword-icon{
  width:66px;
  height:66px;
  flex:0 0 66px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:19px;
  background:linear-gradient(135deg,#2456c4,#2f6be8);
  color:#fff;
  font-size:28px;
  font-weight:900;
  box-shadow:0 12px 30px rgba(47,107,232,.20);
}

.pdfword-kicker{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#eef4ff;
  color:#2f6be8;
  font-size:11px;
  font-weight:900;
}

.pdfword-head h3{
  margin:7px 0 5px;
  color:#171526;
  font-size:23px;
}

.pdfword-head p{
  margin:0;
  color:#81798e;
  font-size:12px;
  line-height:1.8;
}

.pdfword-file{
  display:flex;
  align-items:center;
  gap:13px;
  padding:13px;
  border:1px solid #e8e3f2;
  border-radius:15px;
  background:#faf9fd;
}

.pdfword-file-badge{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:#7550f5;
  color:#fff;
  font-weight:900;
}

.pdfword-file-info{
  min-width:0;
}

.pdfword-file-info strong,
.pdfword-file-info small{
  display:block;
}

.pdfword-file-info strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#211e2d;
  font-size:13px;
}

.pdfword-file-info small{
  margin-top:4px;
  color:#91899f;
  font-size:11px;
}

.pdfword-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin:15px 0;
}

.pdfword-features div{
  display:flex;
  flex-direction:column;
  gap:5px;
  align-items:center;
  padding:12px 8px;
  border:1px solid #ebe6f4;
  border-radius:12px;
  background:#fcfbfe;
  text-align:center;
}

.pdfword-features strong{
  color:#4f3bc9;
  font-size:12px;
}

.pdfword-features span{
  color:#746d80;
  font-size:10px;
}

.pdfword-warning{
  margin:15px 0;
  padding:12px 14px;
  border:1px solid #f0e4c8;
  border-radius:12px;
  background:#fffaf0;
  color:#77684b;
  font-size:11px;
  line-height:1.8;
}

.pdfword-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:52px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#7048f5,#8b61ff);
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.pdfword-primary:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.pdfword-progress-wrap{
  margin-top:14px;
}

.pdfword-progress{
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#eeeaf8;
}

.pdfword-progress div{
  width:0;
  height:100%;
  background:linear-gradient(90deg,#6842ff,#925cff);
  transition:width .25s ease;
}

.pdfword-status{
  min-height:20px;
  padding-top:10px;
  text-align:center;
  color:#817a8e;
  font-size:11px;
  font-weight:700;
}

.pdfword-status.is-success{
  color:#287d58;
}

.pdfword-status.is-error{
  color:#b84b4b;
}

@media(max-width:650px){

  .pdfword-card{
    padding:18px;
  }

  .pdfword-features{
    grid-template-columns:1fr;
  }

  .pdfword-icon{
    width:54px;
    height:54px;
    flex-basis:54px;
  }
}

/* ===== Nujiz Tool Footer Layout Fix ===== */

.nujiz-tool-footer{
  background:#0f2b4a;
  color:#fff;
  padding:48px 24px 28px;
  margin-top:50px;
}

.nujiz-tool-footer .nujiz-footer-grid{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:48px;
  align-items:start;
}

.nujiz-tool-footer .nujiz-footer-col{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.nujiz-tool-footer .nujiz-footer-col h3{
  margin:0 0 12px;
  color:#fff;
  font-size:18px;
  font-weight:700;
}

.nujiz-tool-footer .nujiz-footer-col a,
.nujiz-tool-footer .nujiz-footer-col span{
  color:rgba(255,255,255,.86);
  text-decoration:none;
  font-size:14px;
  line-height:1.7;
}

.nujiz-tool-footer .nujiz-footer-col a:hover{
  color:#fff;
  text-decoration:underline;
}

@media (max-width:800px){
  .nujiz-tool-footer{
    padding:36px 20px 24px;
  }

  .nujiz-tool-footer .nujiz-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:32px;
  }
}

@media (max-width:520px){
  .nujiz-tool-footer .nujiz-footer-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}