.keepsake-filters{display:flex;gap:8px;align-items:center;margin:16px 0 8px}
.keepsake-filter{border:1px solid #c1aebc40;background:#ffffff04;color:#d4c7d8;border-radius:999px;padding:10px 18px;min-height:44px;font-size:13px;transition:background .2s,border-color .2s}
.keepsake-filter[aria-pressed="true"]{border-color:#dac3dc99;background:#dabfdd19;color:#f4e9f2}
.keepsake-filter:hover{border-color:#dac3dc99}
.header-actions button[aria-busy="true"],.experience-nav-option button[aria-busy="true"]{cursor:progress;color:#e7cf94}
.gallery-saved-mark{display:inline-block;color:#965470;font-size:13px;line-height:1;margin-left:5px}
#imageDialog{background:linear-gradient(145deg,#16171c,#0b0e14);width:min(690px,94vw);padding:24px;border-color:#cfb78070;color:#f1eadc}
#imageDialog .dialog-heading{margin-bottom:10px;gap:14px}
#imageDialog .dialog-heading>div{min-width:0}
#imageDialog .dialog-heading h2{line-height:1.45;overflow-wrap:anywhere}
.detail-browser{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.detail-arrow{width:44px;height:44px;border:1px solid #d0bd8e50;border-radius:50%;background:#d0bd8e09;color:#e9d39f;font-size:20px}
.detail-arrow:disabled{opacity:.3;cursor:default}
.detail-position{font:12px Georgia,serif;letter-spacing:.15em;color:#b4aba0}
.detail-image-frame{position:relative;min-height:100px;background:#ffffff08;overflow:hidden;border-radius:5px;touch-action:pan-y pinch-zoom}
#imageDialog .detail-image-frame img{max-height:58svh;width:100%;height:auto;object-fit:contain}
.detail-image-status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:7px 13px;border-radius:30px;max-width:90%;white-space:nowrap;font-size:12px;background:#12151ce3;color:#f0e3c1;pointer-events:none}
.detail-image-status:empty{display:none}
.detail-personal-actions{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;padding-top:16px;border-top:1px solid #c8b48e22;margin-top:18px}
.detail-personal-actions small{color:#a79f9e;font-size:11px;line-height:1.6;max-width:260px}
.keepsake-button{background:#f5d2d210;border:1px solid #ddb6b63d;color:#e4c7cf;min-height:44px;padding:10px 14px;font-size:13px;border-radius:5px}
.keepsake-button[aria-pressed="true"]{color:#f7bacd;background:#f9a5c714;border-color:#f7bacd70}
.card-meta .result-keepsake{flex:none;width:36px;height:40px;font-size:20px;padding:0;border-radius:50%}
.card-meta .result-keepsake[aria-pressed="true"]{color:#edb0c7}
.card-meta .result-keepsake:hover{background:#f0aaca12}
.card-meta>div:first-child{min-width:0}
#toast{bottom:calc(96px + env(safe-area-inset-bottom,0px));border-radius:6px;box-shadow:0 6px 24px #0006;text-align:center;line-height:1.6}
@media(max-width:650px){#imageDialog{padding:16px;width:94vw;max-height:92svh}#imageDialog .dialog-heading h2{font-size:19px}.detail-browser{margin-bottom:10px}.detail-personal-actions{gap:10px;padding-top:12px;margin-top:14px}.detail-personal-actions small{max-width:100%}.card-meta .result-keepsake{width:28px;font-size:18px}.keepsake-filters{margin-top:12px}.keepsake-filter{padding:9px 14px}#imageDialog .detail-image-frame img{max-height:50svh}}
