.xcp-photo{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-2xl);outline:1px solid var(--hud-border);outline-offset:-1px;isolation:isolate;--xcp-band-ink: color-mix(in srgb, #fff 84%, transparent);--xcp-gap: 16px;--xcp-pad: 18px}.xcp-fade{position:absolute;z-index:0;right:0;bottom:0;left:0;height:44px;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,#000 35%,transparent))}.xcp-stage{position:absolute;z-index:1;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:var(--xcp-gap);padding:0 var(--xcp-pad)}.xcp-slot{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;gap:3px;min-width:0;padding-bottom:7px}.xcp-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--hud-font-sans);font-size:var(--text-md);line-height:var(--leading-tight);font-weight:500;color:var(--xcp-band-ink)}.xcp-slot[data-phase=travel]{animation:xcp-arrive 2.1s cubic-bezier(.3,.7,.3,1) both}.xcp-slot[data-phase=travel][data-run=off]{animation-name:xcp-arrive-carried}@keyframes xcp-arrive{0%{transform:translate(var(--xcp-from, -240px))}to{transform:translate(0)}}@keyframes xcp-arrive-carried{0%{transform:translate(var(--xcp-from, -240px));opacity:0}60%{opacity:1}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.xcp-slot[data-phase]{animation:none}}.xcp-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:36px 24px 44px;text-align:center;animation:pi-fade-in .16s var(--pi-ease, ease-out)}.xcp-emptyWho{margin-top:10px;max-width:100%;overflow-wrap:anywhere;font-family:var(--hud-font-sans);font-size:var(--text-md);line-height:var(--leading-tight);font-weight:500;color:var(--pi-dim, var(--scout-chrome-ink-faint))}.xcp-emptyTitle{margin-top:4px;font-size:var(--text-md);font-weight:650;color:var(--pi-muted, var(--scout-chrome-ink-soft))}.xcp-emptyDetail{max-width:420px;font-family:var(--hud-font-sans);font-size:var(--text-md);line-height:var(--leading-snug);color:var(--pi-dim, var(--scout-chrome-ink-faint))}.xcp-emptyAction{margin-top:14px;display:inline-flex;align-items:center;height:28px;padding:0 14px;border:1px solid color-mix(in srgb,var(--pi-accent, var(--accent)) 42%,transparent);border-radius:7px;background:color-mix(in srgb,var(--pi-accent, var(--accent)) 12%,transparent);color:var(--pi-ink, var(--scout-chrome-ink-strong));font-family:var(--pi-sans, var(--hud-font-sans));font-size:var(--text-md);font-weight:620;cursor:pointer;transition:background .14s var(--pi-ease, ease-out),border-color .14s var(--pi-ease, ease-out)}.xcp-emptyAction:hover{border-color:color-mix(in srgb,var(--pi-accent, var(--accent)) 66%,transparent);background:color-mix(in srgb,var(--pi-accent, var(--accent)) 20%,transparent)}.xcp-emptyAction:focus-visible{outline:2px solid var(--pi-accent, var(--accent));outline-offset:2px}