/* ============================================================
   PDF Brightness & Crop (18 Sept, NAYA TOOL)
   ============================================================ */

.pbc-hint{font-size:12.5px;color:var(--ink-soft);line-height:1.6;margin:8px 0 0;}

.pbc-password-field{max-width:280px;margin:0 auto 14px;display:block;text-align:center;}

/* ---- Spinner ---- */
.pbc-spinner{
  width:38px;height:38px;margin:0 auto;border-radius:50%;
  border:3.5px solid var(--line);border-top-color:var(--orange,#F2782F);
  animation:pbcSpin .8s linear infinite;
}
@keyframes pbcSpin{to{transform:rotate(360deg);}}

/* ---- Page-thumbnails ki patti ---- */
.pbc-thumbs{
  display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;
  -webkit-overflow-scrolling:touch;
}
.pbc-thumb{
  flex:0 0 auto;width:74px;cursor:pointer;border:2px solid var(--line);
  border-radius:9px;overflow:hidden;background:var(--paper-2);
  transition:border-color .15s, transform .12s;position:relative;
}
.pbc-thumb img{width:100%;height:auto;display:block;}
.pbc-thumb.active{border-color:var(--orange,#F2782F);transform:translateY(-2px);}
.pbc-thumb.edited::after{
  content:"✓";position:absolute;top:3px;right:4px;
  background:var(--green,#1E9E62);color:#fff;font-size:10px;font-weight:700;
  width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;
}
.pbc-thumb-num{
  font-size:10.5px;text-align:center;padding:3px 0;color:var(--ink-soft);
  background:var(--paper);font-weight:700;
}

/* ---- Editor ka upar wala hissa ---- */
.pbc-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.pbc-editor-tools{display:flex;gap:6px;flex-wrap:wrap;}
.pbc-icon-btn{
  background:var(--paper-2);border:1.5px solid var(--line);border-radius:8px;
  padding:7px 11px;font-size:13px;font-weight:700;cursor:pointer;color:var(--ink);
  transition:background .15s, border-color .15s, transform .1s;
}
.pbc-icon-btn:hover{background:rgba(242,120,47,0.12);border-color:var(--orange,#F2782F);color:var(--orange,#F2782F);}
.pbc-icon-btn:active{transform:scale(0.94);}
.pbc-icon-btn:disabled{opacity:0.4;cursor:not-allowed;}
.pbc-icon-btn:disabled:hover{background:var(--paper-2);border-color:var(--line);color:var(--ink);}

/* ---- Page + drag-crop ---- */
.pbc-canvas-wrap{
  position:relative;display:inline-block;max-width:100%;margin-top:12px;
  line-height:0;background:var(--paper-2);border-radius:10px;overflow:hidden;
  user-select:none;-webkit-user-select:none;touch-action:none;
}
.pbc-canvas-wrap img{max-width:100%;height:auto;display:block;}

.pbc-sel{
  position:absolute;border:2px dashed var(--orange,#F2782F);
  background:rgba(242,120,47,0.10);cursor:move;box-sizing:border-box;
}
.pbc-handle{
  position:absolute;width:16px;height:16px;background:#fff;
  border:2.5px solid var(--orange,#F2782F);border-radius:50%;
}
.pbc-h-nw{left:-9px;top:-9px;cursor:nwse-resize;}
.pbc-h-ne{right:-9px;top:-9px;cursor:nesw-resize;}
.pbc-h-sw{left:-9px;bottom:-9px;cursor:nesw-resize;}
.pbc-h-se{right:-9px;bottom:-9px;cursor:nwse-resize;}

/* ---- Controls ---- */
.pbc-control-row{margin-top:16px;}
.pbc-label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.pbc-slider-row{display:flex;align-items:center;gap:12px;min-width:0;}
/* ZAROORI FIX (mobile overflow bug): flex-item ka default "min-width:auto"
   hota hai — range-input apni intrinsic chaudai se neeche shrink nahi hota
   tha, isliye chhoti (320-360px) screen par yeh row bahar tak nikal jaati
   thi (poori website mein yahi pattern .smart-tool-card mein pehle se
   min-width:0 se theek kiya gaya hai). */
.pbc-slider-row input[type=range]{flex:1;min-width:0;accent-color:var(--orange,#F2782F);}
.pbc-value{
  font-size:13px;font-weight:700;color:var(--orange,#F2782F);
  min-width:52px;text-align:right;
}
.pbc-check{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;color:var(--ink);}
.pbc-check input{width:17px;height:17px;accent-color:var(--orange,#F2782F);}

.pbc-a4-opts{display:flex;gap:7px;flex-wrap:wrap;}
.pbc-a4-btn, .pbc-orient-btn{
  background:var(--paper-2);border:1.5px solid var(--line);border-radius:8px;
  padding:8px 13px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink);
  transition:background .15s, border-color .15s, color .15s;
}
.pbc-a4-btn:hover, .pbc-orient-btn:hover{border-color:var(--orange,#F2782F);}
.pbc-a4-btn.active, .pbc-orient-btn.active{
  background:var(--orange,#F2782F);border-color:var(--orange,#F2782F);color:#fff;
}

/* ---- Neeche wala TAAZA A4 page ---- */
.pbc-a4-preview-wrap{
  display:flex;justify-content:center;padding:14px;
  background:var(--paper-2);border-radius:12px;margin-top:10px;
}
.pbc-a4-canvas{
  max-width:100%;height:auto;background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,0.18);border-radius:3px;
}
html.dark-mode .pbc-a4-canvas{box-shadow:0 4px 22px rgba(0,0,0,0.6);}

@media(max-width:560px){
  .pbc-editor-head{flex-direction:column;align-items:flex-start;}
  .pbc-editor-tools{width:100%;}
  .pbc-icon-btn{flex:1;text-align:center;}
  .pbc-thumb{width:62px;}
}