/* Projects lobby: one card per project with a Galaxy-style architecture thumbnail. */
[data-archbro-ui="next"] :is(.ui-next-project-lobby,.ui-next-overview-diagram-preview){
  --lobby-stage:#f7f9fc;--lobby-stage-dot:#dce4ef;--lobby-shadow:rgba(32,60,102,.10);
  --lobby-0:#3b82f6;--lobby-1:#22b96b;--lobby-2:#f26d5b;--lobby-3:#8b5cf6;--lobby-4:#d99a0b;--lobby-5:#0ea5b7
}
[data-archbro-ui="next"] .ui-next-project-lobby{width:min(1184px,100%);margin:0 auto;padding:8px 0 40px;container-type:inline-size}
[data-archbro-ui="next"][data-theme="dark"] :is(.ui-next-project-lobby,.ui-next-overview-diagram-preview){
  --lobby-stage:#101824;--lobby-stage-dot:#263448;--lobby-shadow:rgba(0,0,0,.35);
  --lobby-0:#6ea8ff;--lobby-1:#4fd79a;--lobby-2:#ff9686;--lobby-3:#b197ff;--lobby-4:#f2c14e;--lobby-5:#45c9d8
}
.ui-next-project-lobby-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.ui-next-project-lobby-header h1{margin:0;font-size:clamp(24px,3vw,30px);line-height:1.15;letter-spacing:-.02em}
/* Tabs: All / Has architecture / Generating, with how many cards each shows. */
.ui-next-project-lobby-tabs{display:flex;gap:2px;margin:-8px 0 18px;border-bottom:1px solid var(--ui-next-line-soft);overflow-x:auto;scrollbar-width:none}
.ui-next-project-lobby-tabs::-webkit-scrollbar{display:none}
.ui-next-project-lobby-tab{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;margin:0;border:0;background:none;
  color:var(--ui-next-muted);font:inherit;font-size:13.5px;font-weight:560;cursor:pointer;box-shadow:inset 0 -2px 0 transparent;
  transition:color .15s ease,box-shadow .15s ease}
.ui-next-project-lobby-tab.is-active{color:var(--ui-next-ink);font-weight:650;box-shadow:inset 0 -2px 0 var(--ui-next-accent)}
[data-archbro-ui="next"] .ui-next-project-lobby .ui-next-project-lobby-tab:focus-visible{outline:2px solid var(--ui-next-accent);outline-offset:-4px;border-radius:8px;box-shadow:none}
[data-archbro-ui="next"] .ui-next-project-lobby .ui-next-project-lobby-tab.is-active:focus-visible{box-shadow:inset 0 -2px 0 var(--ui-next-accent)}
.ui-next-project-lobby-tab-count{min-width:20px;padding:0 6px;border-radius:999px;background:var(--ui-next-surface-muted);
  color:var(--ui-next-muted);font-size:11.5px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.ui-next-project-lobby-tab.is-active .ui-next-project-lobby-tab-count{background:var(--ui-next-accent-soft);color:var(--ui-next-accent)}
@media (hover:hover) and (pointer:fine){.ui-next-project-lobby-tab:hover:not(.is-active){color:var(--ui-next-ink)}}
.ui-next-project-lobby-empty{margin:4px 0 0;color:var(--ui-next-muted);font-size:13.5px}
.ui-next-project-lobby-card[hidden],.ui-next-project-lobby-empty[hidden]{display:none}
.ui-next-project-lobby-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
@container (max-width:880px){.ui-next-project-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:560px){.ui-next-project-lobby-grid{grid-template-columns:1fr;gap:14px}}
.ui-next-project-lobby-card{display:grid;grid-template-rows:auto 1fr;padding:0;margin:0;text-align:left;font:inherit;color:inherit;
  border:1px solid var(--ui-next-line-soft);border-radius:12px;background:var(--ui-next-surface);overflow:hidden;cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.ui-next-project-lobby-card:hover,.ui-next-project-lobby-card:focus-visible{transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--ui-next-accent) 55%,var(--ui-next-line-soft));box-shadow:0 10px 28px var(--lobby-shadow)}
.ui-next-project-lobby-card:focus-visible{outline:2px solid var(--ui-next-accent);outline-offset:2px}
.ui-next-project-lobby-thumb{display:grid;place-items:center;width:100%;aspect-ratio:400/230;background-color:var(--lobby-stage);
  background-image:radial-gradient(circle,var(--lobby-stage-dot) .8px,transparent .9px);background-size:16px 16px;
  border-bottom:1px solid var(--ui-next-line-soft);color:var(--ui-next-muted);font-size:13px}
