.architecture-toolbar{z-index:100;border:1px solid var(--border);border-radius:calc(var(--radius) + .25rem);background:color-mix(in oklab, var(--background) 95%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.375rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 25px 50px -12px #00000040}.architecture-toolbar__controls{align-items:center;gap:.25rem;display:flex}.architecture-toolbar__heading{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);padding-inline:.5rem;font-size:.75rem;display:none}.architecture-toolbar__button{border-radius:var(--radius);align-items:center;gap:.5rem;height:2.25rem;padding-inline:.625rem;font-size:.75rem;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.architecture-toolbar__button:hover{background:var(--muted)}.architecture-toolbar__button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.architecture-toolbar__icon{width:1rem;height:1rem}.architecture-toolbar__mode-label{display:none}@media (min-width:40rem){.architecture-toolbar__mode-label{display:inline}}@media (min-width:64rem){.architecture-toolbar__heading{display:inline}}.architecture-boundary{--architecture-color:var(--muted-foreground);--architecture-tint:color-mix(in oklab, var(--architecture-color) 7%, transparent);display:contents}.architecture-boundary__label{display:none}html[data-architecture-overlay-mode=caching] .architecture-boundary[data-architecture-caching],html[data-architecture-overlay-mode=streaming] .architecture-boundary[data-architecture-streaming],html[data-architecture-overlay-mode=composition] .architecture-boundary[data-architecture-composition]{background:var(--architecture-tint);border:2px dashed var(--architecture-color);border-radius:var(--radius);margin-block:.5rem;padding:2rem .5rem .5rem;display:block;position:relative}html[data-architecture-overlay-mode=caching] .architecture-boundary[data-architecture-caching]>.architecture-boundary__label,html[data-architecture-overlay-mode=streaming] .architecture-boundary[data-architecture-streaming]>.architecture-boundary__label,html[data-architecture-overlay-mode=composition] .architecture-boundary[data-architecture-composition]>.architecture-boundary__label{z-index:40;max-width:calc(100% - 1rem);font-family:var(--font-geist-mono), monospace;color:var(--architecture-color);white-space:nowrap;pointer-events:none;align-items:center;gap:.35rem;font-size:.7rem;line-height:1rem;display:flex;position:absolute;top:.35rem;left:.5rem;overflow:hidden}.architecture-boundary__name,.architecture-boundary__dimension{text-overflow:ellipsis;background:var(--background);border:1px solid color-mix(in oklab, var(--architecture-color) 55%, white);border-radius:.25rem;padding:.1rem .35rem;overflow:hidden}.architecture-boundary__dimension{display:none}.architecture-details__trigger{width:1.5rem;height:1.5rem;color:var(--architecture-color);background:var(--background);cursor:pointer;pointer-events:auto;border:1px solid;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.architecture-details__trigger:focus-visible,.architecture-details__close:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.architecture-details{z-index:110;width:min(22rem,100vw - 1.5rem);max-height:min(24rem, var(--radix-popover-content-available-height));color:var(--popover-foreground);background:var(--popover);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-geist-sans), sans-serif;white-space:normal;padding:.75rem;font-size:.75rem;line-height:1.5;overflow:auto;box-shadow:0 8px 24px #00000026}.architecture-details__heading{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.architecture-details__close{cursor:pointer;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.architecture-details__value,.architecture-details__tags{display:none}.architecture-details__tags{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;list-style:none}.architecture-details__life{gap:.25rem;margin-top:.5rem;display:grid}.architecture-details__life>div{justify-content:space-between;gap:1rem;display:flex}.architecture-details__life dt{color:var(--muted-foreground)}.architecture-details__life dd{font-family:var(--font-geist-mono), monospace}.architecture-details__tags li{background:var(--muted);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:9999px;min-width:0;max-width:100%;padding:.25rem .625rem}html[data-architecture-overlay-mode=caching] [data-architecture-label=caching],html[data-architecture-overlay-mode=streaming] [data-architecture-label=streaming],html[data-architecture-overlay-mode=composition] [data-architecture-label=composition]{display:inline-block}html[data-architecture-overlay-mode=caching] .architecture-details [data-architecture-label=caching],html[data-architecture-overlay-mode=streaming] .architecture-details [data-architecture-label=streaming],html[data-architecture-overlay-mode=composition] .architecture-details [data-architecture-label=composition]{display:block}html[data-architecture-overlay-mode=caching] .architecture-details .architecture-details__tags{display:flex}html[data-architecture-overlay-mode=caching] .architecture-boundary[data-architecture-caching]{--architecture-color:#00824d}@supports (color:lab(0% 0 0)){html[data-architecture-overlay-mode=caching] .architecture-boundary[data-architecture-caching]{--architecture-color:lab(47.4227% -50.1698 22.0379)}}html[data-architecture-overlay-mode=streaming] .architecture-boundary[data-architecture-streaming]{--architecture-color:#735fe9}@supports (color:lab(0% 0 0)){html[data-architecture-overlay-mode=streaming] .architecture-boundary[data-architecture-streaming]{--architecture-color:lab(48.2546% 35.8067 -68.6505)}}html[data-architecture-overlay-mode=composition] [data-architecture-composition=app]{--architecture-color:#576574}@supports (color:lab(0% 0 0)){html[data-architecture-overlay-mode=composition] [data-architecture-composition=app]{--architecture-color:lab(41.9518% -2.83328 -10.5045)}}html[data-architecture-overlay-mode=composition] [data-architecture-composition=cms]{--architecture-color:#9751d7}@supports (color:lab(0% 0 0)){html[data-architecture-overlay-mode=composition] [data-architecture-composition=cms]{--architecture-color:lab(48.003% 48.2206 -58.4447)}}html[data-architecture-overlay-mode=composition] [data-architecture-composition=commerce]{--architecture-color:#cc6700}@supports (color:lab(0% 0 0)){html[data-architecture-overlay-mode=composition] [data-architecture-composition=commerce]{--architecture-color:lab(54.872% 43.6274 91.4859)}}html[data-architecture-overlay-mode=composition] [data-architecture-composition=client]{--architecture-color:#007cdc}@supports (color:lab(0% 0 0)){html[data-architecture-overlay-mode=composition] [data-architecture-composition=client]{--architecture-color:lab(49.9251% 1.15311 -66.6331)}}