
.photo-context-menu{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(280px,calc(100vw - 16px));max-height:calc(100svh - 16px);overflow:auto;padding:7px;background:#f8f6ef;color:#2d3828;border:1px solid #b4baa788;border-radius:12px;box-shadow:0 12px 40px #14200f30;font:13px/1.45 Arial,sans-serif;text-align:start;z-index:2000}
.context-filename{margin:3px 9px 5px;padding-bottom:7px;border-bottom:1px solid #b8c1a455;color:#777e6d;font-size:11px;overflow-wrap:anywhere}
.photo-context-menu>a,.photo-context-menu summary,.context-share-links a,.context-share-links button{display:block;box-sizing:border-box;width:100%;padding:8px 10px;text-align:start;border:0;border-radius:6px;background:transparent;color:#34422c;font:13px/1.4 Arial,sans-serif;text-decoration:none;cursor:pointer}
.photo-context-menu a:hover,.photo-context-menu button:hover,.photo-context-menu summary:hover{background:#e8ecde}.photo-context-menu :is(a,button,summary,input):focus-visible{outline:2px solid #b28e54;outline-offset:-2px}
.photo-context-menu details{border-top:1px solid #b8c1a455;margin-top:3px;padding-top:3px}.photo-context-menu summary{display:flex;align-items:center;justify-content:space-between;list-style:none}.photo-context-menu summary::-webkit-details-marker{display:none}.photo-context-menu summary::after{content:'⌄';color:#929c81;font-size:16px;line-height:1}.photo-context-menu details[open]>summary::after{transform:rotate(180deg)}
.context-share-links{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px 5px 5px}.context-share-links button{grid-column:1/-1;background:#ecefe4}.context-share-links a{text-align:center;border:1px solid #b8c1a444;font-size:12px}
.photo-context-menu #context-status{font-size:11px;color:#536842;margin:5px 10px}.photo-context-menu #context-status:empty{display:none}.photo-context-menu #context-copy-fallback{box-sizing:border-box;width:100%;padding:8px;border:1px solid #aab49b;border-radius:6px;font-size:12px}.photo-context-menu [hidden]{display:none}
@media(max-width:680px){.photo-context-menu :is(a,button,summary){padding-block:10px}}
#photo-upload-form .file-picker{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:7px;border:1px solid #bac2aa;border-radius:6px;background:#fffdf7}.file-picker-button{flex-shrink:0;padding:7px 10px;background:#e8ecde;border-radius:4px;font-size:13px}#upload-filename{min-width:0;font-size:12px;overflow-wrap:anywhere}#photo-upload-form .file-picker input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0}.file-picker:focus-within{outline:2px solid #b28e54;outline-offset:2px}.file-picker:has(input:disabled){opacity:.6}

.share-status{font-size:13px;text-align:center;color:#536842;min-height:0}.share-status:empty{display:none}.photo-context-menu button:disabled,.photo-context-menu a[aria-disabled=true]{opacity:.65;cursor:wait}.photo-context-menu a[aria-disabled=true]{pointer-events:none}

.fullscreen-controls{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);display:flex;direction:ltr;gap:10px;z-index:2}.fullscreen-controls button{display:grid;place-items:center;min-width:46px;min-height:44px;border:1px solid #ffffff55;border-radius:24px;background:#1b241a77;color:#fff;font:15px/1.2 Arial,sans-serif;padding:10px 18px;backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 3px 16px #0002}.fullscreen-controls button:is(:hover,:focus-visible){background:#263124cc;border-color:#fff}.fullscreen-controls button:focus-visible{outline:2px solid #e6c790;outline-offset:3px}.fullscreen-controls :is(#fullscreen-prev,#fullscreen-next){font-size:27px;padding:4px 14px}.fullscreen-controls #fullscreen-play{min-width:44px;width:44px;height:44px;padding:0;border-radius:50%;font-size:0}.fullscreen-controls #fullscreen-play::before{content:"";display:block;width:11px;height:14px;background:linear-gradient(to right,currentColor 0 3px,transparent 3px 8px,currentColor 8px 11px)}.fullscreen-controls #fullscreen-play[data-playback="paused"]::before{width:0;height:0;background:none;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;margin-left:3px}@media(max-width:680px){.fullscreen-controls{bottom:85px;gap:8px}}

.photo-context-menu>button{display:block;box-sizing:border-box;width:100%;padding:8px 10px;text-align:start;border:0;border-radius:6px;background:transparent;color:#34422c;font:13px/1.4 Arial,sans-serif;cursor:pointer}.photo-context-menu>button:hover{background:#e8ecde}#frame-filename{display:none}

.fullscreen-description,.fullscreen-hint,.fullscreen-caption{display:none!important}.fullscreen-bottom .fullscreen-controls{flex-wrap:nowrap}

.photo-context-menu>hr{border:0;border-top:1px solid #b8c1a455;margin:6px 0}.photo-context-menu button:disabled{cursor:default}
