.photo-image{background:var(--color-canvas);flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;position:relative;overflow:clip}.photo-image img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.photo-placeholder{align-items:center;gap:var(--space-xs);color:var(--color-ink-muted);padding:var(--space-sm);font-size:var(--text-caption);text-align:center;flex-direction:column;display:flex}.photo-trigger{background:var(--color-canvas);border-radius:var(--radius-card);border:0;width:100%;padding:0;display:block;overflow:clip}.photo-trigger:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.photo-trigger>.photo-image{pointer-events:none}.photo-upload-status{font-size:var(--text-caption);color:var(--color-ink-muted);align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.photo-upload-status .photo-upload-trigger{gap:var(--space-2xs);min-width:0;max-width:100%;min-height:44px;color:inherit;font-size:inherit;white-space:normal;text-align:start;flex-shrink:1;padding:0;font-weight:400}.photo-upload-trigger span{overflow-wrap:anywhere;min-width:0}.photo-upload-details{overflow-wrap:anywhere;flex-basis:100%;min-width:0}.photo-upload-details p{margin:0 0 var(--space-2xs)}.photo-upload-error{overflow-wrap:anywhere;flex-basis:100%}.photo-upload-status[data-upload-state=error]{color:var(--color-error)}.photo-upload-status .photo-upload-retry{font-size:inherit;padding:0}.photo-field .photo-upload-status{margin-top:0}.photo-viewer-overlay{z-index:1000;background:var(--photo-overlay);position:fixed;inset:0}.photo-viewer{z-index:1001;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--color-surface);outline:none;position:fixed;inset:0}.photo-viewer-layout{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.photo-viewer-toolbar{padding:var(--space-xs) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.photo-viewer button{color:var(--color-surface);white-space:nowrap;border-radius:var(--radius-small);min-width:44px;min-height:44px}.photo-viewer button:hover{background:var(--photo-control)}.photo-viewer button:focus-visible{outline:3px solid var(--color-sky);outline-offset:1px}.photo-viewer button:disabled{opacity:.4}.photo-viewer-canvas{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;min-height:0;position:relative;overflow:clip}.photo-viewer-picture{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.photo-viewer-picture .photo-image{background:0 0}.photo-viewer-picture img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%}.photo-viewer-picture .photo-placeholder{color:var(--color-surface)}.photo-viewer-controls{justify-content:center;gap:var(--space-2xs);padding:var(--space-xs);background:var(--photo-control);flex-wrap:wrap;flex-shrink:0;display:flex}.photo-viewer-message{padding:var(--space-xs);text-align:center;font-size:var(--text-small);color:var(--color-surface);margin:0}.record-photo.photo-action{height:clamp(180px,28dvh,260px)}.meal-detail-photo .photo-action{border-radius:0;height:100%}.meal-detail-thumbs .photo-image{aspect-ratio:1}.meal-card-image>.photo-action{border-radius:0;height:100%}.meal-card-image .photo-image img{object-fit:cover}.meal-card-copy{color:inherit;text-decoration:none;display:block}.record-meal-thumb.photo-image{width:44px;height:44px}.record-meal-thumb .photo-placeholder span{display:none}.record-meal-thumb .photo-placeholder{padding:0}.photo-form-preview{flex-shrink:0;width:96px;position:relative}.photo-form-preview>.photo-action{height:80px}.photo-form-preview .photo-remove{top:0;right:0}.meal-photo-thumb>.photo-action{border-radius:0;height:76px}.meal-photo-thumb .photo-upload-status{padding:0 var(--space-xs) var(--space-xs)}.workout-photo{align-items:stretch;gap:var(--space-xs);flex-direction:column}.workout-photo .photo-form-preview,.workout-photo .photo-pickers{flex:none;width:100%}.workout-photo .photo-form-preview>.photo-action,.workout-photo .photo-open{height:var(--workout-photo-height);border-radius:var(--radius-card)}.workout-photo:has(.photo-form-preview) .photo-picker{gap:var(--space-xs);flex-direction:row;min-height:44px}.workout-photo .photo-image img{object-fit:cover}.workout-photo .photo-remove{top:var(--space-2xs);right:var(--space-2xs);background:0 0}.workout-photo .photo-remove-mark{border-radius:var(--radius-pill);background:var(--color-surface);width:22px;height:22px;color:var(--color-ink);place-items:center;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:clip}.photo-action{min-width:0;position:relative}.photo-action>.photo-trigger{height:100%}.photo-retry{bottom:var(--space-xs);right:var(--space-xs);background:var(--color-surface);position:absolute}