/* 改图弹窗（tools/edit/panel.js）专用的样式；弹窗框、选项、提交按钮这些共用零件的样式在 apps/web/public/app.css */

.edit-panel { max-width: 1040px; max-height: min(820px, 92dvh); }
.edit-body { display: grid; grid-template-columns: minmax(0, 1fr) 340px; min-height: 0; overflow: auto; }
.edit-stage { display: grid; place-items: center; padding: 20px; border-right: 1px solid var(--line); background: rgba(0, 0, 0, 0.35); }
.edit-stage img { max-width: 100%; max-height: min(64dvh, 640px); object-fit: contain; border-radius: 6px; }
.edit-side { display: flex; flex-direction: column; gap: 14px; padding: 16px 18px 18px; }
.edit-side textarea { min-height: 120px; font-size: 13px; }
.edit-foot { margin-top: auto; }
@media (max-width: 760px) {
  .edit-body { grid-template-columns: 1fr; }
  .edit-stage { padding: 12px; border-right: 0; border-bottom: 1px solid var(--line); }
  .edit-stage img { max-height: 36dvh; }
}
@media (max-width: 640px) {
  .modal:has(.edit-panel) { padding: 0; }
  .edit-panel { max-height: 100dvh; border-radius: 0; }
}