.photo-filter-dialog{padding:0;width:min(760px,94vw);max-width:94vw;max-height:94vh;max-height:94dvh;border:1px solid #c0b6a4;background:#fff;color:#171719;box-shadow:0 15px 80px #5a101f70;overflow:auto;font-family:Arial,sans-serif;z-index:2000}.photo-filter-dialog::backdrop{background:#430a15c9}.photo-filter-dialog:not([open]){display:none}.photo-filter-shell{padding:16px}.photo-filter-shell>header,.photo-filter-shell>footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.photo-filter-shell>header{position:sticky;top:-16px;z-index:1;background:#fff;padding:8px 0;border-bottom:1px solid #e6e1d5;margin-bottom:10px}.photo-filter-shell h2{margin:0;font-size:22px;color:#a50428}.photo-filter-dialog button,.album-filter-button{min-height:44px;padding:10px 12px;border:1px solid #c0b6a4;background:#ffffff;color:#891329;font:700 14px/1.2 Arial,sans-serif;cursor:pointer;touch-action:manipulation}.photo-filter-dialog button:disabled{opacity:.5;cursor:default}.photo-filter-dialog button:focus-visible,.photo-filter-dialog input:focus-visible{outline:3px solid #ffa548;outline-offset:3px}.photo-filter-preview{display:block;max-width:100%;width:auto;max-height:42vh;max-height:42dvh;height:auto;object-fit:contain;margin:10px auto;background:#f7f5ef}.photo-filter-note{font-size:13px;line-height:1.5;margin:10px 0;color:#6e645c}.photo-filter-status{min-height:1.4em;font-weight:bold;text-align:center;margin:10px 0;font-size:14px}.photo-filter-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0}.photo-filter-choices button{display:flex;align-items:center;flex-direction:column;gap:7px;padding:5px;min-width:0}.photo-filter-choices canvas{display:block;width:100%;max-width:100px;height:auto}.photo-filter-choices span{font-size:12px;overflow-wrap:anywhere}.photo-filter-dialog [aria-pressed=true]{border:2px solid #ec932b;background:#fff3df;color:#6f3800}.photo-filter-overlays{display:flex;gap:8px;flex-wrap:wrap;border:1px solid #e6e1d5;padding:10px;margin:0 0 12px}.photo-filter-overlays legend{font-size:14px;font-weight:bold}.photo-filter-strength{display:block!important;font-size:14px;font-weight:bold}.photo-filter-strength output{float:right}.photo-filter-strength input{display:block;width:100%;min-height:44px;accent-color:#a50428}.photo-filter-shell>footer{margin-top:15px;padding:10px 0;position:sticky;bottom:-16px;background:white}.photo-filter-shell .photo-filter-apply{background:#8d142a;color:white;margin-left:auto}.album-filter-description{font-size:12px;margin:7px 0;color:#74685e}.album-filter-button{width:100%}#member-profile-filters{margin:8px 0}.album-upload-selection .album-filter-button{width:100%}@media(max-width:600px){.photo-filter-dialog{width:96vw;max-width:96vw;max-height:96vh;max-height:96dvh}.photo-filter-shell{padding:12px}.photo-filter-shell h2{font-size:19px}.photo-filter-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-filter-preview{max-height:32vh;max-height:32dvh}.photo-filter-shell>footer{bottom:-12px}.photo-filter-shell>header{top:-12px}.photo-filter-shell>footer button{flex:1;padding:10px 8px;font-size:13px}.photo-filter-shell .photo-filter-apply{flex-basis:100%;margin-left:0}}
/* A swipeable filter strip keeps the preview close to the controls on phones. */
.photo-filter-choices{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 3px 10px}
.photo-filter-choices button{flex:0 0 96px;scroll-snap-align:center}
@media(max-width:600px){.photo-filter-choices button{flex-basis:84px}.photo-filter-preview{max-height:28vh;max-height:28dvh}.photo-filter-shell>footer{gap:6px}.photo-filter-note{font-size:12px}}