@import '../app/cropper.css';

body[data-tool=crop] .workspace-board { padding:68px 24px 112px; }
body[data-tool=crop] .pq-selected, body[data-tool=crop] .pq-add { display:none; }
body[data-tool=crop] .pq-option-content { padding:0; }
.pq-crop-workspace { display:block; }
.pq-crop-editor { width:100%; max-width:800px; max-height:calc(100dvh - 220px); margin-inline:auto; }
.pq-option-content .pq-crop-row {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-height:67px; padding:14px 12px 10px; border-bottom:1px solid var(--pq-crop-row-border,#eaeaf4);
  font-size:16px; font-weight:500; line-height:22px;
}
.pq-crop-row span { min-width:0; }
.pq-crop-row input, .pq-crop-row select {
  height:42px; flex-shrink:0; border:1px solid var(--pq-crop-input-border,#707078); border-radius:3px;
  background:var(--pq-surface,#fff); color:var(--pq-text,#47474f); font-weight:400;
}
.pq-crop-number { width:72px; padding:8px 6px 8px 12px; }
.pq-crop-aspect { width:100px; padding:8px; }
.pq-crop-row input:focus, .pq-crop-row select:focus { background:var(--pq-bg,#f5f5fa); }
.pq-crop-message { margin:0; text-align:center; }
.pq-error-text { color:var(--pq-danger,#d64444); }
.pq-crop-help { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:740px) {
  body[data-tool=crop] .pq-sidebar.is-open { width:min(300px,100%); }
  body[data-tool=crop] .pq-sidebar.is-open .pq-action-footer { width:min(300px,100%); }
  body[data-tool=crop] .pq-sidebar.is-open h2 { font-size:18px; line-height:28px; padding:12px; }
  body[data-tool=crop] .pq-sidebar.is-open .pq-settings-close {
    inset-inline-start:-49px; top:60px; width:36px; height:36px; border-radius:50%;
  }
  body[data-tool=crop] .pq-backdrop { opacity:0; }
  .pq-option-content .pq-crop-row { display:block; min-height:97px; padding:12px 12px 10px; font-size:14px; }
  .pq-crop-row span { display:block; }
  .pq-crop-row input, .pq-crop-row select { display:block; margin-block-start:10px; margin-inline-start:auto; font-size:12px; }
}
@media(max-width:348px) {
  body[data-tool=crop] .pq-sidebar.is-open .pq-settings-close { inset-inline-start:6px; top:8px; }
}