.equipment-photos{gap:16px;min-width:0;padding:20px;display:grid}.equipment-photos-heading,.equipment-photo-caption,.equipment-photo-actions,.equipment-photo-marking,.equipment-photo-upload-buttons{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.equipment-photos h3{margin:0;font-size:1.05rem}.equipment-photo-caption strong{overflow-wrap:anywhere}.equipment-photo-caption>span{opacity:.8;align-items:center;gap:5px;font-size:.8rem;display:inline-flex}.equipment-photo-stage{touch-action:pan-y pinch-zoom;background:#1116;border-radius:10px;width:fit-content;max-width:100%;margin:0 auto;position:relative;overflow:visible}.equipment-photo-stage>img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:62vh;display:block}.equipment-photo-stage.is-placing>img{cursor:crosshair}.equipment-photo-marker{color:#fff;width:30px;min-width:30px;height:30px;min-height:30px;font:inherit;z-index:1;cursor:pointer;background:#d85e22;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0009}.equipment-photo-marker.resolved{background:#21734a}.equipment-photo-marker.selected,.equipment-photo-marker.draft{outline-offset:2px;z-index:2;outline:3px solid #f4cd69}.equipment-photo-marker:disabled{opacity:1;cursor:default}.equipment-photo-selected{overflow-wrap:anywhere;border-left:3px solid #d2b568;margin:0;padding:10px}.equipment-photo-thumbnails{overscroll-behavior-x:contain;gap:10px;max-width:100%;padding:5px 1px 10px;display:flex;overflow-x:auto}.equipment-photo-thumbnails>button{border:1px solid var(--border,#77887866);max-width:104px;color:inherit;background:0 0;border-radius:8px;flex-direction:column;flex:0 0 104px;gap:5px;padding:5px;display:flex}.equipment-photo-thumbnails>button[aria-pressed=true]{border:2px solid #d2b568;padding:4px}.equipment-photo-thumbnails img{object-fit:cover;border-radius:5px;width:92px;height:65px;display:block}.equipment-photo-thumbnails span{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.equipment-photo-marking{justify-content:flex-start}.equipment-photo-marking>span{font-size:.85rem}.equipment-photo-actions{border-top:1px solid var(--border,#77887866);justify-content:flex-start;padding-top:10px;font-size:.85rem}.equipment-photo-actions button{align-items:center;gap:5px;min-height:36px;display:inline-flex}.equipment-photo-upload-buttons{justify-content:flex-start}.equipment-photo-upload-buttons>label{border:1px solid var(--border,#77887866);cursor:pointer;border-radius:8px;align-items:center;gap:7px;min-height:42px;padding:10px 12px;font-size:.85rem;display:inline-flex}.equipment-photo-upload-buttons>label:has(input:disabled){opacity:.5;pointer-events:none}.equipment-photo-upload-buttons input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.equipment-photo-upload-buttons>label:focus-within{outline-offset:2px;outline:2px solid #d2b568}.equipment-photo-upload ul{gap:8px;padding:0;list-style:none;display:grid}.equipment-photo-upload li{justify-content:space-between;align-items:center;gap:10px;display:flex}.equipment-photo-upload li span{overflow-wrap:anywhere;min-width:0}.equipment-photo-rename{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.equipment-photo-rename label{flex:1;gap:6px;min-width:140px;display:grid}.equipment-photo-rename input{font:inherit;color:inherit;border:1px solid var(--border,#77887866);background:0 0;border-radius:8px;width:100%;min-width:0;min-height:42px;padding:10px}.equipment-photos.position-only{gap:12px;padding:4px}.equipment-photo-history{border:1px solid var(--border,#77887866);border-radius:10px;margin:0 18px 18px}.equipment-photo-history>summary{cursor:pointer;padding:14px;font-weight:600}.equipment-photos .simple-empty{padding:22px 12px}.equipment-photos p.form-error{margin:0}.equipment-photo-history>summary:focus-visible{outline:2px solid #d2b568}.equipment-photos .text-button{white-space:normal}@media (max-width:700px){.equipment-photos{padding:14px}.equipment-photo-stage>img{max-height:55vh}.equipment-photo-thumbnails>button{flex-basis:90px;max-width:90px}.equipment-photo-thumbnails img{width:78px;height:58px}.equipment-photo-upload-buttons>label{font-size:.82rem}.equipment-photo-rename input{font-size:16px}.equipment-photo-history{margin:0 8px 12px}.equipment-photo-marking>button{white-space:normal;max-width:100%}.equipment-photo-caption{align-items:flex-start}.equipment-photo-caption>strong{max-width:100%}}.equipment-photos .text-button{border:1px solid var(--border,#77887866);background:0 0;border-radius:7px;flex:none;width:auto;min-height:36px;margin:0;padding:8px 10px}.equipment-photos-heading .text-button{margin-left:auto}.equipment-photo-stage>img{max-height:calc(52vh / var(--sg-ui-scale,1))}
