.recipe-photo{background:oklch(var(--ink-channels) / 6%);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.recipe-photo-cover{object-fit:cover;width:100%;height:100%;display:block}.recipe-photo-contain{object-fit:contain;width:100%;height:100%;display:block}.recipe-photo-note{text-align:center;color:var(--text-dim);padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem}.recipe-photos{flex-wrap:wrap;align-items:flex-start;gap:1rem 1.75rem;display:flex}.recipe-photo-main{flex-shrink:0;min-width:0;max-width:100%;margin:0}.recipe-photo-main-button{cursor:zoom-in;border-width:1px;border-color:var(--border-subtle);border-radius:1rem;width:100%;padding:0;display:block;overflow:hidden}.recipe-photo-main-button:focus-visible{outline:2px solid var(--info);outline-offset:2px}.recipe-photos-rest{flex:16rem;min-width:0}.recipe-photo-strip{flex-wrap:wrap;gap:.75rem;display:flex}.recipe-photo-tile{cursor:zoom-in;border-width:1px;border-color:var(--border-subtle);border-radius:.75rem;flex-shrink:0;max-width:100%;height:9rem;padding:0;display:block;position:relative;overflow:hidden}.recipe-photo-tile.is-step{height:6rem}.recipe-photo-tile .recipe-photo{height:100%}.recipe-photo-tile:focus-visible{outline:2px solid var(--info);outline-offset:2px}.recipe-card-photo{border-radius:.75rem;flex-shrink:0;width:4rem;height:4rem}.recipe-thumb{border-radius:.5rem;flex-shrink:0;width:2.5rem;height:2.5rem}.recipe-photo-viewer-overlay{z-index:80;background:oklch(0% 0 0/.72);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.recipe-photo-viewer{background:var(--dialog-surface);border-width:1px;border-color:var(--border-subtle);border-radius:1.5rem;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;width:100%;max-width:64rem;height:min(92dvh,56rem);max-height:calc(100dvh - 2rem);padding:1.25rem;display:grid}.recipe-photo-viewer-frame{background:var(--canvas-deep);border-radius:1rem;justify-content:center;align-items:center;height:100%;min-height:0;padding:.5rem;display:flex;position:relative;overflow:hidden}.recipe-photo-viewer-image{border-radius:.75rem;width:100%;max-width:100%;height:100%;min-height:0}