.ui-next-project-lobby-thumb svg{display:block;width:100%;height:100%}
.ui-next-project-lobby-meta{display:grid;align-content:start;gap:3px;padding:12px 14px 14px;min-width:0}
.ui-next-project-lobby-name{font-size:15px;font-weight:680;line-height:1.35;overflow-wrap:anywhere}
.ui-next-project-lobby-owner{color:var(--ui-next-muted);font-weight:500}
.ui-next-project-lobby-detail{font-size:12.5px;color:var(--ui-next-muted)}
/* Jev's open points, v1 being changed, or a project still being read: one line under the details. */
.ui-next-project-lobby-note{display:flex;align-items:center;gap:7px;margin-top:4px;color:var(--ui-next-ink);font-size:12.5px;font-weight:600}
.ui-next-project-lobby-note::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ui-next-accent)}
.ui-next-project-lobby-note[data-lobby-note="applying"]::before,.ui-next-project-lobby-note[data-lobby-note="reading"]::before{animation:ui-next-lobby-pulse 1.6s ease-in-out infinite}
.ui-next-project-lobby-note[data-lobby-note="stopped"]{color:var(--ui-next-muted);font-weight:560}
.ui-next-project-lobby-note[data-lobby-note="stopped"]::before{background:var(--ui-next-line)}
.ui-next-project-lobby-card.is-attention{border-color:color-mix(in srgb,var(--ui-next-accent) 45%,var(--ui-next-line-soft))}
/* A project still being generated: three soft dots where the thumbnail will be. */
.ui-next-project-lobby-thumb.is-generating{display:flex;align-items:center;justify-content:center;gap:10px}
.ui-next-project-lobby-thumb.is-generating i{width:9px;height:9px;border-radius:50%;background:var(--lobby-0);opacity:.35;animation:ui-next-lobby-pulse 1.6s ease-in-out infinite}
.ui-next-project-lobby-thumb.is-generating i:nth-child(2){background:var(--lobby-1);animation-delay:.2s}
.ui-next-project-lobby-thumb.is-generating i:nth-child(3){background:var(--lobby-3);animation-delay:.4s}
@keyframes ui-next-lobby-pulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
:is(.ui-next-project-lobby,.ui-next-overview-diagram-preview) [data-area="0"]{--lobby:var(--lobby-0)}
:is(.ui-next-project-lobby,.ui-next-overview-diagram-preview) [data-area="1"]{--lobby:var(--lobby-1)}
:is(.ui-next-project-lobby,.ui-next-overview-diagram-preview) [data-area="2"]{--lobby:var(--lobby-2)}
:is(.ui-next-project-lobby,.ui-next-overview-diagram-preview) [data-area="3"]{--lobby:var(--lobby-3)}
:is(.ui-next-project-lobby,.ui-next-overview-diagram-preview) [data-area="4"]{--lobby:var(--lobby-4)}
:is(.ui-next-project-lobby,.ui-next-overview-diagram-preview) [data-area="5"]{--lobby:var(--lobby-5)}
.ui-next-lobby-halo{fill:var(--lobby);opacity:.13}
.ui-next-lobby-ring{fill:none;stroke:var(--lobby);stroke-opacity:.4;stroke-width:1;stroke-dasharray:2 5}
.ui-next-lobby-core{fill:color-mix(in srgb,var(--lobby) 20%,var(--ui-next-surface));stroke:var(--lobby);stroke-width:2}
.ui-next-lobby-dot{fill:var(--ui-next-surface);stroke:var(--lobby);stroke-width:1.6}
.ui-next-lobby-link{fill:none;stroke:var(--lobby);stroke-opacity:.5;stroke-width:1.4;stroke-linecap:round}
.ui-next-lobby-flow{fill:none;stroke:var(--ui-next-surface);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:3 34;opacity:0}
.ui-next-lobby-label{fill:var(--ui-next-ink);font-size:13px;font-weight:650;paint-order:stroke;stroke:var(--lobby-stage);stroke-width:3px;stroke-linejoin:round}
.ui-next-lobby-more{fill:var(--ui-next-muted);font-size:11px;font-weight:600}
.ui-next-project-lobby-card:is(:hover,:focus-visible) .ui-next-lobby-link,button.ui-next-overview-diagram-preview:is(:hover,:focus-visible) .ui-next-lobby-link{stroke-opacity:.8}
.ui-next-project-lobby-card:is(:hover,:focus-visible) .ui-next-lobby-flow,button.ui-next-overview-diagram-preview:is(:hover,:focus-visible) .ui-next-lobby-flow{opacity:.95;animation:ui-next-lobby-flow 1.5s linear infinite}
@keyframes ui-next-lobby-flow{to{stroke-dashoffset:-37}}
@media (prefers-reduced-motion:reduce){
  .ui-next-project-lobby-card{transition:none}
  .ui-next-project-lobby-thumb.is-generating i,.ui-next-project-lobby-note::before{animation:none;opacity:1;transform:none}
  .ui-next-project-lobby-card:is(:hover,:focus-visible){transform:none}
  :is(.ui-next-project-lobby-card,button.ui-next-overview-diagram-preview):is(:hover,:focus-visible) .ui-next-lobby-flow{animation:none;opacity:0}
}
[data-archbro-ui="next"][data-motion="reduced"] .ui-next-project-lobby-card{transition:none;transform:none}
[data-archbro-ui="next"][data-motion="reduced"] :is(.ui-next-project-lobby-thumb.is-generating i,.ui-next-project-lobby-note::before){animation:none;opacity:1;transform:none}
[data-archbro-ui="next"][data-motion="reduced"] :is(.ui-next-project-lobby-card,button.ui-next-overview-diagram-preview):is(:hover,:focus-visible) .ui-next-lobby-flow{animation:none;opacity:0}