.hub { max-width: 720px; margin: 24px auto; }
.hub-top { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.hub-top h2 { margin:0; flex:1; }
.hub-grid { display:grid; gap:10px; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); margin-top:16px; }
.hubbtn { text-align:left; padding:14px; background:var(--bg); border:1px solid var(--line); border-radius:10px; color:var(--text); cursor:pointer; }
.hubbtn:hover { border-color:var(--accent); }
.hubbtn.locked { opacity:.4; cursor:not-allowed; }
.hubbtn small { display:block; color:var(--dim); margin-top:4px; }
.tray { position:fixed; bottom:16px; right:16px; }