.admin-screen{margin:1.5rem auto 2rem}.admin-screen img{border:1px solid var(--color-fd-border);background:var(--color-fd-card);width:100%;height:auto;box-shadow:0 1px 2px color-mix(in oklab, var(--color-fd-foreground) 6%, transparent);border-radius:.75rem;margin:0;display:block}.admin-screen .admin-screen-dark,.dark .admin-screen .admin-screen-light{display:none}.dark .admin-screen .admin-screen-dark{display:block}.admin-screen figcaption{color:var(--color-fd-muted-foreground);text-align:center;margin-top:.75rem;font-size:.875rem}.architecture-diagram{--ad-line:color-mix(in oklab, var(--color-fd-primary) 65%, transparent);--ad-worker-pad:.875rem;--ad-columns:minmax(0, 1fr) minmax(0, 1fr);font-family:var(--font-sans);word-break:auto-phrase;overflow-wrap:anywhere;margin-block:1.5rem 2rem;container-type:inline-size}.architecture-diagram figcaption{color:var(--color-fd-muted-foreground);text-align:center;margin-top:1rem;font-size:.875rem}.ad-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ad-box{border:1.5px solid var(--color-fd-border);background:var(--color-fd-card);text-align:center;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.75rem .875rem;display:flex}.ad-accent{border-color:color-mix(in oklab, var(--color-fd-primary) 40%, transparent);background:color-mix(in oklab, var(--color-fd-primary) 8%, var(--color-fd-card))}.ad-optional{background:var(--color-fd-background);border-style:dashed}.ad-title{color:var(--color-fd-foreground);text-wrap:balance;font-size:.9375rem;font-weight:600;line-height:1.35}.ad-sub{color:var(--color-fd-muted-foreground);text-wrap:balance;font-size:.8125rem;line-height:1.45}.ad-note,.ad-routes code{font-family:var(--font-mono);font-size:.8125rem;line-height:1.45}.ad-note{color:var(--color-fd-muted-foreground)}.ad-arrow{flex-direction:column;align-self:center;align-items:center;width:10px;min-height:1.75rem;padding-block:2px;display:flex}.ad-arrow:before{content:"";background:var(--ad-line);flex:1;width:2px}.ad-arrow:after{content:"";border-inline:5px solid #0000;border-top:7px solid var(--ad-line)}.ad-clients,.ad-uses{grid-template-columns:var(--ad-columns);padding-inline:var(--ad-worker-pad);column-gap:.75rem;display:grid}.ad-lane{flex-direction:column;display:flex}.ad-lane>.ad-arrow:last-child{flex-grow:1}.ad-uses>.ad-arrow{grid-column:-2}.ad-worker{padding:.625rem var(--ad-worker-pad) var(--ad-worker-pad);border:2px solid color-mix(in oklab, var(--color-fd-primary) 55%, transparent);background:color-mix(in oklab, var(--color-fd-primary) 4%, transparent);border-radius:1.25rem;flex-direction:column;gap:.625rem;display:flex}.ad-worker-label{color:var(--color-fd-primary);font-size:.875rem;font-weight:600}.ad-worker-parts{gap:.75rem;display:grid}.ad-worker-parts>.ad-box{justify-content:center}.ad-routes{text-align:start;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:.375rem .75rem;margin-top:.375rem;font-size:.8125rem;line-height:1.45;display:grid}.ad-routes dt{color:var(--color-fd-foreground)}.ad-routes dd{color:var(--color-fd-muted-foreground)}.ad-services{border:1.5px solid var(--color-fd-border);border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.75rem;display:grid}.ad-services>.ad-box{justify-content:center}@container (width>=34rem){.architecture-diagram>*{--ad-columns:minmax(0, 2fr) minmax(0, 3fr);--ad-worker-pad:1rem}.ad-worker-parts{grid-template-columns:var(--ad-columns)}}@container (width>=40rem){.ad-services{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width<=22rem){.ad-routes{grid-template-columns:minmax(0,1fr);row-gap:0}.ad-routes dd+dt{margin-top:.375rem}}
