.photo-panel{margin-block:1.5rem;padding:1.25rem;border:1px solid var(--border,#d5e3df);border-radius:1rem;background:var(--surface,#fff);min-width:0}.photo-drop{text-align:center;border:2px dashed #146b63;padding-block:2rem}.photo-drop>label{display:block;font-weight:700;font-size:1.2rem}.photo-drop input{max-width:100%;font:inherit}.photo-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.photo-drop .photo-actions{justify-content:center}.photo-help{color:#526a62}.photo-error{color:#a32121;font-weight:700}.photo-status{min-height:1.5em;overflow-wrap:anywhere}.photo-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.photo-metric{background:#f1f7f5;border-radius:.75rem;padding:1rem;text-align:center;min-width:0}.photo-metric dt{font-size:.9rem;color:#425b53}.photo-metric dd{margin:.35rem 0 0;font-weight:700;font-size:1.25rem;overflow-wrap:anywhere}.photo-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem}.photo-details dt{font-weight:700}.photo-details dd{margin:0 0 .6rem;overflow-wrap:anywhere}.photo-preview{display:block;max-width:100%;max-height:360px;width:auto;height:auto;margin:1rem auto;border-radius:.5rem}.photo-histogram{display:block;width:100%;height:160px;image-rendering:pixelated;border:1px solid #d5e3df;border-radius:.4rem}.photo-histogram-axis{display:flex;justify-content:space-between}.photo-note{padding:.8rem;border-left:4px solid #146b63;background:#f1f7f5}.photo-panel[hidden],.photo-panel [hidden],.photo-preview[hidden]{display:none!important}
@media(max-width:640px){.photo-panel{padding:1rem}.photo-summary,.photo-details{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-actions .button{width:100%}}