#photo-fiche-editeur .modal-content { border-radius: 12px; border: 1px solid #d7e3f0; }
#photo-fiche-editeur .modal-header { background: #edf5fd; color: #244f7a; }
#photo-fiche-editeur .pf-outils, #photo-fiche-editeur .pf-reglages, #photo-fiche-editeur .pf-coordonnees { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 12px; }
#photo-fiche-editeur .pf-reglages > label { flex: 1 1 180px; color: #3c5f81; font-size: .85rem; }
#photo-fiche-editeur input[type=range] { display: block; width: 100%; accent-color: #245d91; }
#photo-fiche-editeur output { float: right; }
#pf-scene { background: #e6ecf3; border: 1px solid #cfdae7; border-radius: 8px; height: 52vh; max-height: 650px; min-height: 160px; overflow: auto; padding: 16px; }
#pf-surface { position: relative; margin: auto; line-height: 0; touch-action: none; }
#pf-canvas { width: 100%; height: auto; display: block; }
#pf-selection { position: absolute; border: 2px dashed #fff; outline: 1px solid #245d91; background: #245d9118; cursor: move; }
#pf-selection > button { position: absolute; width: 18px; height: 18px; background: #245d91; border: 2px solid #fff; padding: 0; border-radius: 3px; }
#pf-selection [data-coin=hg] { left: -9px; top: -9px; cursor: nwse-resize; }
#pf-selection [data-coin=hd] { right: -9px; top: -9px; cursor: nesw-resize; }
#pf-selection [data-coin=bg] { left: -9px; bottom: -9px; cursor: nesw-resize; }
#pf-selection [data-coin=bd] { right: -9px; bottom: -9px; cursor: nwse-resize; }
#photo-fiche-editeur .pf-coordonnees label { width: 90px; font-size: .8rem; }
#photo-fiche-editeur input[type=number] { width: 100%; border: 1px solid #ccd9e7; border-radius: 5px; }
.pf-actions-photo { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding: 8px; }
.pf-actions-photo .btn, .pf-actions-photo .effaceDonnees { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; flex: 0 0 36px; }
.pf-aide { display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #245d91; min-width: 28px; min-height: 28px; }
#photo-fiche-editeur .btn, #photo-fiche-editeur .btn:hover, #photo-fiche-editeur .btn:focus, .pf-actions-photo .btn, .pf-actions-photo .btn:hover { transform: none !important; scale: none !important; }
#photo-fiche-editeur .tooltip-inner { max-width: min(320px,calc(100vw - 40px)); overflow-wrap: anywhere; }
#modal-photos .card:has(.photo-fiche-modifier), #modal-photos .card:has(.photo-fiche-modifier):hover { transform: none !important; scale: none !important; }
@media(max-width:575px) { #photo-fiche-editeur .modal-dialog { margin: 8px; } #photo-fiche-editeur .modal-body { padding: 12px; } #photo-fiche-editeur .btn { font-size: .8rem; } #photo-fiche-editeur .modal-footer { gap: 4px; } }