.workspace-shell{color:#f5f7ff;background:#070912;min-height:100vh}.workspace-heading,.workspace-toolbar,.workspace-notice,.webble-list,.workspace-empty,.workspace-topology,.workspace-loading{width:min(76rem,100% - 2rem);margin-inline:auto}.workspace-heading{justify-content:space-between;align-items:end;gap:2rem;padding:clamp(2rem,6vw,4.5rem) 0 2rem;display:flex}.workspace-heading h1{letter-spacing:-.06em;margin-bottom:.75rem;font-size:clamp(2.8rem,7vw,5.5rem);line-height:.9}.workspace-heading>div:first-child>p:last-child{color:#a8b0ce;max-width:46rem;margin:0;line-height:1.6}.workspace-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.workspace-actions a{border:1px solid #87f4c366;border-radius:.75rem;padding:.75rem .9rem;font-weight:800;text-decoration:none}.workspace-actions .primary-action{color:#07130f;background:#87f4c3}.workspace-actions .secondary-action{background:#26d99714}.workspace-toolbar{background:#14182a94;border:1px solid #c1cbff21;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.workspace-toolbar label{flex:24rem;max-width:34rem}.workspace-toolbar input{padding:.65rem .8rem}.view-switch{gap:.35rem;display:flex}.view-switch button[aria-pressed=true]{color:#87f4c3;background:#26d99721;border-color:#87f4c3}.workspace-notice{color:#a8b0ce;margin-block:.75rem 1rem;font-size:.78rem}.webble-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 0 3rem;list-style:none;display:grid}.webble-list>li>a{background:#0c0f1cb8;border:1px solid #c1cbff21;border-radius:1rem;gap:1rem;height:100%;padding:1.1rem;text-decoration:none;display:grid}.webble-list>li>a:hover{background:#121926db;border-color:#87f4c380}.webble-card-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;display:grid}.workspace-node{aspect-ratio:1;background:linear-gradient(145deg,#87f4c3d9,#a894ff6b);border:1px solid #87f4c38c;border-radius:42% 58% 54% 46%;width:2.35rem;transform:rotate(12deg);box-shadow:0 0 1.5rem #26d99726}.webble-card-heading h2{margin:0 0 .25rem;font-size:1.15rem}.webble-card-heading code,.workspace-topology code{color:#8f98b7;font-size:.7rem}.state-chip{color:#c9c0ff;text-transform:uppercase;background:#a894ff1a;border-radius:999px;align-self:start;padding:.28rem .5rem;font-size:.62rem;font-weight:850}.state-chip.accepted{color:#87f4c3;background:#26d9971a}.state-chip.unresolved{color:#ffd29f;background:#ffb86a14}.webble-list dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.webble-list dl>div{border-top:1px solid #c1cbff17;gap:.18rem;padding-top:.65rem;display:grid}.webble-list dt{color:#7f88a8;text-transform:uppercase;font-size:.65rem;font-weight:800}.webble-list dd{color:#dce1f3;margin:0;font-size:.78rem}.workspace-empty{text-align:center;border:1px dashed #c1cbff2b;border-radius:1rem;padding:clamp(3rem,10vw,7rem) 1rem}.workspace-empty p{color:#a8b0ce;max-width:38rem;margin:.75rem auto 0;line-height:1.6}.workspace-loading{place-items:center;min-height:16rem;display:grid}.workspace-topology{background:#0c0f1c94;border:1px solid #c1cbff21;border-radius:1rem;gap:1.5rem;padding:1.25rem;display:grid}.workspace-topology h2{margin-bottom:.55rem;font-size:1.8rem}.workspace-topology>div>p:last-child,.topology-boundary,.topology-empty{color:#a8b0ce;max-width:48rem;margin:0;line-height:1.55}.workspace-topology ul{flex-wrap:wrap;gap:2rem;margin:1rem 0;padding:0;list-style:none;display:flex}.workspace-topology li a{text-align:center;border:1px solid #c1cbff21;border-radius:1rem;justify-items:center;gap:.45rem;min-width:10rem;padding:1rem;text-decoration:none;display:grid}.topology-boundary{color:#ffd29f;background:#ffb86a0f;border-left:3px solid #ffb86a;padding:.8rem;font-size:.78rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.workspace-heading{flex-direction:column;align-items:start}.workspace-actions{justify-content:flex-start}.workspace-toolbar{flex-direction:column;align-items:stretch}.webble-list{grid-template-columns:1fr}}@media (width<=460px){.webble-card-heading{grid-template-columns:auto minmax(0,1fr)}.state-chip{grid-column:1/-1;justify-self:start}.webble-list dl{grid-template-columns:1fr}}