/* PhotoOS photo library update, scoped to the gallery and viewer. */
.photos-page .photo-metric-action{padding:0;border:0;border-radius:14px;text-align:left;color:inherit;background:transparent;cursor:pointer;width:100%;font:inherit;transition:transform .18s,box-shadow .18s}
.photos-page .photo-metric-action .metric-card{height:100%;margin:0}
.photos-page .photo-metric-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #06b6d422}
.photos-page .photo-metric-action:focus-visible{outline:3px solid #22d3ee;outline-offset:3px}
.photos-page .photo-metric-action[aria-pressed=true]{box-shadow:0 0 0 1px #22d3ee,0 0 24px #22d3ee18}
.photos-page .photo-toolbar{grid-template-columns:minmax(180px,1fr) 160px 170px 170px;align-items:end;padding:12px 16px 0;gap:12px}
.photos-page .photo-search input,.photos-page .photo-toolbar select,.photos-page .photo-date-filter input{min-height:42px;font-size:12px}
.photos-page .photo-source-filters{padding:12px 16px;gap:8px}
.photos-page .filter-chip{font-size:11px;min-height:32px;border-radius:9px}
.photos-page .filter-chip--active{background:linear-gradient(135deg,#0753a9,#0284c7);box-shadow:0 0 15px #0ea5e92b}
.photos-page .media-timeline{padding:10px 16px 20px;gap:24px}
.photos-page .media-date-group h3{font-size:15px;color:#d8eafa;margin-bottom:4px}
.photos-page .media-grid-live{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.photos-page .media-tile-live{position:relative;border-radius:12px;background:linear-gradient(145deg,#0a2136,#061626);border-color:#20405c}
.photos-page .media-preview{aspect-ratio:4/3;cursor:pointer}
.photos-page .media-tile-live__body{padding:10px;gap:5px}
.photos-page .media-tile-live__body strong{font-size:11px}
.photos-page .media-tile-live__body small{font-size:10px}
.photos-page .media-tile-live__meta>span{font-size:10px}
.photos-page .media-tile-live:has(video):before{content:'▶ VIDEO';position:absolute;top:10px;left:10px;z-index:1;pointer-events:none;background:#05101cce;color:#fff;border:1px solid #ffffff33;padding:5px 8px;border-radius:6px;font-size:10px;letter-spacing:.06em}
.media-viewer__panel{grid-template-rows:auto minmax(0,1fr) auto}
.media-viewer__stage{position:relative;min-width:0;min-height:0;width:100%;height:100%}
.media-viewer__image{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.media-viewer__controls button{font-size:13px}
[data-theme=light] .photos-page .media-tile-live{background:#fff}
[data-theme=light] .photos-page .media-date-group h3{color:#163451}
@media(max-width:1200px){.photos-page .photo-toolbar{grid-template-columns:minmax(180px,1fr) 140px 145px 145px}}
@media(max-width:950px){.photos-page .photo-toolbar{grid-template-columns:1fr 1fr}.photos-page .media-grid-live{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media(max-width:550px){.photos-page .photo-toolbar{grid-template-columns:1fr}.photos-page .media-grid-live{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-viewer{padding:8px}.media-viewer__panel{width:100%;height:92dvh}.photos-page .media-tile-live__body{padding:7px}}