/* ========================================================================
   Image Tools theme — distinct teal/emerald palette so it looks different
   from the PDF tools (which use indigo/purple). Layered on top of pdf_tools.css.
   ======================================================================== */

.pdt-hero{
  background:linear-gradient(160deg,#042f2e 0%,#0f766e 45%,#0d9488 100%);
}
.pdt-btn{
  background:linear-gradient(135deg,#14b8a6,#0d9488);
}
.pdt-card.sel{outline-color:#14b8a6;}
.pdt-progress > i{background:linear-gradient(90deg,#5eead4,#22c55e);}

/* teal chip / focus accents */
.pdt-drop:hover,.pdt-drop.dragover{border-color:#5eead4;background:rgba(94,234,212,.12);}
.pdt-select:focus,.pdt-input:focus{outline:none;border-color:#5eead4;}

/* quality preset buttons */
.ic-preset{
  background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);
  border-radius:7px;padding:3px 10px;font-size:11px;font-weight:700;cursor:pointer;
}
.ic-preset:hover,.ic-preset.active{background:#14b8a6;border-color:#14b8a6;}

/* aspect-ratio lock toggle */
.ir-lock{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;
  border-radius:9px;width:38px;height:38px;cursor:pointer;font-size:16px;margin-bottom:1px;
}
.ir-lock.on{background:#14b8a6;border-color:#14b8a6;}
.pdt-input[type=number]{width:96px;}

/* ---- Image cropper ---- */
.icr-stage{position:relative;display:inline-block;max-width:100%;line-height:0;user-select:none;touch-action:none;border-radius:6px;overflow:hidden;}
.icr-stage img{display:block;max-width:100%;max-height:62vh;width:auto;height:auto;}
.icr-box{position:absolute;border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 9999px rgba(0,0,0,.5);cursor:move;box-sizing:border-box;}
.icr-box::before,.icr-box::after{content:"";position:absolute;background:rgba(255,255,255,.4);}
.icr-box::before{left:33.33%;right:33.33%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(255,255,255,.4);}
.icr-box::after{top:33.33%;bottom:33.33%;left:0;right:0;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);}
.icr-h{position:absolute;width:16px;height:16px;background:#14b8a6;border:2px solid #fff;border-radius:3px;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,.5);touch-action:none;}
.icr-h[data-h="nw"]{left:0;top:0;cursor:nwse-resize;}
.icr-h[data-h="ne"]{right:0;top:0;cursor:nesw-resize;}
.icr-h[data-h="sw"]{left:0;bottom:0;cursor:nesw-resize;}
.icr-h[data-h="se"]{right:0;bottom:0;cursor:nwse-resize;}
.icr-ar{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;}
.icr-ar:hover,.icr-ar.active{background:#14b8a6;border-color:#14b8a6;}

/* busy indicator */
.ic-busy{display:inline-flex;align-items:center;gap:8px;color:#5eead4;font-weight:700;}
.ic-busy::before{content:"";width:14px;height:14px;border:2px solid rgba(94,234,212,.3);border-top-color:#5eead4;border-radius:50%;animation:pdt-spin .7s linear infinite;}