/* Client Charting facial treatment map and expanded preview controls. */
.preview-textarea{display:block;min-height:132px;border:1px solid #ded4c1;border-radius:10px;background:#fff;padding:12px;box-sizing:border-box}
.face-map-control .body-map-workspace{grid-template-columns:minmax(420px,1.25fr) minmax(260px,.75fr);min-height:570px}
.face-map-control .body-map-canvas{background:#fff}
.face-map-control .body-map-canvas>img{width:100%;height:100%;min-height:570px;max-height:640px;object-fit:contain;object-position:center;padding:18px 52px 54px;box-sizing:border-box}
.face-map-control .body-map-hint{bottom:16px}
.clinical-form-preview .face-map-control{margin-top:10px}
.clinical-form-preview .face-map-control .body-map-workspace{min-height:540px}
.clinical-form-preview .face-map-control .body-map-canvas>img{min-height:540px;max-height:610px;padding:14px 42px 52px}
@media(max-width:760px){
  .face-map-control .body-map-workspace,.clinical-form-preview .face-map-control .body-map-workspace{grid-template-columns:1fr;min-height:0}
  .face-map-control .body-map-canvas>img,.clinical-form-preview .face-map-control .body-map-canvas>img{min-height:500px;max-height:570px;padding:12px 30px 50px}
}
@media(max-width:480px){
  .face-map-control .body-map-canvas>img,.clinical-form-preview .face-map-control .body-map-canvas>img{min-height:390px;max-height:450px;padding:8px 12px 44px}
  .preview-textarea{min-height:110px}
}
@media print{
  .face-map-control .body-map-workspace{grid-template-columns:1.25fr .75fr;min-height:430px}
  .face-map-control .body-map-canvas>img{min-height:430px;max-height:470px}
}