.hub-row{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--color-surface-2) transparent;gap:14px;padding-bottom:10px;display:flex;overflow-x:auto}.hub-row>*{scroll-snap-align:start}.hub-row::-webkit-scrollbar{height:8px}.hub-row::-webkit-scrollbar-track{background:0 0}.hub-row::-webkit-scrollbar-thumb{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:100px}.hub-row::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.hub-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);width:264px;transition:border-color .2s var(--ease);flex:none;position:relative;overflow:hidden}.hub-card:hover{border-color:var(--color-mint)}.hub-card-skeleton{flex:none;width:264px;height:232px}.hub-card-link{color:inherit;text-decoration:none;display:block}.hub-cover{background:var(--color-surface-2);height:148px;position:relative}.hub-cover-img{object-fit:cover;width:100%;height:100%;display:block}.hub-cover--empty{background:var(--surface-hover-strong)}.hub-card-body{padding:14px}.hub-card-title{letter-spacing:-.01em;color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.hub-card-meta{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.hub-badge{border-radius:var(--radius-xs);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--glass-ink);-webkit-backdrop-filter:blur(var(--glass-blur-thin)) saturate(var(--glass-saturate));pointer-events:none;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.hub-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.hub-badge--live .hub-dot{background:var(--color-success)}.hub-badge--busy .hub-dot{background:var(--color-warning)}.hub-badge--error .hub-dot{background:var(--color-error)}.hub-delete,.hub-edit{border-radius:var(--radius-xs);cursor:pointer;color:#fff;background:var(--glass-ink);-webkit-backdrop-filter:blur(var(--glass-blur-thin)) saturate(var(--glass-saturate));transition:background .2s var(--ease), color .2s var(--ease);border:none;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;position:absolute;top:10px;right:10px}.hub-delete{padding:7px}.hub-delete:hover{background:#ef4444d9}.hub-edit{padding:6px 10px}.hub-edit:hover{background:#000c}.hub-delete svg,.hub-edit svg{width:15px;height:15px}@media (max-width:560px){.hub-card,.hub-card-skeleton{width:232px}}