/* Admin-only controls; public media geometry is shared with product-cards.css. */
.cv-focal-entry { --cv-paper: #faf7f0; --cv-line: #9ba487; margin: 12px 0; border: 1px solid #ddd5c7; border-radius: 18px; padding: 12px; background: #faf7f0; min-width: 0; }
#editProductExistingImages { display: block; }
.cv-focal-header { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto 28px; gap: 8px; align-items: center; }
.cv-focal-header span { font-size: 12px; overflow-wrap: anywhere; }
.cv-focal-thumb { width: 54px; height: 64px; object-fit: cover; border-radius: 10px; }
.cv-focal-button { border: 1px solid #9ba487; border-radius: 20px; padding: 9px 12px; font: inherit; font-size: 12px; color: #465536; background: #fffdf8; cursor: pointer; }
.cv-focal-remove { border: 0; background: transparent; font-size: 25px; color: #765a48; cursor: pointer; }
.cv-focal-main { margin-top: 8px; }
.cv-focal-panel[hidden] { display: none; }
.cv-focal-help { font-size: 12px; line-height: 1.6; color: #666b5d; margin: 14px 0; }
.cv-focal-preview.cv-product-art { max-width: 320px; margin: 0 auto; }
.cv-focal-surface { display: block; padding: 0; border: 0; cursor: crosshair; touch-action: pan-y; }
.cv-focal-marker { position: absolute; z-index: 2; transform: translate(-50%, -50%); width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid #fffdf8; border-radius: 50%; background: #465536b3; color: white; font: 22px/1 sans-serif; pointer-events: none; }
.cv-focal-controls { display: grid; gap: 12px; margin: 16px 0; }
.cv-focal-controls label { display: grid; gap: 7px; font-size: 12px; }
.cv-focal-controls input[type=range] { width: 100%; min-height: 28px; padding: 0; accent-color: #7b8665; }
.cv-focal-entry button:focus-visible { outline: 2px solid #52633c; outline-offset: 3px; }
@media (max-width: 768px) { .cv-focal-preview .cv-product-frame { padding: 3px; } }
@media (max-width: 430px) {
    .cv-focal-entry { padding: 9px; }
    .cv-focal-header { grid-template-columns: 42px minmax(0, 1fr) 26px; }
    .cv-focal-thumb { width: 42px; height: 52px; grid-row: 1 / 3; }
    .cv-focal-header .cv-focal-button { grid-column: 2; grid-row: 2; justify-self: start; }
    .cv-focal-remove { grid-column: 3; grid-row: 1 / 3; }
}