.photo-surface{color:var(--ink);background:var(--paper-light)}.photo-surface .photo-surface-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.photo-surface .photo-surface-header h2{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:1rem;line-height:1.45}.photo-surface-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.photo-surface .photo-surface-actions>button,.photo-surface-navigation button{width:auto;min-width:44px;height:auto;min-height:44px;color:var(--ink);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.photo-surface-navigation{align-items:center;gap:4px;display:flex}.photo-surface-navigation span{text-align:center;font-variant-numeric:tabular-nums;min-width:3em;font-size:.875rem}.photo-surface-navigation button:disabled{opacity:.35;cursor:default}.photo-surface button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.photo-surface .photo-zoom{flex-direction:column;min-width:0;display:flex}.photo-surface .photo-zoom-tools{border-top:1px solid var(--line);background:var(--paper-light);border-radius:0;order:2;gap:8px 18px;width:100%;margin:0;padding:8px 12px}.photo-surface .photo-zoom-stepper{background:0 0;border:0;padding:0}.photo-surface .photo-zoom-viewport{background:var(--surface-subtle);min-height:160px;max-height:64dvh}.photo-surface .photo-surface-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 16px;font-size:.875rem;display:flex}.photo-surface-footer a{align-items:center;min-height:44px;display:inline-flex}.photo-surface-information{overflow-wrap:anywhere;padding:0 16px 12px;font-size:.9375rem}.photo-surface-information>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:.875rem}.photo-surface-information p{white-space:pre-wrap}.photo-surface-home{border:1px solid var(--line);border-radius:var(--radius-xl);width:min(1080px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto}.photo-surface-home::backdrop{background:#0a0c0fc7}.photo-surface-home .home-photo-image{min-height:180px;position:relative}.photo-surface-home .home-photo-image>img{display:block}.photo-surface-home .home-photo-image[data-ready=false]>img{opacity:0}.photo-surface-home .home-photo-state{background:var(--surface-subtle);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}@media (width<=480px){.photo-surface .photo-surface-header{gap:6px;padding:6px 10px}.photo-surface .photo-zoom-tools{gap:4px 8px;padding:4px}.photo-surface .photo-zoom-fit span{max-width:7em}.photo-surface .photo-zoom-viewport{max-height:58dvh}}@media (height<=560px){.photo-surface .photo-zoom-viewport{min-height:120px;max-height:58dvh}}.photo-surface .member-room-photo-stage{padding:0}.member-room-photo-viewer.photo-surface .photo-zoom-viewport{height:auto!important}.photo-surface.pc-inspector .pc-detail-layout{flex-direction:column;gap:0;display:flex;overflow:auto}.photo-surface.pc-inspector .pc-detail-photo{width:100%;padding:0}.photo-surface.pc-inspector .pc-detail-text{border-top:1px solid var(--line);padding:12px 16px}.photo-surface.pc-inspector .photo-surface-information{padding:0}.photo-surface.pc-inspector .pc-detail-text .pc-author{font-size:.875rem}.photo-surface.pc-inspector .pc-detail-text>.pc-muted{margin:4px 0}.photo-surface.pc-inspector .pc-filmstrip{border-top:1px solid var(--line);order:0;width:100%;max-width:100%;padding:8px 16px}.pc-more-actions{flex:100%;font-size:.875rem}.pc-more-actions>summary{cursor:pointer;min-height:44px;color:var(--muted);padding:12px 4px}.pc-more-actions>div{flex-wrap:wrap;gap:16px;display:flex}.photo-surface .photo-surface-header,.photo-surface.pc-inspector .pc-detail-layout>*{flex:none}.photo-surface.pc-inspector .pc-detail-text{width:100%}.photo-surface.pc-inspector .pc-detail-photo{align-items:stretch}.photo-surface.pc-inspector[data-presentation=inline][open]{top:var(--photo-inset,96px);max-height:calc(100dvh - var(--photo-inset,96px) - 16px)}.photo-surface:has(.photo-viewer-frame){height:min(780px,100dvh - 24px);overflow:hidden}.photo-viewer-frame{flex:1;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.photo-viewer-frame>.photo-surface-header{grid-area:1/1;align-items:flex-start;max-height:120px;overflow:auto}.photo-viewer-frame .photo-surface-actions{flex:none;margin-left:auto;position:sticky;top:0}.photo-viewer-frame .photo-frame-stage{grid-area:2/1;align-items:stretch;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.photo-viewer-frame .photo-frame-information{overscroll-behavior:contain;scrollbar-width:thin;grid-area:3/1;min-width:0;min-height:0;max-height:min(180px,28dvh);overflow:auto}.photo-viewer-frame .photo-zoom{height:100%;min-height:0}.photo-surface .photo-viewer-frame .photo-zoom-viewport{max-height:var(--photo-stage-height,40dvh);flex:1;min-height:0;height:var(--photo-stage-height,40dvh)!important}.photo-viewer-frame .photo-zoom-tools{flex:none}.photo-viewer-frame .photo-zoom-viewport[data-measured] :is(.home-photo-image,.member-photo-image){height:100%;min-height:0}.photo-viewer-frame .photo-zoom-viewport[data-measured] :is(.home-photo-image,.member-photo-image)>img{object-fit:contain;height:100%}.photo-surface.pc-inspector .photo-viewer-frame .pc-detail-layout{display:contents}.photo-surface.pc-inspector .photo-viewer-frame .pc-detail-text{order:initial;width:auto;padding:12px 16px}.photo-surface.pc-inspector .photo-viewer-frame .pc-filmstrip{border-top:0;padding:0 0 12px;display:flex;overflow-x:auto}.photo-viewer-frame .pc-navigation-error{z-index:2;grid-area:1/1;align-self:end;margin:0}.photo-viewer-frame[data-layout=rail]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(240px,28%,300px)}.photo-viewer-frame[data-layout=rail]>.photo-surface-header{border-left:1px solid var(--line);border-bottom:0;flex-direction:column-reverse;grid-area:1/2;max-height:240px}.photo-viewer-frame[data-layout=rail] .photo-frame-stage{grid-area:1/1/3}.photo-viewer-frame[data-layout=rail] .photo-frame-information{border-left:1px solid var(--line);border-top:0;grid-area:2/2;max-height:none}.photo-viewer-frame[data-layout=rail] .photo-surface-footer{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}.photo-viewer-frame[data-layout=rail] .pc-navigation-error{grid-column:2}@media (width<=480px),(height<=560px){.photo-viewer-frame .photo-zoom-fit{width:44px;padding-inline:6px}.photo-viewer-frame .photo-zoom-fit span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.photo-viewer-frame .photo-zoom-tools{gap:4px;padding:4px}.photo-viewer-frame .photo-surface-header h2{font-size:.875rem}.photo-viewer-frame .photo-surface-header{padding:6px 10px}}