/* Existing OB colors and typography. The private JPEG is not transformed. */
.ob-photo-open{overflow:hidden}
.ob-photo-sheet{position:fixed;inset:0;width:min(94vw,560px);max-height:94vh;max-height:94dvh;margin:auto;padding:0;border:1px solid #4c271933;border-radius:16px;background:#fff6dd;color:#4c2719;overflow:auto;font:inherit}
.ob-photo-sheet::backdrop{background:#1f140fcc}
.ob-photo-card{padding:18px}
.ob-photo-card header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #4c271933;padding-bottom:12px}
.ob-photo-card h2{font:800 21px/1.2 Geologica,OB,Arial,sans-serif;margin:0}
.ob-photo-card button{font:700 15px/1.25 Arial,sans-serif;font-family:inherit;border:1px solid #4c2719;border-radius:9px;min-height:48px;padding:12px 16px;cursor:pointer}
.ob-photo-card .ob-photo-close{flex:none;min-width:48px;padding:4px 12px;font-size:28px;background:transparent;color:#4c2719}
.ob-photo-instruction{background:#f4e8c9;border-left:3px solid #e24e1b;padding:12px;font-size:15px;line-height:1.5;margin:14px 0}
.ob-photo-image{display:block;width:auto;max-width:100%;max-height:52vh;max-height:52dvh;margin:14px auto;object-fit:contain;touch-action:auto;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}
.ob-photo-card .ob-photo-share{display:block;width:100%;background:#e24e1b;color:white;font-weight:800}
.ob-photo-options{margin-top:18px;font-size:14px;color:#725c4d}
.ob-photo-options summary{cursor:pointer;min-height:44px;padding:12px 0}
.ob-photo-options a{display:inline-flex;align-items:center;min-height:44px;color:#4c2719;text-decoration:underline;padding:8px 0}
.ob-photo-options small{display:block;font-size:13px;line-height:1.5}
.ob-photo-card button:focus-visible,.ob-photo-options summary:focus-visible,.ob-photo-options a:focus-visible{outline:3px solid #305a2a;outline-offset:3px}
.ob-photo-card button:disabled{opacity:.55;cursor:wait}
.ob-photo-sheet [hidden]{display:none!important}
@media(max-width:650px){.ob-photo-sheet{width:100%;max-height:100vh;max-height:100dvh;border-radius:0}.ob-photo-card{padding:16px 18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.ob-photo-image{max-height:50vh;max-height:50dvh}}