.report-photo-editor-dialog .el-dialog { max-width: calc(100vw - 28px); margin-top: 6vh !important; }
.report-photo-editor-dialog .el-dialog__body { padding-top: 10px; max-height: 70vh; overflow-y: auto; }
.report-photo-editor-tip { color: #606f7e; line-height: 1.6; margin: 0 0 16px; }
.report-photo-editor-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.report-photo-editor-tools > span { font-size: 12px; color: #6f7f8e; }
.report-photo-editor-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 16px; }
.report-photo-editor-card { border: 1px solid #d7e1e8; border-radius: 8px; padding: 12px; min-width: 0; background: #fff; }
.report-photo-editor-card.is-hidden { background: #f5f7fa; }
.report-photo-editor-card.is-hidden .report-photo-editor-frame { opacity: .45; }
.report-photo-editor-frame { position: relative; width: 100%; height: 200px; padding: 0; border: 0; display: flex; align-items: center; justify-content: center; background: #f4f7fa; border-radius: 4px; cursor: zoom-in; }
.report-photo-editor-frame:focus-visible { outline: 2px solid #409eff; outline-offset: 2px; }
.report-photo-preview-hint { position: absolute; right: 6px; bottom: 6px; padding: 3px 7px; border-radius: 4px; color: #fff; background: rgba(28, 53, 75, .72); font-size: 12px; line-height: 1.4; pointer-events: none; }
.report-photo-editor-frame img { display: block; max-width: 180px; max-height: 180px; object-fit: contain; image-orientation: from-image; }
.report-photo-editor-row { display: flex; justify-content: space-between; align-items: center; margin: 12px 0; color: #6f7f8e; font-size: 12px; }
.report-photo-editor-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.report-photo-editor-actions .el-button + .el-button { margin-left: 0; }
.report-photo-file-button { display: inline-flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 7px 12px; border: 1px solid #b8cde0; background: #ecf5ff; color: #337ecc; font-size: 12px; line-height: 1; border-radius: 4px; cursor: pointer; }
.report-photo-file-button input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.report-photo-file-button.is-disabled { color: #a8b5c2; border-color: #e1e7ed; background: #f5f7fa; cursor: not-allowed; }
.report-photo-file-button.is-disabled input { cursor: not-allowed; }
.report-photo-editor-empty { padding: 32px 16px; text-align: center; border: 1px dashed #ced9e4; color: #6f7f8e; line-height: 1.6; }
@media (max-width: 520px) {
  .report-photo-editor-dialog .el-dialog__body { padding: 12px; }
  .report-photo-editor-dialog .el-dialog__header { padding-right: 40px; }
  .report-photo-editor-dialog .el-dialog__title { font-size: 15px; overflow-wrap: anywhere; }
  .report-photo-editor-grid { grid-template-columns: minmax(0, 1fr); }
}