.hub-tile{--hub-tile-scale:0.36;display:grid;gap:12px;min-width:0;color:inherit;text-decoration:none}.hub-tile-frame{display:block;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow);transition:box-shadow .25s,transform .25s}.hub-tile:focus-visible .hub-tile-frame,.hub-tile:hover .hub-tile-frame{box-shadow:var(--frame-shadow);transform:translateY(-3px)}.hub-tile:focus-visible{outline:none}.hub-tile:focus-visible .hub-tile-frame{outline:2px solid var(--accent);outline-offset:3px}.hub-tile-window{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;container-type:inline-size;background:var(--bg)}.hub-tile-wait{position:absolute;inset:0;margin:0;padding:16px;font-size:var(--t-micro);color:var(--text-secondary)}.hub-tile-pan{position:relative;display:block;height:400cqw;transition:transform 1.2s ease}.hub-tile:focus-visible .hub-tile-pan,.hub-tile:hover .hub-tile-pan{transform:translateY(-325cqw);transition:transform 9s linear}.hub-tile-page{display:block;width:calc(100cqw / var(--hub-tile-scale));height:calc(400cqw / var(--hub-tile-scale));border:0;background:var(--bg);transform:scale(var(--hub-tile-scale));transform-origin:0 0;pointer-events:none}@media (prefers-reduced-motion:reduce){.hub-tile-pan,.hub-tile:focus-visible .hub-tile-pan,.hub-tile:hover .hub-tile-pan{transform:none;transition:none}}.hub-tile-caption{display:grid;gap:1px;padding:0 2px 10px;border-bottom:2px solid var(--hub-tile-brand,var(--border))}.hub-tile-name{font-size:var(--t-ui);font-weight:600}.hub-tile-kind{font-size:var(--t-meta);color:var(--text-secondary)}