.photo-inspector{margin:12px 0;background:#fff9ed;border:1px solid #baa98d;border-radius:12px;min-width:0}
.photo-inspector summary{padding:12px;min-height:44px;cursor:pointer;font-weight:800;touch-action:manipulation}
.inspector-body{padding:0 12px 12px}.inspector-body p{font-size:13px;line-height:1.6;color:#665947;margin:0 0 12px}
.inspector-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:14px}
.inspector-toolbar select,.inspector-toolbar button{min-height:44px;font:inherit;border:1px solid #baa98d;border-radius:8px;background:#fffaf0;color:var(--ink);padding:8px}
.inspector-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.inspector-pair figure{margin:0;min-width:0}.inspector-pair figcaption{font-size:13px;font-weight:700;margin-bottom:6px}
.inspector-pair canvas{display:block;width:100%;aspect-ratio:1;border:1px solid #baa98d;border-radius:8px;background:#e7ddcd}
.inspector-position{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;margin-top:10px;gap:4px}
.inspector-position input{width:100%;min-width:0;min-height:44px;margin:0;accent-color:var(--green)}
.inspector-position output{font-variant-numeric:tabular-nums}
.inspector-region{position:absolute;pointer-events:none;z-index:7;border:2px solid white;outline:1px solid #263e31;box-sizing:border-box}
.inspector-region[hidden]{display:none}
.photo-inspector :focus-visible{outline:3px solid var(--rust);outline-offset:3px}
/* Give touch users immediate feedback while preserving page zoom and scrolling. */
button,a,summary{touch-action:manipulation}
@media(pointer:coarse){.inspector-toolbar button:active,.photo-inspector summary:active{background:#dce6d1}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}}
/* Long user-provided names remain readable at narrow widths and enlarged text. */
.saved-item b,.recipe-undo span,.upload-status{overflow-wrap:anywhere;line-height:1.5}
@media(max-width:360px){.inspector-pair{gap:6px}}