[data-photo-layout]{position:relative;margin:24px 0;gap:8px;max-width:100%;min-width:0}
[data-photo-layout="collage"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
[data-photo-layout="collage"]>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:contain;background:#f1f1f1;margin:0!important;align-self:center}
[data-photo-layout="collage"]>img:last-of-type:nth-of-type(odd){grid-column:1/-1;max-height:560px}
[data-photo-layout="slide"]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;align-items:center;padding-bottom:12px;scrollbar-width:thin}
[data-photo-layout="slide"]>img{display:block!important;flex:0 0 100%;width:100%!important;max-width:100%!important;height:auto!important;max-height:680px;object-fit:contain;margin:0!important;scroll-snap-align:center}
.photo-slide-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:-12px 0 24px;font:13px/1.5 sans-serif;color:#555}
.photo-slide-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #bbb;background:white;border-radius:4px;color:#171717;cursor:pointer}.photo-slide-controls button:disabled{opacity:.35;cursor:default}.photo-slide-controls button:focus-visible{outline:2px solid #171717;outline-offset:3px}
@media(max-width:600px){[data-photo-layout]{gap:5px}[data-photo-layout="slide"]>img{max-height:80vh}}
img[data-photo-size="small"]{width:50%}img[data-photo-size="document"]{width:100%}.reading>img[data-photo-size="wide"],#preview-content>img[data-photo-size="wide"]{width:calc(100% + 48px)!important;max-width:calc(100% + 48px)!important;margin-left:-24px!important;margin-right:-24px!important}
.writing-page .tiptap>img[data-photo-size="wide"]{width:calc(100% + min(80px, max(0px, 100vw - 100% - 32px)))!important;max-width:calc(100% + 80px)!important;margin-left:max(-40px, calc((100% - 100vw + 32px)/2))!important;margin-right:0!important}
@media(max-width:760px){.reading>img[data-photo-size="wide"],#preview-content>img[data-photo-size="wide"],.writing-page .tiptap>img[data-photo-size="wide"]{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}}