body{background:var(--background);color:var(--foreground)}.masthead{justify-content:flex-end;align-items:center;padding:4px;display:flex}.brand-tile{align-self:start}.brand-tile img{width:100%;height:auto}.dark .brand-tile img{filter:invert()}.masthead nav,.viewer-bar>div,.actions{align-items:center;gap:4px;display:flex}.masthead button,.viewer button{font:inherit;border-radius:2px;font-size:12px}.masthead button[aria-current]{background:var(--muted)}.wall{--gutter:4;column-gap:calc(var(--gutter) * 1px);margin-inline:calc(var(--gutter) * 1px);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1px;display:grid}.tile{align-self:start;width:100%;display:block;position:relative}.tile-open{cursor:zoom-in;width:100%;display:block;overflow:hidden}.tile img{width:100%;height:auto}.tile-caption{color:#fff;text-align:left;pointer-events:none;opacity:0;background:linear-gradient(0deg,#0000008f,#00000073 24px,#0000);justify-content:space-between;align-items:flex-end;gap:4px;padding:32px 4px 4px 12px;font-size:12px;line-height:1.4;display:flex;position:absolute;inset:auto 0 0}.tile-caption>span{white-space:nowrap;text-overflow:ellipsis;align-self:end;min-width:0;padding-bottom:7px;overflow:hidden}.tile-actions{flex-shrink:0;margin-left:auto;display:flex}.tile-actions button:hover{color:#fff;background:#0000002e}.tile-actions button[aria-pressed=true] svg{fill:currentColor}.tile:focus-within .tile-actions{pointer-events:auto}@media (hover:hover){.tile:hover .tile-actions{pointer-events:auto}.tile:hover .tile-caption{opacity:1}}.tile:focus-within .tile-caption{opacity:1}@media (prefers-reduced-motion:no-preference){.tile-caption{transition:opacity .15s ease-out}.tile-open img{transition:transform .22s ease-out}.tile:focus-within .tile-open img{transform:scale(1.01)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tile:hover .tile-open img{transform:scale(1.01)}}.wall:has(.tile:not([style])){row-gap:calc(var(--gutter) * 1px);grid-auto-rows:auto}.tile-open:focus-visible{outline-offset:3px;outline:2px solid}.empty{margin:3rem 24px;font-size:13px}.viewer[data-slot]{background:var(--popover);width:calc(100% - 40px);max-width:1240px;height:calc(100dvh - 40px);max-height:1080px;color:var(--popover-foreground);border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:16px 24px}.viewer-bar,.viewer-meta{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.viewer-meta{border-top:1px solid var(--border);padding-top:12px}.viewer-copy{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;max-height:32dvh;overflow-y:auto}.viewer-copy>*+*{margin-top:8px}.viewer-meta .actions{flex-shrink:0;align-self:flex-start;margin-left:auto}.viewer-meta a{color:var(--muted-foreground);text-underline-offset:3px;text-decoration:underline}.large-image{object-fit:contain;width:100%;height:100%}@media (min-width:1500px){.wall{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:999px){.wall{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:699px){.wall{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer[data-slot]{width:100%;height:100dvh;padding:12px}}