/* Imgilo V20 visual fixes */
.topbar{
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important;
  align-items:center!important;
  column-gap:18px!important;
}
.topbar>.brand{grid-column:1!important;justify-self:start!important}
.topbar>.v16-global-nav{grid-column:2!important;justify-self:center!important;margin:0!important}
.topbar>nav:not(.v16-global-nav){grid-column:3!important;justify-self:end!important;margin:0!important}
.topbar .lang-btn{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:40px!important;padding:0 14px!important}
.v20-lang-icon,.v20-lang-text,.v20-lang-caret{display:inline-flex;align-items:center}
.v20-lang-icon{margin-right:1px}.v20-lang-caret{margin-left:1px}

.v20-btn,
.batch-download,
.batch-remove,
.batch-clear,
[data-dl],
[data-rm]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease!important;
}
.batch-actions{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important}
.batch-download,
[data-dl],
.v20-btn-primary{
  color:#fff!important;
  border:1px solid #6257f7!important;
  background:linear-gradient(135deg,#5b5cf0,#7c3aed)!important;
  box-shadow:0 6px 16px rgba(91,92,240,.16)!important;
}
.batch-remove,
.batch-clear,
[data-rm],
.v20-btn-secondary{
  color:#475569!important;
  border:1px solid #dbe3f0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.batch-download:hover,[data-dl]:hover,.v20-btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(91,92,240,.22)!important}
.batch-remove:hover,.batch-clear:hover,[data-rm]:hover,.v20-btn-secondary:hover{border-color:#a5b4fc!important;color:#4f46e5!important;background:#f8faff!important}
.v20-clear{margin-top:10px!important;width:100%!important}

/* Real crop grid, inserted as DOM — not a pseudo-element. */
.v20-crop-grid{position:absolute;inset:0;z-index:1;pointer-events:none}
.v20-crop-grid span{position:absolute;display:block;background:rgba(255,255,255,.78);box-shadow:0 0 1px rgba(15,23,42,.55)}
.v20-grid-v{top:0;bottom:0;width:1px}
.v20-grid-h{left:0;right:0;height:1px}
.v20-grid-v.one{left:33.333%}.v20-grid-v.two{left:66.666%}
.v20-grid-h.one{top:33.333%}.v20-grid-h.two{top:66.666%}
.v17-crop-rect{overflow:visible!important}
.v17-crop-rect .v17-handle{z-index:3!important}

/* mobile quick tool navigation */
.v20-mobile-nav{display:none}
@media(max-width:900px){
  .topbar{grid-template-columns:1fr auto!important;min-height:62px!important}
  .topbar>.brand{grid-column:1!important}
  .topbar>.v16-global-nav{display:none!important}
  .topbar>nav:not(.v16-global-nav){grid-column:2!important}
  .v20-mobile-nav{
    display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;
    padding:8px 14px 10px;border-bottom:1px solid #e5e7eb;background:#fff;
  }
  .v20-mobile-nav::-webkit-scrollbar{display:none}
  .v20-mobile-nav a{
    flex:0 0 auto;text-decoration:none;color:#475569;background:#fff;
    border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;
    font-size:12px;font-weight:750;
  }
}