@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--font-sans:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--font-diagram:var(--font-sans);--paper-0:#fffdfa;--paper-1:#faf7f1;--paper-2:#f2eee6;--paper-3:#e7e2d8;--paper-4:#d6d0c4;--paper-5:#b5ae9f;--slate-9:#0d0f12;--slate-8:#131619;--slate-7:#191d22;--slate-6:#21262c;--slate-5:#2c333a;--slate-4:#3b434c;--slate-3:#5a636d;--slate-2:#8a939d;--slate-1:#b9c1c9;--slate-0:#e6eaee;--ink-9:#14120f;--ink-7:#3a362f;--ink-5:#6b655a;--ink-3:#948d80;--amber-1:#fdf1dc;--amber-2:#f7d9a2;--amber-3:#efbb63;--amber-4:#e8a33d;--amber-5:#c9821e;--amber-6:#8f5a12;--teal-1:#d8f5f1;--teal-2:#8fe3da;--teal-3:#3fcbbb;--teal-4:#0fb5a6;--teal-5:#0a8c81;--teal-6:#075d56;--indigo-1:#e2e5fb;--indigo-3:#8b97ee;--indigo-4:#5b6ce0;--indigo-5:#3d4cb8;--rose-1:#fbe1e6;--rose-3:#ee8c9f;--rose-4:#e0607a;--rose-5:#b8425a;--green-4:#3fa35c;--green-1:#dff2e4;--red-4:#d64545;--red-1:#fae0e0;--yellow-4:#d9a21b;--yellow-1:#fbf0d2;--surface-app:var(--paper-1);--surface-canvas:var(--paper-0);--surface-card:#fff;--surface-sunken:var(--paper-2);--surface-raised:#fff;--surface-overlay:#fff;--surface-inverse:var(--slate-8);--surface-hover:#14120f0a;--surface-active:#14120f14;--surface-selected:var(--amber-1);--text-strong:var(--ink-9);--text-body:var(--ink-7);--text-muted:var(--ink-5);--text-faint:var(--ink-3);--text-inverse:var(--paper-1);--text-accent:var(--amber-6);--text-link:var(--teal-6);--text-link-hover:var(--teal-5);--text-on-accent:var(--ink-9);--border-hairline:var(--paper-3);--border-default:var(--paper-4);--border-strong:var(--ink-9);--border-focus:var(--teal-4);--accent:var(--amber-4);--accent-hover:var(--amber-5);--accent-soft:var(--amber-1);--flow:var(--teal-4);--flow-soft:var(--teal-1);--status-ok:var(--green-4);--status-ok-soft:var(--green-1);--status-warn:var(--yellow-4);--status-warn-soft:var(--yellow-1);--status-error:var(--red-4);--status-error-soft:var(--red-1);--grid-line:#14120f0e;--grid-dot:#14120f1f;--grid-dot-major:#14120f38;--scrim:#14120f6b}:root{--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:19px;--text-2xl:23px;--text-3xl:29px;--text-4xl:38px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-loose:1.65;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--track-tight:-.02em;--track-normal:0;--track-wide:.02em;--track-caps:.08em;--type-display:var(--fw-bold) var(--text-4xl)/var(--lh-tight) var(--font-sans);--type-h1:var(--fw-semibold) var(--text-2xl)/var(--lh-snug) var(--font-sans);--type-h2:var(--fw-semibold) var(--text-xl)/var(--lh-snug) var(--font-sans);--type-h3:var(--fw-semibold) var(--text-lg)/var(--lh-snug) var(--font-sans);--type-body:var(--fw-regular) var(--text-md)/var(--lh-normal) var(--font-sans);--type-body-sm:var(--fw-regular) var(--text-sm)/var(--lh-normal) var(--font-sans);--type-ui:var(--fw-medium) var(--text-sm)/1 var(--font-sans);--type-label:var(--fw-semibold) var(--text-2xs)/1 var(--font-sans);--type-mono:var(--fw-regular) var(--text-xs)/1.45 var(--font-mono);--type-node-name:var(--fw-semibold) var(--text-md)/var(--lh-snug) var(--font-sans);--type-node-tech:var(--fw-regular) var(--text-2xs)/1.25 var(--font-mono);--type-node-desc:var(--fw-regular) var(--text-xs)/1.4 var(--font-sans);--space-0:0;--space-half:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-none:0;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius-node:10px;--border-width:1px;--border-width-strong:1.5px;--border-width-node:2px;--rail-width:56px;--sidebar-width:264px;--topbar-height:52px;--inspector-width:320px;--control-height-sm:26px;--control-height-md:32px;--control-height-lg:40px;--hit-min:32px;--shadow-none:none;--shadow-xs:0 1px 1px #14120f0d;--shadow-sm:0 1px 2px #14120f0f,0 1px 1px #14120f0a;--shadow-md:0 2px 6px #14120f12,0 1px 2px #14120f0d;--shadow-lg:0 8px 24px #14120f1a,0 2px 6px #14120f0f;--shadow-node:0 1px 2px #14120f12;--shadow-node-hover:0 3px 10px #14120f1f;--ring-focus:0 0 0 2px var(--surface-canvas),0 0 0 4px var(--border-focus);--ring-selected:0 0 0 2px var(--accent);--blur-overlay:saturate(140%) blur(8px)}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-pan:0s}}#root{min-block-size:100dvh}.foundation-shell{background-color:var(--surface-app);min-block-size:100dvh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.foundation-card{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);inline-size:min(100%,32rem);overflow:hidden}.foundation-card__brand{border-block-end:var(--border-width) solid var(--border-hairline);padding:var(--space-4)}.foundation-card__body{padding:var(--space-8)}.foundation-card__eyebrow{color:var(--text-accent);font:var(--type-label);letter-spacing:var(--track-caps);margin:0 0 var(--space-3);text-transform:uppercase}.foundation-card h1{color:var(--text-strong);font:var(--type-h1);letter-spacing:var(--track-tight);margin:0}.foundation-card__description{color:var(--text-body);margin:var(--space-3) 0 var(--space-6)}.foundation-card__status{background:var(--surface-sunken);border-radius:var(--radius-sm);color:var(--text-muted);font:var(--type-body-sm);align-items:center;gap:var(--space-2);padding:var(--space-3);margin:0;display:flex}.foundation-card__status-dot{border-radius:var(--radius-pill);block-size:var(--space-2);inline-size:var(--space-2);background:currentColor}.foundation-card__status--ready{background:var(--status-ok-soft);color:var(--status-ok)}.foundation-card__status--unavailable{background:var(--status-error-soft);color:var(--status-error)}.catalogue{background:var(--surface-canvas);min-block-size:calc(100dvh - var(--topbar-height));overflow:hidden}.catalogue__header{background:var(--surface-app);border-block-end:var(--border-width) solid var(--border-hairline);align-items:baseline;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-4);justify-content:flex-start;display:flex}.catalogue__header h1{color:var(--text-strong);font:var(--type-h1);letter-spacing:var(--track-tight);margin:0}.catalogue__count,.catalogue__save-state{color:var(--text-faint);font:var(--type-mono)}.catalogue__toolbar{background:var(--surface-app);border-block-end:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);display:flex}.index-workspace-toolbar{border-block-start:var(--border-width) solid var(--border-hairline);gap:var(--space-2)}:root:not([data-theme=night]) .index-workspace-toolbar{--status-ok:color-mix(in srgb, var(--green-4) 65%, var(--text-strong))}.catalogue__search{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);align-items:center;gap:var(--space-2);max-inline-size:280px;padding-inline:var(--space-2);flex:220px;display:flex}.catalogue__search input{color:var(--text-strong);font:var(--type-body-sm);min-block-size:var(--control-height-md);background:0 0;border:0;outline:0;flex:1;min-inline-size:0}.catalogue__search-icon{border:1.7px solid var(--text-faint);border-radius:50%;block-size:11px;inline-size:11px;position:relative}.catalogue__search-icon:after{background:var(--text-faint);content:"";block-size:1.7px;inline-size:6px;position:absolute;inset-block-start:8px;inset-inline-start:8px;rotate:45deg}.catalogue__kind-filter{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);gap:var(--space-half);padding:var(--space-half);display:inline-flex}.catalogue__kind-filter button{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font:var(--type-ui);min-block-size:calc(var(--control-height-sm) - var(--space-1));padding-inline:var(--space-2);transition:var(--transition-ui);background:0 0;border:0}.catalogue__kind-filter button[aria-pressed=true]{background:var(--surface-card);box-shadow:var(--shadow-xs);color:var(--text-strong)}.catalogue__selector{color:var(--text-faint);font:var(--type-label);gap:var(--space-1);letter-spacing:var(--track-caps);text-transform:uppercase;display:grid}.catalogue__selector select,.catalogue__form textarea{background:var(--surface-canvas);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-strong);font:var(--type-body);padding:var(--space-2) var(--space-3)}.catalogue__save-state{margin-inline-start:auto}.catalogue__timeline-actions{align-items:center;gap:var(--space-2);margin-inline-start:auto;display:flex}.catalogue .diagram-toolbar__icon,.index-workspace-toolbar .diagram-toolbar__icon{border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;flex:0 0 var(--control-height-sm);transition:var(--transition-ui)}.catalogue .diagram-toolbar__icon:hover:not(:disabled),.index-workspace-toolbar .diagram-toolbar__icon:hover:not(:disabled){border-color:var(--accent);color:var(--text-strong)}.catalogue .diagram-toolbar__icon:disabled,.index-workspace-toolbar .diagram-toolbar__icon:disabled{cursor:not-allowed;opacity:.45}.catalogue__element-details .catalogue__form{padding:0}.catalogue>.catalogue__save-state{margin:var(--space-2) var(--space-4)}.catalogue__success,.catalogue__warning{border-radius:var(--radius-sm);font:var(--type-body-sm);margin:var(--space-3) var(--space-4) 0;padding:var(--space-3)}.catalogue__success{background:var(--status-ok-soft);color:var(--status-ok)}.catalogue__warning{background:var(--status-warning-soft);color:var(--status-warning);margin-inline:0}.catalogue>.access-error{margin:var(--space-3) var(--space-4) 0}.catalogue__body{grid-template-columns:minmax(0, 1fr) var(--inspector-width);min-block-size:32rem;display:grid}.catalogue__records{min-inline-size:0;overflow:auto}.catalogue__columns,.catalogue__list li>button{gap:var(--space-3);grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));display:grid}.catalogue__columns{background:var(--surface-sunken);border-block-end:var(--border-width) solid var(--border-hairline);color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);padding:var(--space-2) var(--space-4);text-transform:uppercase}.catalogue__list{margin:0;padding:0;list-style:none}.catalogue__list li{border-block-end:var(--border-width) solid var(--border-hairline)}.catalogue__list li>button:hover{background:var(--surface-hover)}.catalogue__list li.is-selected>button{background:var(--surface-selected)}.catalogue__list strong{color:var(--text-strong);font:var(--type-ui)}.catalogue__secondary-records{border-block-start:var(--border-width) solid var(--border-hairline);gap:var(--space-6);padding:var(--space-5) var(--space-4);display:grid}.catalogue__secondary-records h2{color:var(--text-strong);font:var(--type-h2);margin:0 0 var(--space-2)}.catalogue__secondary-records p{color:var(--text-muted);font:var(--type-body-sm);margin:0}.catalogue__relationship-list,.catalogue__tag-list{margin:0;padding:0;list-style:none}.catalogue__relationship-list li{border-block-end:var(--border-width) solid var(--border-hairline);color:var(--text-muted);font:var(--type-body-sm);align-items:baseline;gap:var(--space-3);padding-block:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr) auto;display:grid}.catalogue__relationship-list strong{color:var(--text-strong);font:var(--type-ui)}.catalogue__tag-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.catalogue__tag-list li{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-pill);color:var(--text-muted);font:var(--type-label);padding:var(--space-1) var(--space-2)}.catalogue__empty{color:var(--text-muted);padding:var(--space-12);text-align:center}.catalogue__empty h2,.catalogue__inspector h2{color:var(--text-strong);font:var(--type-h2);margin:0 0 var(--space-2)}.catalogue__inspector{background:var(--surface-card);border-inline-start:var(--border-width) solid var(--border-hairline);flex-direction:column;min-block-size:0;padding:0;display:flex}.catalogue__inspector>.catalogue__form,.catalogue__inspector>.catalogue__read-only,.catalogue__inspector>.catalogue__authoring{padding:var(--space-4)}.catalogue__inspector>.catalogue__publication{padding:0 var(--space-4) var(--space-4)}.catalogue__form,.catalogue__authoring,.catalogue__read-only,.catalogue__publication{gap:var(--space-4);display:grid}.catalogue__authoring+.catalogue__publication{border-block-start:var(--border-width) solid var(--border-hairline);margin-block-start:var(--space-6);padding-block-start:var(--space-4)}.catalogue__tag-authoring{gap:var(--space-6);display:grid}.catalogue__tag-authoring .catalogue__form+.catalogue__form{border-block-start:var(--border-width) solid var(--border-hairline);padding-block-start:var(--space-4)}.catalogue__form textarea{min-block-size:var(--space-16);resize:vertical}.catalogue__form-actions{align-items:center;gap:var(--space-2);display:flex}.catalogue__confirmation{color:var(--text-body);font:var(--type-body-sm);align-items:start;gap:var(--space-2);display:flex}.catalogue__selector select:focus-visible,.catalogue__form textarea:focus-visible,.catalogue__confirmation input:focus-visible{box-shadow:var(--ring-focus);outline:none}@media (width<=64rem){.catalogue__body{grid-template-columns:minmax(0,1fr)}.catalogue__inspector{border-block-start:var(--border-width) solid var(--border-hairline);border-inline-start:0}}.catalogue__record-link{color:var(--text-muted);cursor:pointer;font:var(--type-body-sm);inline-size:100%;padding:var(--space-3) var(--space-4);text-align:start;transition:var(--transition-ui);background:0 0;border:0;align-items:center}.catalogue__record-link:focus-visible,.catalogue__diagram-link:focus-visible{box-shadow:var(--ring-focus);outline:0}.catalogue__element-inspector{flex-direction:column;flex:1;min-block-size:0;display:flex}.catalogue__element-inspector>header{border-block-end:var(--border-width) solid var(--border-hairline);align-items:flex-start;gap:var(--space-2);padding:var(--space-4);display:flex}.catalogue__element-inspector>header>div{flex-direction:column;flex:1;gap:5px;min-inline-size:0;display:flex}.catalogue__element-inspector>header h2{font:var(--type-h3);letter-spacing:var(--track-tight)}.catalogue__element-inspector>header button{color:var(--text-muted);cursor:pointer;font:var(--type-h2);background:0 0;border:0}.catalogue__kind-badge{background:var(--c4-system-fill);border-radius:var(--radius-pill);color:var(--c4-system);font:var(--type-label);inline-size:fit-content;padding:2px var(--space-2)}.catalogue__element-details{gap:var(--space-4);min-block-size:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:auto}.catalogue__element-details>div{flex-direction:column;gap:4px;display:flex}.catalogue__element-details>div>span,.catalogue__element-details h3,.catalogue__inspector-relationships>li>span{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.catalogue__element-details p{color:var(--text-body);font:var(--type-body-sm);margin:0}.catalogue__element-details h3{margin:0 0 var(--space-2)}.catalogue__inspector-relationships{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.catalogue__inspector-relationships li{background:var(--surface-sunken);border-radius:var(--radius-sm);gap:var(--space-1);padding:var(--space-2);flex-direction:column;display:flex}.catalogue__inspector-relationships strong{color:var(--text-strong);font:var(--type-ui)}.catalogue__diagram-link{color:var(--text-link);cursor:pointer;font:var(--type-body-sm);text-align:start;background:0 0;border:0;padding:0}.catalogue__diagram-link:hover{text-decoration:underline}.catalogue__diagram-unavailable{color:var(--text-faint);font:var(--type-mono);overflow-wrap:anywhere}.catalogue__element-inspector>footer{border-block-start:var(--border-width) solid var(--border-hairline);padding:var(--space-3) var(--space-4)}.catalogue__element-inspector>footer button{width:100%}.catalogue__relationship-detail{background:var(--accent-soft);border:var(--border-width) solid var(--accent);border-radius:var(--radius-md);margin-block:var(--space-4);padding:var(--space-4)}.catalogue__detail-heading{justify-content:space-between;align-items:center;display:flex}.diagram-workspace{background:var(--surface-app);min-height:calc(100dvh - var(--topbar-height));grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.diagram-workspace.is-index{display:block;overflow:auto}.diagram-workspace.is-index .diagram-workspace__main{display:none}.diagram-index{min-block-size:calc(100dvh - var(--topbar-height));flex-direction:column;display:flex}.diagram-index__header{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-4);justify-content:space-between;display:flex}.diagram-index__header>div{align-items:baseline;gap:var(--space-3);display:flex}.diagram-index__header h1{color:var(--text-strong);font:var(--type-h1);letter-spacing:var(--track-tight);margin:0}.diagram-index__header>div>span,.diagram-index__group>header>span:last-child,.diagram-tile>span:not(.diagram-tile__heading){color:var(--text-faint);font:var(--type-mono)}.diagram-index__toolbar{background:var(--surface-app);border-block-end:var(--border-width) solid var(--border-hairline);border-block-start:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);display:flex}.diagram-search{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);max-inline-size:280px;padding-inline:var(--space-2);flex:220px;align-items:center;gap:var(--space-2)!important;display:flex!important}.diagram-search input{background:0 0;border:0;flex:1;min-inline-size:0;padding:0}.diagram-search__icon{border:1.7px solid var(--text-faint);border-radius:50%;block-size:11px;inline-size:11px;position:relative}.diagram-search__icon:after{background:var(--text-faint);content:"";block-size:1.7px;inline-size:6px;position:absolute;inset-block-start:8px;inset-inline-start:8px;rotate:45deg}.diagram-segmented-control{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);gap:var(--space-half);padding:var(--space-half);display:inline-flex}.diagram-workspace .diagram-segmented-control button{min-block-size:calc(var(--control-height-sm) - var(--space-1));padding-inline:var(--space-2);background:0 0;border:0}.diagram-workspace .diagram-segmented-control button[aria-pressed=true]{background:var(--surface-card);box-shadow:var(--shadow-xs);color:var(--text-strong)}.diagram-workspace .diagram-archived-toggle{border-color:var(--border-hairline);color:var(--text-muted);align-items:center;gap:var(--space-1);min-block-size:var(--control-height-sm);padding-inline:var(--space-2);background:0 0;display:inline-flex}.diagram-workspace .diagram-archived-toggle[aria-pressed=true]{background:var(--surface-selected);border-color:var(--accent);color:var(--text-strong)}.diagram-index__revision{align-items:center;margin-inline-start:auto;gap:var(--space-2)!important;display:flex!important}.diagram-index__revision>span{color:var(--text-faint);letter-spacing:var(--track-caps);text-transform:uppercase}.diagram-index__content{background:var(--surface-canvas);gap:var(--space-6);padding:var(--space-5) var(--space-6) var(--space-8);flex-direction:column;flex:1;display:flex}.diagram-index__group{gap:var(--space-3);display:grid}.diagram-index__group>header{align-items:center;gap:var(--space-2);display:flex}.diagram-index__group h2{color:var(--text-muted);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase;margin:0}.diagram-index__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.diagram-workspace .diagram-tile{background:var(--surface-card);border-color:var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:stretch;gap:var(--space-2);min-block-size:108px;padding:var(--space-3) var(--space-4);text-align:start;flex-direction:column;display:flex}.diagram-tile-shell{min-inline-size:0;position:relative}.diagram-tile-shell .diagram-tile{block-size:100%;inline-size:100%;padding-inline-end:calc(var(--space-4) + var(--control-height-sm))}.diagram-tile-shell>.move-timeline-button{position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2)}.diagram-workspace .diagram-tile:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-1px)}.diagram-tile__heading{align-items:center;gap:var(--space-2);display:flex}.diagram-tile__heading strong{color:var(--text-strong);font:var(--type-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-kind-mark{background:var(--c4-external-fill);border:1.5px solid var(--c4-external);border-radius:var(--radius-xs);block-size:12px;inline-size:18px;display:inline-block}.diagram-kind-mark.is-context{background:var(--c4-system-fill);border-color:var(--c4-system)}.diagram-kind-mark.is-container{background:var(--c4-container-fill);border-color:var(--c4-container)}.diagram-kind-mark.is-component{background:var(--c4-component-fill);border-color:var(--c4-component)}.diagram-kind-mark.is-dynamic{background:var(--flow-soft);border-color:var(--flow);border-radius:var(--radius-pill);inline-size:15px;position:relative}.diagram-kind-mark.is-dynamic:after{border-block-start:1.5px dashed var(--flow);content:"";position:absolute;inset-block-start:50%;inset-inline:3px}.diagram-dynamic-badge{background:var(--flow-soft);border-radius:var(--radius-pill);color:var(--flow);font:var(--type-label);padding:2px var(--space-2);margin-inline-start:auto}.diagram-archived-badge{background:var(--status-warn-soft);border-radius:var(--radius-pill);color:var(--status-warn);font:var(--type-label);padding:2px var(--space-2);margin-inline-start:auto}.diagram-workspace .diagram-primary-action{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.diagram-workspace .diagram-primary-action:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-on-accent)}.diagram-workspace .diagram-danger-action,.diagram-dialog .diagram-danger-action{background:var(--status-error);border-color:var(--status-error);color:#fff}.diagram-workspace .diagram-danger-action:hover:not(:disabled),.diagram-dialog .diagram-danger-action:hover:not(:disabled){border-color:var(--status-error);color:#fff;filter:brightness(.92)}.diagram-workspace__rail{background:var(--surface-sunken);border-right:var(--border-width) solid var(--border-hairline);gap:var(--space-4);padding:var(--space-5) var(--space-3);flex-direction:column;display:flex}.diagram-workspace__rail h1,.diagram-toolbar h2,.diagram-dialog h2,.diagram-empty h2{color:var(--text-strong);font:var(--type-h2);margin:0}.diagram-workspace__eyebrow{color:var(--text-accent);font:var(--type-label);letter-spacing:var(--track-caps);margin:0 0 var(--space-1);text-transform:uppercase}.diagram-workspace label,.diagram-dialog label{color:var(--text-muted);font:var(--type-label);gap:var(--space-1);display:grid}.diagram-workspace input,.diagram-workspace select,.diagram-workspace button,.diagram-dialog input,.diagram-dialog select,.diagram-dialog button{font:var(--type-ui)}.diagram-workspace input,.diagram-workspace select,.diagram-dialog input,.diagram-dialog select{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);min-height:var(--control-height-md);padding:0 var(--space-2)}.diagram-workspace button,.diagram-dialog button{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;min-height:var(--control-height-md);padding:0 var(--space-3);transition:var(--transition-ui)}.diagram-workspace button:hover:not(:disabled),.diagram-dialog button:hover:not(:disabled){border-color:var(--accent);color:var(--text-strong)}.diagram-workspace button:disabled{cursor:not-allowed;opacity:.5}.diagram-workspace__rail nav{gap:var(--space-1);display:grid}.diagram-workspace__rail nav button{height:auto;padding:var(--space-2);text-align:left;background:0 0;border-color:#0000;flex-direction:column;align-items:flex-start;display:flex}.diagram-workspace__rail nav button[aria-current=page]{background:var(--surface-selected);border-color:var(--accent)}.diagram-workspace__rail nav small{color:var(--text-faint);font:var(--type-mono)}.diagram-workspace__main{grid-template-rows:auto minmax(520px,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.diagram-workspace__main.has-inspector{grid-template-columns:minmax(0, 1fr) var(--inspector-width)}.diagram-workspace__main>.diagram-toolbar{grid-column:1/-1}.diagram-toolbar{background:var(--surface-app);border-bottom:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-2);block-size:var(--topbar-height);flex:0 0 var(--topbar-height);min-height:var(--topbar-height);padding:0 var(--space-3);display:flex}.diagram-toolbar__title{flex:auto;min-inline-size:120px;overflow:hidden}.diagram-toolbar__heading{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.diagram-toolbar__brand{flex:none;align-items:center;display:inline-flex}.diagram-toolbar__divider{background:var(--border-hairline);block-size:20px;inline-size:1px}.diagram-toolbar__divider.is-control{block-size:18px}.diagram-toolbar__title nav,.diagram-toolbar__title nav>span{align-items:center;gap:var(--space-1);display:inline-flex}.diagram-toolbar__title nav{color:var(--text-faint);font:var(--type-ui);inline-size:100%;margin:0;overflow:hidden}.diagram-workspace .diagram-toolbar__title nav button{color:var(--text-link);font:inherit;background:0 0;border:0;min-block-size:0;padding:0}.diagram-toolbar__title nav [aria-current=page]{background:var(--surface-selected);border-radius:var(--radius-xs);color:var(--text-strong);max-inline-size:220px;padding:var(--space-1) var(--space-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-toolbar__filter,.diagram-toolbar__revision{min-inline-size:150px}.diagram-workspace .diagram-toolbar__back{inline-size:var(--control-height-md);background:0 0;border-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.diagram-workspace .diagram-toolbar__icon,.catalogue .diagram-toolbar__icon,.index-workspace-toolbar .diagram-toolbar__icon{inline-size:var(--control-height-sm);min-block-size:var(--control-height-sm);background:0 0;border-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.diagram-workspace .diagram-toolbar__icon[aria-pressed=true],.catalogue .diagram-toolbar__icon[aria-pressed=true],.index-workspace-toolbar .diagram-toolbar__icon[aria-pressed=true]{background:var(--surface-selected);border-color:var(--border-default);color:var(--text-strong)}.diagram-toolbar__share-count{background:var(--accent);border-radius:var(--radius-pill);color:var(--text-on-accent);font:var(--type-mono);min-inline-size:14px;padding-inline:2px;font-size:8px;line-height:14px;position:absolute;inset-block-start:-3px;inset-inline-end:-4px}.diagram-toolbar__actions{gap:var(--space-2);display:flex}.diagram-toolbar__history{align-items:center;gap:var(--space-1);display:flex}.diagram-workspace .diagram-toolbar__discard.is-danger:not(:disabled),.catalogue .diagram-toolbar__discard.is-danger:not(:disabled),.index-workspace-toolbar .diagram-toolbar__discard.is-danger:not(:disabled){color:var(--status-error)}.diagram-toolbar__exports{gap:var(--space-1);display:flex}.diagram-toolbar__dynamic{position:relative}.diagram-workspace .diagram-toolbar__dynamic-button{align-items:center;gap:var(--space-2);min-block-size:var(--control-height-sm);padding-inline:var(--space-2);background:0 0;border-color:#0000;display:inline-flex}.diagram-workspace .diagram-toolbar__dynamic-button[aria-expanded=true]{background:var(--surface-selected);border-color:var(--border-default)}.diagram-workspace .diagram-toolbar__dynamic-button.is-active{border-color:var(--flow);color:var(--text-link)}.diagram-toolbar__count{color:var(--text-faint);font:var(--type-mono)}.diagram-dynamic-menu{background:var(--surface-overlay);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);inline-size:300px;z-index:20;position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-end:0;overflow:hidden}.diagram-dynamic-menu>header{border-block-end:var(--border-width) solid var(--border-hairline);align-items:baseline;gap:var(--space-1);padding:var(--space-2) var(--space-3);display:flex}.diagram-dynamic-menu>header>span{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.diagram-dynamic-menu small,.diagram-dynamic-menu>p{color:var(--text-faint);font:var(--type-mono)}.diagram-dynamic-menu>p{padding:var(--space-3);margin:0}.diagram-workspace .diagram-dynamic-menu>button{align-items:center;gap:var(--space-2);inline-size:100%;min-block-size:var(--control-height-md);padding:var(--space-2) var(--space-3);text-align:start;background:0 0;border:0;border-radius:0;justify-content:flex-start;display:flex}.diagram-workspace .diagram-dynamic-menu>button:hover{background:var(--surface-hover)}.diagram-dynamic-menu>button>span:last-child{flex-direction:column;min-inline-size:0;display:flex}.diagram-dynamic-menu strong{color:var(--text-strong);font:var(--type-ui)}.diagram-dynamic-menu__footer{border-block-start:var(--border-width) solid var(--border-hairline);gap:var(--space-1);padding:var(--space-2);display:flex}.diagram-workspace .diagram-dynamic-menu__footer button{min-block-size:var(--control-height-sm);padding-inline:var(--space-2);flex:1}.diagram-dialog.diagram-dynamic-editor{max-block-size:min(760px, calc(100% - 2 * var(--space-4)));max-inline-size:720px;width:min(92vw,720px);overflow:auto}.diagram-dynamic-editor fieldset{border:0;min-inline-size:0;margin:0;padding:0}.diagram-dynamic-editor legend{color:var(--text-muted);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase;margin-block-end:var(--space-2)}.diagram-dynamic-editor__participants>div{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diagram-dynamic-editor__participants label{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-body);align-items:center;gap:var(--space-2);padding:var(--space-2);display:flex}.diagram-dynamic-editor__participants label>span{flex-direction:column;flex:1;min-inline-size:0;display:flex}.diagram-dynamic-editor__participants small{color:var(--text-faint);font:var(--type-mono)}.diagram-dynamic-editor__steps ol{gap:var(--space-2);margin:0 0 var(--space-2);padding:0;list-style:none;display:grid}.diagram-dynamic-editor__steps li{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);align-items:end;gap:var(--space-2);padding:var(--space-2);grid-template-columns:26px minmax(0,1fr) minmax(0,1fr);display:grid}.diagram-dynamic-editor__step-number{color:var(--flow);font:var(--type-mono);text-align:center;align-self:center}.diagram-dynamic-editor__step-actions{gap:var(--space-1);grid-column:2/-1;justify-content:flex-end;display:flex}.diagram-workspace .diagram-dynamic-editor__step-actions button{min-block-size:var(--control-height-sm);padding-inline:var(--space-2)}.diagram-save-state{background:color-mix(in srgb, var(--surface-overlay) 90%, transparent);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-pill);color:var(--status-ok);font:var(--type-mono);padding:var(--space-1) var(--space-2);white-space:nowrap;z-index:9;margin:0;position:absolute;inset-block-start:var(--space-3);inset-inline-start:50%;transform:translate(-50%)}.diagram-save-state.is-connection-lost{color:var(--status-error)}.diagram-save-state.is-saving{color:var(--status-warn)}.diagram-canvas{background:var(--surface-canvas);outline:none;min-height:520px;position:relative}.diagram-filter-popover{background:var(--surface-overlay);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);gap:var(--space-2);inline-size:230px;padding:var(--space-3);z-index:10;flex-direction:column;display:flex;position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.diagram-filter-popover__search{gap:var(--space-1);flex-direction:column;display:flex}.diagram-filter-popover__search>span,.diagram-filter-popover__heading{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.diagram-filter-popover__heading{border-block-start:var(--border-width) solid var(--border-hairline);margin-block-start:var(--space-1);padding-block-start:var(--space-3)}.diagram-filter-popover__choice{color:var(--text-body);font:var(--type-body-sm);align-items:center;gap:var(--space-2);display:flex}.diagram-filter-popover__actions{gap:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.diagram-workspace .diagram-filter-popover__actions button{min-block-size:var(--control-height-sm);padding-inline:var(--space-2)}.dynamic-diagram-canvas{background-color:var(--surface-canvas);background-image:radial-gradient(var(--grid-dot-major) 1.25px, transparent 1.25px), radial-gradient(var(--grid-dot) 1px, transparent 1px);min-block-size:520px;padding:var(--space-6);background-size:110px 110px,22px 22px;position:relative;overflow:auto}.dynamic-diagram-controls{align-items:center;gap:var(--space-3);flex-direction:row-reverse;margin-block-end:var(--space-4);display:flex}.dynamic-diagram-controls>span{color:var(--text-muted);font:var(--type-mono)}.dynamic-diagram-sequence{min-inline-size:max-content;padding-block-end:var(--space-12)}.diagram-canvas:focus-visible{box-shadow:inset var(--ring-focus)}.diagram-canvas .react-flow__node-element{border:0;width:220px}.diagram-canvas .react-flow__handle{background:var(--surface-canvas);border:1.5px solid var(--c4-relationship-active);opacity:0;min-width:9px;height:9px;min-height:9px;transition:opacity var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-standard);width:9px}.diagram-canvas .react-flow__node-element:hover .react-flow__handle,.diagram-canvas .react-flow__handle.connectingfrom,.diagram-canvas .react-flow__handle.connectingto,.diagram-canvas .react-flow__handle.is-anchor-preview,.diagram-canvas .react-flow__handle.valid{opacity:1}.diagram-canvas .react-flow__handle:hover,.diagram-canvas .react-flow__handle.connectingfrom,.diagram-canvas .react-flow__handle.connectingto,.diagram-canvas .react-flow__handle.is-anchor-candidate{background:currentColor}.diagram-canvas .react-flow__node-boundary{cursor:grab;pointer-events:auto}.diagram-canvas .react-flow__node-boundary.dragging{cursor:grabbing}.diagram-title-editor{align-items:center;gap:var(--space-2);z-index:3;display:flex;position:absolute;top:18px;left:28px}.diagram-title-editor input{background:var(--surface-overlay);border:var(--border-width) solid var(--accent);border-radius:var(--radius-sm);color:var(--text-strong);font:var(--type-display);font-size:var(--text-3xl);letter-spacing:var(--track-tight);min-width:360px;padding:var(--space-1) var(--space-2);line-height:1}.diagram-title-editor button{background:var(--accent);border-radius:var(--radius-sm);color:var(--text-on-accent);font:var(--type-ui);padding:var(--space-2) var(--space-3);border:0}.diagram-canvas .react-flow__edge-textbg{fill:var(--surface-canvas)}.diagram-canvas .react-flow__edge-text{fill:var(--text-body);font:var(--type-body-sm)}.diagram-zoom-controls{background:var(--surface-overlay);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);bottom:var(--space-3);box-shadow:var(--shadow-sm);right:var(--space-3);z-index:5;align-items:center;gap:2px;padding:2px;display:flex;position:absolute}.diagram-workspace .diagram-zoom-controls button{min-height:var(--control-height-sm);width:var(--control-height-sm);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.diagram-zoom-controls output{color:var(--text-muted);font:var(--type-mono);text-align:center;white-space:nowrap;min-width:46px}.diagram-relationship-label{pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute}.diagram-relationship-label__meaning{background:var(--surface-canvas);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-xs);box-shadow:var(--shadow-xs);color:var(--text-body);font:var(--type-body-sm);font-size:var(--text-xs);white-space:nowrap;align-items:center;padding:2px 6px;display:inline-flex}.diagram-relationship-label.is-selected .diagram-relationship-label__meaning{border-color:var(--c4-relationship-active);box-shadow:var(--ring-selected);color:var(--c4-relationship-active)}.diagram-relationship-label__technology{background:var(--surface-canvas);color:var(--text-faint);font:var(--type-node-tech);white-space:nowrap;padding:0 4px}@keyframes seefour-relationship-flow{to{stroke-dashoffset:-18px}}.diagram-relationship-flow{opacity:.95;animation:.9s linear infinite seefour-relationship-flow}.diagram-relationship-inspector{flex-direction:column;display:flex}.diagram-relationship-inspector__body{gap:var(--space-3);flex-direction:column;display:flex}.diagram-relationship-inspector__ends{background:var(--surface-sunken);border-radius:var(--radius-sm);align-items:center;gap:var(--space-2);padding:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.diagram-relationship-inspector__ends strong{color:var(--text-strong);font:var(--type-ui);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-relationship-inspector__ends strong:last-child{text-align:end}.diagram-workspace .diagram-relationship-inspector__ends button{color:var(--flow);min-block-size:24px;inline-size:28px;padding:0}.diagram-relationship-inspector p{color:var(--text-faint);font:var(--type-mono);margin:0}.diagram-item-inspector{background:var(--surface-card);border-inline-start:var(--border-width) solid var(--border-hairline);flex-direction:column;grid-area:2/2/span 2;min-block-size:0;display:flex;overflow:hidden}.diagram-item-inspector>header{border-block-end:var(--border-width) solid var(--border-hairline);align-items:flex-start;gap:var(--space-2);padding:var(--space-4);display:flex}.diagram-item-inspector>header>div{flex-direction:column;flex:1;gap:5px;min-inline-size:0;display:flex}.diagram-item-inspector h3{color:var(--text-strong);font:var(--type-h3);letter-spacing:var(--track-tight);overflow-wrap:anywhere;margin:0}.diagram-item-inspector__kind{background:var(--accent-soft);border-radius:var(--radius-pill);color:var(--text-accent);font:var(--type-label);padding:3px var(--space-2);align-self:flex-start}.diagram-workspace .diagram-item-inspector>header button{inline-size:var(--control-height-sm);min-block-size:var(--control-height-sm);background:0 0;border-color:#0000;padding:0}.diagram-item-inspector__body{gap:var(--space-4);min-block-size:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:auto}.diagram-item-inspector__edit{gap:var(--space-4);flex-direction:column;display:flex}.diagram-item-inspector__pair{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.diagram-item-inspector__field{gap:var(--space-1);flex-direction:column;display:flex}.diagram-item-inspector__field>span{color:var(--text-muted);font:var(--type-label)}.diagram-item-inspector__field>p{color:var(--text-body);font:var(--type-body-sm);margin:0}.diagram-item-inspector textarea{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);font:var(--type-body-sm);padding:var(--space-2);resize:vertical}.diagram-item-inspector__section{border-block-start:var(--border-width) solid var(--border-hairline);gap:var(--space-2);flex-direction:column;padding-block-start:var(--space-4);display:flex}.diagram-item-inspector__section-heading{align-items:center;gap:var(--space-2);display:flex}.diagram-item-inspector__section-heading h4{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase;flex:1;margin:0}.diagram-item-inspector__group{justify-content:flex-end}.diagram-item-inspector__external{justify-content:space-between;align-items:center;gap:var(--space-2);font:var(--type-label);color:var(--text-muted);display:flex}.diagram-workspace .diagram-item-inspector__toggle{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:99px;flex:none;width:32px;height:18px;min-height:18px;padding:2px}.diagram-item-inspector__external.is-element{justify-content:flex-start}.diagram-item-inspector__toggle span{background:var(--text-muted);border-radius:50%;width:12px;height:12px;display:block}.diagram-workspace .diagram-item-inspector__toggle[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.diagram-item-inspector__toggle[aria-checked=true] span{background:var(--surface-card);transform:translate(14px)}.diagram-workspace .diagram-item-inspector__section-heading button{color:var(--text-link);min-block-size:var(--control-height-sm);padding:0 var(--space-2);background:0 0;border-color:#0000}.diagram-item-inspector__decision-form{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.diagram-item-inspector__decision-form>p,.diagram-item-inspector__decisions>p{color:var(--text-faint);font:var(--type-body-sm);font-size:var(--text-xs);margin:0}.diagram-item-inspector__decision-form>p strong{color:var(--text-body);font-weight:500}.diagram-item-inspector__decision-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.diagram-item-inspector__decisions{gap:var(--space-2);flex-direction:column;display:flex}.diagram-boundary-members,.diagram-group-selection{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.diagram-boundary-members li,.diagram-group-selection li{color:var(--text-body);font:var(--type-body-sm);align-items:center;gap:var(--space-2);min-block-size:28px;display:flex}.diagram-boundary-members li>span:first-child,.diagram-group-selection li>span:first-child{flex:none;display:flex}.diagram-group-selection li>span:nth-child(2){flex-direction:column;flex:1;min-inline-size:0;display:flex}.diagram-boundary-members li>span:nth-child(2){flex:1;min-inline-size:0}.diagram-group-selection strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.diagram-group-selection small{color:var(--text-faint);font:var(--type-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-workspace .diagram-boundary-members li>button,.diagram-workspace .diagram-group-selection li>button{color:var(--text-faint);background:0 0;border-color:#0000;min-block-size:24px;inline-size:24px;padding:0}.diagram-boundary-members+p,.diagram-group-selection__hint{color:var(--text-muted);font:var(--type-body-sm);font-size:var(--text-xs);margin:0}.diagram-group-selection__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.diagram-item-inspector__error{color:var(--status-error)!important}.diagram-item-inspector__footer{border-block-start:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);display:flex}.diagram-item-inspector__footer>span{flex:1}.diagram-workspace .diagram-item-inspector__remove{color:var(--status-error);background:0 0;border-color:#0000}.diagram-text{background:var(--surface-card);border-top:var(--border-width) solid var(--border-hairline);color:var(--text-body);padding:var(--space-3) var(--space-4)}.diagram-text summary{cursor:pointer;font:var(--type-ui)}.diagram-text pre{color:var(--text-muted);font:var(--type-mono);white-space:pre-wrap}.diagram-empty{color:var(--text-muted);text-align:center;place-self:center;max-width:440px}.diagram-dialog-backdrop{-webkit-backdrop-filter:var(--blur-overlay);backdrop-filter:var(--blur-overlay);background:var(--scrim);padding:var(--space-4);z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.diagram-dialog{background:var(--surface-overlay);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);gap:var(--space-3);max-width:460px;padding:var(--space-5);z-index:50;width:min(90vw,460px);display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.diagram-dialog-backdrop>.diagram-dialog{max-block-size:calc(100% - 2 * var(--space-4));z-index:1;position:relative;top:auto;left:auto;transform:none}.diagram-dialog form{gap:var(--space-3);display:grid}.diagram-add-element-dialog{max-block-size:90vh;overflow:auto}.catalogue-element-picker{gap:var(--space-3);min-width:0;display:grid}.catalogue-element-picker__types{gap:var(--space-2) var(--space-3);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.catalogue-element-picker__types legend{font:var(--type-label);color:var(--text-muted);margin-bottom:var(--space-2)}.catalogue-element-picker__types label{align-items:center;gap:var(--space-1);display:flex}.catalogue-element-picker__types input[type=checkbox]{width:14px;height:14px;min-height:0;accent-color:var(--accent);margin:0;padding:0}.catalogue-element-picker__count{color:var(--text-muted);font:var(--type-label);margin:0}.catalogue-element-picker__results{overscroll-behavior:contain;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);max-block-size:min(300px,38vh);margin:0;padding:0;list-style:none;overflow:auto}.diagram-dialog .catalogue-element-picker__results button{gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-3);text-align:left;border:0;border-bottom:var(--border-width) solid var(--border-default);border-radius:0;display:grid}.catalogue-element-picker__results button:hover:not(:disabled){background:var(--surface-selected)}.catalogue-element-picker__results button:disabled{cursor:not-allowed;opacity:.6}.catalogue-element-picker__name,.catalogue-element-picker__meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalogue-element-picker__meta{color:var(--text-muted);font:var(--type-label)}.diagram-discard-dialog{width:min(90vw,640px);max-width:640px;overflow:auto}.diagram-discard-items{gap:var(--space-2);min-width:0;display:grid}.diagram-discard-items__scroll{--discard-row-height:36px;max-block-size:min(calc(9 * var(--discard-row-height)), 38vh);overscroll-behavior:contain;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);overflow:auto}.diagram-discard-items table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:var(--text-xs)}.diagram-discard-items th,.diagram-discard-items td{box-sizing:border-box;height:var(--discard-row-height);padding:0 var(--space-2);text-align:left;white-space:nowrap;border-bottom:var(--border-width) solid var(--border-default)}.diagram-discard-items th{background:var(--surface-overlay);color:var(--text-muted);width:25%;position:sticky;top:0}.diagram-discard-items th:first-child{width:50%}.diagram-discard-items td span{text-overflow:ellipsis;display:block;overflow:hidden}.diagram-dialog label.diagram-discard-items__name{color:inherit;font:inherit;align-items:center;gap:var(--space-2);min-width:0;display:flex}.diagram-discard-items__name input[type=checkbox]{width:14px;height:14px;min-height:0;accent-color:var(--accent);flex:none;margin:0;padding:0}.diagram-dialog__switcher{gap:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.diagram-dialog__switcher button[aria-pressed=true]{background:var(--surface-selected);border-color:var(--accent);color:var(--text-strong)}.diagram-element-presentations{gap:var(--space-1);display:grid}.diagram-element-presentations>span{color:var(--text-muted);font:var(--type-label)}.diagram-element-presentations>div{gap:var(--space-1);flex-wrap:wrap;display:flex}.diagram-dialog .diagram-element-presentations button{font-size:var(--text-xs);align-items:center;gap:var(--space-1);min-height:34px;padding:0 var(--space-2);display:inline-flex}.diagram-dialog .diagram-element-presentations button[aria-pressed=true]{background:var(--c4-system-fill);border-color:var(--c4-system);color:var(--c4-system)}.diagram-dialog__model-note{color:var(--text-faint);font:var(--type-body-sm);font-size:var(--text-xs);margin:0}.diagram-dialog__choices,.diagram-text ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.diagram-dialog__choices button{height:auto;min-height:var(--control-height-md);text-align:left;width:100%}.diagram-text li,.diagram-dialog header,.diagram-dialog__actions{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.diagram-dialog__actions>span:empty{flex:1}.diagram-dialog__boundary-kind{font:var(--type-mono)}.diagram-dialog p strong{color:var(--text-body);font-weight:var(--fw-medium)}.diagram-dialog p{color:var(--text-muted);font:var(--type-body);margin:0}.diagram-share-dialog{max-block-size:min(720px,88dvh);overflow:auto}.diagram-archive-dialog__choices{gap:var(--space-2);display:grid}.diagram-workspace .diagram-archive-dialog__choices button{background:var(--surface-card);align-items:flex-start;gap:var(--space-1);block-size:auto;padding:var(--space-3);text-align:start;flex-direction:column;display:flex}.diagram-workspace .diagram-archive-dialog__choices button strong{color:var(--text-strong);font:var(--type-ui)}.diagram-workspace .diagram-archive-dialog__choices button span{color:var(--text-muted);font:var(--type-body-sm)}.diagram-workspace .diagram-archive-dialog__choices button.is-danger{border-color:var(--status-error)}.diagram-dialog__eyebrow{letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint)!important;font:var(--type-label)!important}.diagram-share-dialog>header>div{gap:var(--space-1);flex-direction:column;display:flex}.diagram-share-dialog__active{border-block-start:var(--border-width) solid var(--border-hairline);gap:var(--space-2);flex-direction:column;padding-block-start:var(--space-3);display:flex}.diagram-share-dialog__active h3{color:var(--text-strong);font:var(--type-h3);margin:0}.diagram-share-dialog__active ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.diagram-share-dialog__active li,.diagram-share-dialog__active li>span{align-items:center;gap:var(--space-2);display:flex}.diagram-share-dialog__active li{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:var(--space-2);justify-content:space-between}.diagram-share-dialog__active li>span:first-child{flex-direction:column;align-items:flex-start;min-inline-size:0}.diagram-share-dialog__active small{color:var(--text-faint);font:var(--type-mono)}.diagram-publication-dialog__impact{gap:var(--space-2);flex-wrap:wrap;display:flex}.diagram-publication-dialog__impact-summary{gap:var(--space-2);display:grid}.diagram-publication-dialog__impact-summary>p{color:var(--text-muted);margin:0}.diagram-publication-dialog{overscroll-behavior:contain;width:min(92vw,760px);max-width:760px;overflow:auto}.diagram-publication-dialog__disclosure{color:var(--text-strong);font:var(--type-h3);align-items:center;gap:var(--space-2);text-align:start;background:0 0;border:0;justify-content:space-between;width:100%;padding:0;display:flex}.diagram-publication-dialog__disclosure>span:last-child{font:var(--type-mono)}.diagram-publication-dialog__warning-content,.diagram-publication-dialog__conflict-scroll{gap:var(--space-3);min-width:0;display:grid}.diagram-publication-dialog__conflict-scroll{overscroll-behavior:contain;max-block-size:min(360px,45vh);overflow:auto}.diagram-publication-conflict{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);font:var(--type-body-sm);gap:var(--space-2);overflow-wrap:anywhere;padding:var(--space-3);display:grid}.diagram-publication-conflict h4,.diagram-publication-conflict dl,.diagram-publication-conflict dd{margin:0}.diagram-publication-conflict dl{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diagram-publication-conflict dt{color:var(--text-muted);font:var(--type-label);margin-bottom:var(--space-1)}.diagram-publication-conflict ul{gap:var(--space-1);padding:0;list-style:none;display:grid}.diagram-publication-conflict dt small{font:var(--type-body-sm);letter-spacing:normal;text-transform:none;display:block}.diagram-publication-conflict li>span{font:var(--type-mono);min-inline-size:1em;display:inline-block}.diagram-publication-conflict .is-added>span{color:var(--status-ok)}.diagram-publication-conflict .is-removed>span{color:var(--status-error)}.diagram-publication-conflict__empty{color:var(--text-muted)}.diagram-publication-dialog__resolution{border-top:var(--border-width) solid var(--border-hairline);gap:var(--space-3);padding-top:var(--space-3);display:grid}.diagram-publication-dialog:has(.diagram-publication-dialog__resolution) .diagram-publication-dialog__conflict-scroll{max-block-size:min(320px,max(120px,100dvh - 480px))}.diagram-publication-dialog__resolution label{gap:var(--space-1);display:grid}.diagram-publication-dialog__saved-choice summary{color:var(--text-muted);cursor:pointer;font:var(--type-body-sm)}.diagram-publication-dialog:has(.diagram-publication-dialog__resolution) .diagram-publication-dialog__saved-choice .diagram-publication-dialog__conflict-scroll{margin-top:var(--space-2);max-block-size:160px}@media (width<=600px){.diagram-publication-conflict dl{grid-template-columns:minmax(0,1fr)}}.diagram-publication-dialog__impact>span{background:var(--surface-sunken);border-radius:var(--radius-sm);color:var(--text-muted);font:var(--type-mono);padding:var(--space-2)}.diagram-publication-dialog__issues{background:var(--status-warn-soft);border:var(--border-width) solid var(--status-warn);border-radius:var(--radius-sm);color:var(--text-body);gap:var(--space-2);padding:var(--space-3);display:grid}.diagram-publication-dialog__issues h3,.diagram-publication-dialog__issues p,.diagram-publication-dialog__issues ul{margin:0}.diagram-publication-dialog__issues h3{color:var(--text-strong);font:var(--type-h3)}.diagram-publication-dialog__issues-heading{align-items:baseline;gap:var(--space-2);justify-content:space-between;display:flex}.diagram-publication-dialog__issues-heading>span{color:var(--text-faint);font:var(--type-mono)}.diagram-publication-dialog__warning-scroll{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);overscroll-behavior:contain;max-block-size:220px;overflow:auto}.diagram-publication-dialog__warning-scroll table{border-collapse:separate;border-spacing:0;color:var(--text-body);font:var(--type-body-sm);table-layout:fixed;inline-size:100%;min-inline-size:620px}.diagram-publication-dialog__warning-scroll th,.diagram-publication-dialog__warning-scroll td{border-block-end:var(--border-width) solid var(--border-hairline);padding:var(--space-2) var(--space-3);text-align:start;vertical-align:top}.diagram-publication-dialog__warning-scroll th{background:var(--surface-sunken);color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase;z-index:1;position:sticky;top:0}.diagram-publication-dialog__warning-scroll th:first-child{inline-size:28%}.diagram-publication-dialog__warning-scroll th:nth-child(2){inline-size:18%}.diagram-publication-dialog__warning-scroll th:nth-child(3){inline-size:15%}.diagram-publication-dialog__warning-scroll tbody tr:last-child td{border-block-end:0}.diagram-publication-dialog__decisions table{min-inline-size:0}.diagram-publication-dialog__decision-section{background:var(--surface-sunken);border-color:var(--border-hairline)}.diagram-publication-dialog__decisions th:first-child,.diagram-publication-dialog__decisions th:nth-child(3){inline-size:22%}.diagram-publication-dialog__decisions th:nth-child(2){inline-size:56%}.diagram-publication-dialog__decisions td{overflow-wrap:anywhere}.diagram-publication-dialog__warning-scroll td strong,.diagram-publication-dialog__warning-scroll td small{display:block}.diagram-publication-dialog__warning-scroll td strong{color:var(--text-strong);font:var(--type-ui)}.diagram-publication-dialog__warning-scroll td small{color:var(--text-faint);font:var(--type-body-sm);font-size:var(--text-xs);margin-block-start:var(--space-1)}.diagram-publication-dialog__confirmation{align-items:center;color:var(--text-body)!important;font:var(--type-body-sm)!important;gap:var(--space-2)!important;display:flex!important}.diagram-publication-dialog__confirmation input{block-size:16px;inline-size:16px}@media (width<=900px){.diagram-workspace{min-inline-size:760px;overflow:auto}.diagram-toolbar{flex-wrap:wrap;align-items:flex-start}}.designer-conflicts{background:var(--surface-card);width:min(29rem,100vw - 2rem);max-height:calc(100dvh - 6rem);color:var(--text-strong);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0;padding:0;position:fixed;inset:5rem 1rem auto auto;overflow:auto}.designer-conflicts::backdrop{background:0 0}.designer-conflicts__body{padding:1rem}.designer-conflicts header,.designer-conflicts__row{align-items:center;gap:.5rem;display:flex}.designer-conflicts h3{flex:1;margin:0;font-size:1rem}.designer-conflicts p,.designer-conflicts small,.designer-conflicts summary{color:var(--text-muted);font-size:.8rem}.designer-conflicts__list{max-height:55dvh;overflow-y:auto}.designer-conflicts__list section{border-bottom:var(--border-width) solid var(--border-hairline);padding:.75rem 0}.designer-conflicts__row>div{flex:1;min-width:0}.designer-conflicts__row>.designer-conflicts__choices{text-align:right;flex:none}.designer-conflicts__choices>div{gap:.375rem;margin-top:.25rem;display:flex}.designer-conflicts button.designer-conflicts__choice{gap:.375rem;width:auto;padding:0 .5rem;font-size:.75rem}.designer-conflicts button.designer-conflicts__choice:disabled{cursor:not-allowed}.diagram-publication-dialog__resolution .diagram-dialog__actions>button{align-items:center;gap:.375rem;display:inline-flex}.designer-conflicts__row strong{overflow-wrap:anywhere;font-size:.875rem}.designer-conflicts small{display:block}.designer-conflicts button{background:var(--surface-card);width:2rem;height:2rem;color:var(--text-muted);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;display:inline-flex}.designer-conflicts button[aria-pressed=true]{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.designer-conflicts button:hover,.designer-conflicts button:focus-visible{border-color:var(--accent)}.designer-conflicts button:disabled{opacity:.5;cursor:wait}.designer-conflicts details{margin-top:.5rem}.designer-conflict-preview{z-index:5;background:var(--surface-card);max-width:min(32rem,50%);max-height:30%;color:var(--text-strong);border:var(--border-width) solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:none;padding:.5rem .75rem;font-size:.8rem;position:absolute;top:1rem;left:1rem;overflow:auto}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.move-timeline-button,.diagram-workspace .move-timeline-button{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;height:var(--control-height-sm);min-block-size:var(--control-height-sm);width:var(--control-height-sm);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.move-timeline-button:hover:not(:disabled),.diagram-workspace .move-timeline-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text-strong)}.move-timeline-button:focus-visible,.diagram-workspace .move-timeline-button:focus-visible{box-shadow:var(--ring-focus);outline:none}.move-timeline-button:disabled,.diagram-workspace .move-timeline-button:disabled{cursor:default;opacity:.4}.diagram-export-tray{background:var(--surface-overlay);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);bottom:var(--space-5);box-shadow:var(--shadow-lg);color:var(--text-body);inline-size:min(24rem, calc(100vw - 2 * var(--space-5)));max-block-size:min(34rem, calc(100vh - 2 * var(--space-5)));right:var(--space-5);z-index:30;position:fixed;overflow:auto}.diagram-export-tray>header{border-block-end:var(--border-width) solid var(--border-hairline);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.diagram-export-tray>header p,.diagram-export-tray__action p,.diagram-export-tray li>p,.diagram-export-tray__error{margin:0}.diagram-export-tray>header p{color:var(--text-strong);font:var(--type-ui)}.diagram-export-tray>header span{background:var(--accent-soft);border-radius:var(--radius-pill);color:var(--text-accent);font:var(--type-label);padding:var(--space-1) var(--space-2)}.diagram-export-tray ul{margin:0;padding:0;list-style:none;display:grid}.diagram-export-tray li{border-block-end:var(--border-width) solid var(--border-hairline);gap:var(--space-2);padding:var(--space-3) var(--space-4);display:grid}.diagram-export-tray li:last-child{border-block-end:0}.diagram-export-tray__job{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.diagram-export-tray__job strong,.diagram-export-tray__job small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.diagram-export-tray__job strong{color:var(--text-strong);font:var(--type-body-sm)}.diagram-export-tray__job small,.diagram-export-tray li>p,.diagram-export-tray__action p{color:var(--text-muted);font:var(--type-body-sm)}.diagram-export-tray__spinner{border:2px solid var(--border-default);border-block-start-color:var(--accent);block-size:var(--space-4);inline-size:var(--space-4);border-radius:50%;animation:.8s linear infinite diagram-export-spin}.diagram-export-tray__status{color:var(--text-muted);font:var(--type-label)}.diagram-export-tray__status.is-ready{color:var(--status-ok)}.diagram-export-tray__status.is-failed,.diagram-export-tray__error{color:var(--status-error)}.diagram-export-tray__action{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.diagram-export-tray button{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;font:var(--type-ui);min-block-size:var(--control-height-sm);padding-inline:var(--space-3)}.diagram-export-tray button:focus-visible{box-shadow:var(--ring-focus);outline:none}.diagram-export-tray__error{padding:var(--space-3) var(--space-4) 0}@keyframes diagram-export-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.diagram-export-tray__spinner{animation:none}}.timeline-workspace{background:var(--surface-canvas);min-block-size:calc(100dvh - var(--topbar-height));gap:0;display:grid}.timeline-workspace__heading{background:var(--surface-app);align-items:baseline;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-4);justify-content:flex-start;display:flex}.timeline-workspace__heading h1{color:var(--text-strong);font:var(--type-h1);letter-spacing:var(--track-tight);margin:0}.timeline-workspace__heading>span{color:var(--text-faint);font:var(--type-mono)}.timeline-workspace__origin-filter{white-space:nowrap;flex-shrink:0;margin-inline-start:var(--space-2)}.timeline-inspector__heading,.timeline-change-set>header,.timeline-history>header{justify-content:space-between;align-items:center;display:flex}.timeline-workspace__layout{background:var(--surface-canvas);grid-template-columns:minmax(320px,1fr) 340px;min-block-size:34rem;display:grid;overflow:hidden}.timeline-workspace__rail{background:var(--surface-canvas);padding:0 var(--space-3) var(--space-8);overflow:auto}.timeline-inventory{min-width:0;contain:size;flex-direction:column;gap:0;min-block-size:0;padding:0;display:flex}.timeline-inventory>:not(.timeline-inventory__scroll){flex-shrink:0}.timeline-inventory__filters.catalogue__toolbar{gap:var(--space-2);padding:var(--space-2) var(--space-4);display:grid}.timeline-inventory__filter-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;min-inline-size:0;display:flex}.timeline-inventory__view.catalogue__selector{align-items:center;gap:var(--space-2);flex:180px;min-inline-size:0;display:flex}.timeline-inventory__view select{inline-size:100%;min-inline-size:0;max-inline-size:240px;block-size:var(--control-height-md);padding:0 var(--space-2);font:var(--type-ui);text-transform:none;letter-spacing:normal}.timeline-inventory__filters .catalogue__kind-filter{flex-wrap:wrap}.timeline-inventory__filters .catalogue__search:focus-within{box-shadow:var(--ring-focus);outline:none}.timeline-inventory>[role=status],.timeline-inventory>[role=alert]{padding:var(--space-3) var(--space-4);margin:0}.timeline-inventory__scroll{overscroll-behavior:contain;background:var(--surface-canvas);flex:1 1 0;min-block-size:0;overflow:auto}.timeline-inventory__table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:600px;font:var(--type-body-sm);color:var(--text-muted)}.timeline-inventory__table th,.timeline-inventory__table td{padding:var(--space-3) var(--space-4);text-align:start;vertical-align:middle;border-bottom:var(--border-width) solid var(--border-hairline);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-inventory__table th{padding-block:var(--space-2);font:var(--type-label);color:var(--text-faint);background:var(--surface-sunken);letter-spacing:var(--track-caps);text-transform:uppercase;position:sticky;top:0}.timeline-inventory__table th:first-child{width:30%}.timeline-inventory__table th:nth-child(3){width:16%}.timeline-inventory__table .timeline-inventory__action{width:52px;padding:var(--space-1) var(--space-2);text-align:center;overflow:visible}.timeline-inventory__table strong{color:var(--text-strong);font:var(--type-ui)}.timeline-inventory__table .is-born-here{background:var(--surface-selected)}.timeline-inventory__table tbody tr:hover{background:var(--surface-hover)}.timeline-inventory__born{color:var(--text-accent);font:var(--type-label)}.timeline-inventory__inherited{color:var(--text-muted);font:var(--type-label)}.timeline-inventory__scroll>p{padding:var(--space-3)}.timeline-move-backdrop{background:var(--scrim);-webkit-backdrop-filter:var(--blur-overlay);backdrop-filter:var(--blur-overlay);z-index:70;position:fixed;inset:0}.timeline-move-dialog.diagram-dialog{width:min(720px, calc(100vw - var(--space-8)));max-width:720px;max-block-size:calc(100dvh - var(--space-8));border-color:var(--border-hairline);flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.timeline-move-dialog>header{padding:var(--space-5) var(--space-5) var(--space-3);flex:none;align-items:flex-start}.timeline-move-dialog h2{font:var(--type-h2);letter-spacing:var(--track-tight);margin:0}.timeline-move-dialog__body{gap:var(--space-3);min-block-size:0;padding:0 var(--space-5) var(--space-4);overscroll-behavior:contain;display:grid;overflow-y:auto}.timeline-move-dialog p{font:var(--type-body-sm)}.timeline-move-dialog .timeline-move-dialog__close{color:var(--text-faint);min-height:var(--control-height-sm);inline-size:var(--control-height-sm);background:0 0;border-color:#0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.timeline-move-dialog .timeline-move-dialog__review{justify-self:end}.timeline-move-dialog>.diagram-dialog__actions{padding:var(--space-3) var(--space-5);background:var(--surface-sunken);border-block-start:var(--border-width) solid var(--border-hairline);flex:none;justify-content:flex-end}.timeline-move-dialog .diagram-primary-action{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.timeline-move-dialog .diagram-primary-action:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-on-accent)}.timeline-move-dialog .timeline-move-dialog__close:hover:not(:disabled),.timeline-move-dialog .diagram-publication-dialog__disclosure:hover:not(:disabled){background:var(--surface-hover);border-color:#0000}.timeline-move-dialog .access-field>span{letter-spacing:var(--track-caps);text-transform:uppercase}.timeline-move-dialog textarea{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);font:var(--type-body-sm);padding:var(--space-2);min-block-size:calc(var(--control-height-md) * 2);resize:vertical}.timeline-move-dialog button:disabled,.timeline-move-dialog select:disabled,.timeline-move-dialog textarea:disabled{opacity:.42;cursor:not-allowed}.timeline-move-section{gap:var(--space-2);display:grid}.timeline-move-dialog .diagram-publication-dialog__disclosure{font:var(--type-h3);background:0 0;border-color:#0000;padding:0}.timeline-move-dialog .diagram-publication-dialog__disclosure svg{flex:none}.timeline-inventory button:focus-visible,.timeline-inventory select:focus-visible,.timeline-move-dialog textarea:focus-visible{box-shadow:var(--ring-focus);outline:none}.timeline-inventory label.timeline-checkbox,.timeline-move-dialog label.timeline-checkbox{align-items:center;gap:var(--space-2);color:var(--text-body);font:var(--type-body-sm);cursor:pointer;min-block-size:var(--control-height-sm);display:inline-flex}.timeline-inventory .timeline-checkbox input[type=checkbox],.timeline-move-dialog .timeline-checkbox input[type=checkbox]{appearance:none;block-size:15px;inline-size:15px;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-xs);background:var(--surface-card);min-height:0;color:var(--text-on-accent);cursor:inherit;transition:var(--transition-ui);flex:0 0 15px;place-content:center;margin:0;padding:0;display:inline-grid}.timeline-inventory .timeline-checkbox input:checked,.timeline-move-dialog .timeline-checkbox input:checked{background:var(--accent);border-color:var(--accent)}.timeline-checkbox input:checked:before{content:"";border:2px solid;border-width:0 2px 2px 0;block-size:7px;inline-size:4px;transform:translateY(-1px)rotate(45deg)}.timeline-checkbox input:focus-visible{box-shadow:var(--ring-focus);outline:none}.timeline-checkbox:has(input:disabled){opacity:.42;cursor:not-allowed}@media (forced-colors:active){.timeline-inventory .timeline-checkbox input[type=checkbox],.timeline-move-dialog .timeline-checkbox input[type=checkbox]{appearance:auto}.timeline-checkbox input:checked:before{display:none}}.timeline-move-scroll{overscroll-behavior:contain;border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);max-block-size:20rem;overflow:auto}.timeline-move-scroll table{table-layout:fixed}.timeline-move-scroll th:first-child{width:28%}.timeline-move-scroll th:nth-child(2){width:20%}.timeline-move-scroll th{z-index:1}.timeline-workspace__rail>div{max-inline-size:620px}.timeline-list,.timeline-change-sets ul,.timeline-publications{margin:0;padding:0;list-style:none}.timeline-list li{padding-block-end:var(--space-3);position:relative}.timeline-list li:not(:last-child):after{background:var(--border-default);block-size:calc(100% - var(--space-2));content:"";inline-size:var(--border-width-strong);position:absolute;inset-block-start:var(--space-8);inset-inline-start:.7rem}.timeline-version{border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;font:var(--type-body);align-items:center;gap:var(--space-3);inline-size:100%;padding:var(--space-3);text-align:start;transition:var(--transition-ui);background:0 0;grid-template-columns:auto 1fr auto;display:grid}.timeline-version:hover{background:var(--surface-hover)}.timeline-version[aria-current=true]{background:var(--surface-selected);border-color:var(--accent)}.timeline-version:focus-visible,.timeline-button:focus-visible,.timeline-form textarea:focus-visible{box-shadow:var(--ring-focus);outline:none}.timeline-version__marker{background:var(--surface-card);border:var(--border-width-strong) solid var(--border-default);z-index:1;border-radius:50%;block-size:1.4rem;inline-size:1.4rem;position:relative}.timeline-version[aria-current=true] .timeline-version__marker{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 .2rem var(--surface-card)}.timeline-version__copy{gap:var(--space-1);display:grid}.timeline-version__copy strong{color:var(--text-strong);font:var(--type-ui)}.timeline-version__copy>span,.timeline-publications time{color:var(--text-faint);font:var(--type-mono)}.timeline-version__current,.timeline-state{background:var(--status-ok-soft);border-radius:var(--radius-pill);color:var(--status-ok);font:var(--type-label);padding:var(--space-1) var(--space-2);text-transform:uppercase}.timeline-state--needs-rebase{background:var(--status-warn-soft);color:var(--status-warn)}.timeline-inspector{background:var(--surface-card);border-inline-start:var(--border-width) solid var(--border-hairline);gap:var(--space-5);min-inline-size:0;padding:var(--space-5);flex-direction:column;display:flex}.timeline-inspector h2,.timeline-history h2{color:var(--text-strong);font:var(--type-h2);margin:var(--space-1) 0 0}.timeline-inspector__label,.timeline-metadata dt,.timeline-conflicts dt{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase;margin:0}.timeline-metadata,.timeline-conflicts dl{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.timeline-metadata>div,.timeline-conflicts dl>div{gap:var(--space-1);display:grid}.timeline-metadata dd,.timeline-conflicts dd{color:var(--text-body);font:var(--type-body-sm);overflow-wrap:anywhere;margin:0}.timeline-actions,.timeline-publish,.timeline-comparison{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline-impact{background:var(--surface-sunken);border-radius:var(--radius-sm);gap:var(--space-3);inline-size:100%;padding:var(--space-3);display:grid}.timeline-impact>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline-impact article{border-block-start:var(--border-width) solid var(--border-hairline);gap:var(--space-2);padding-block-start:var(--space-3);display:grid}.timeline-impact article p{color:var(--text-body);font:var(--type-body-sm);margin:0}.timeline-button{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;font:var(--type-ui);padding:var(--space-2) var(--space-3);transition:var(--transition-ui)}.timeline-button:hover{background:var(--surface-hover);color:var(--text-strong)}.timeline-button:disabled{cursor:wait;opacity:.55}.timeline-form,.timeline-change-sets,.timeline-history{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);gap:var(--space-3);padding:var(--space-4);display:grid}.timeline-form h3,.timeline-change-sets h3{color:var(--text-strong);font:var(--type-h3);margin:0}.timeline-form textarea{background:var(--surface-canvas);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-strong);font:var(--type-body);min-block-size:5rem;padding:var(--space-3);resize:vertical}.timeline-empty,.timeline-change-set>p{color:var(--text-muted);font:var(--type-body-sm);margin:0}.timeline-change-sets ul{gap:var(--space-3);display:grid}.timeline-change-set{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);gap:var(--space-3);padding:var(--space-3);display:grid}.timeline-change-set strong{color:var(--text-strong);font:var(--type-ui)}.timeline-conflicts{background:var(--status-warn-soft);border-radius:var(--radius-sm);gap:var(--space-3);padding:var(--space-3);display:grid}.timeline-conflicts article>p{color:var(--status-warn);font:var(--type-label);margin:0 0 var(--space-2)}.timeline-impact span,.timeline-comparison__summary span{background:var(--accent-soft);border-radius:var(--radius-pill);color:var(--text-accent);font:var(--type-body-sm);padding:var(--space-1) var(--space-2)}.timeline-check{color:var(--text-body);font:var(--type-body-sm);align-items:center;gap:var(--space-2);display:flex}.timeline-check--warning{background:var(--status-warn-soft);border-radius:var(--radius-sm);color:var(--status-warn);inline-size:100%;padding:var(--space-3)}.timeline-history{background:var(--surface-card);padding:var(--space-5)}.timeline-compare{align-items:end;gap:var(--space-3);grid-template-columns:1fr 1fr 1fr auto;display:grid}.timeline-comparison{gap:var(--space-4);display:grid}.timeline-comparison__summary{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline-diagram-comparison{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%;display:grid}.timeline-diagram-comparison article{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);min-inline-size:0;padding:var(--space-3)}.timeline-diagram-comparison h3{color:var(--text-strong);font:var(--type-h3);margin:0 0 var(--space-2)}.timeline-diagram-comparison pre{color:var(--text-body);font:var(--type-mono);white-space:pre-wrap;margin:0;overflow:auto}.timeline-publications{gap:var(--space-2);display:grid}.timeline-publications li{border-block-start:var(--border-width) solid var(--border-hairline);justify-content:space-between;align-items:center;padding-block-start:var(--space-3);display:flex}.timeline-publications li>div{gap:var(--space-1);display:grid}.timeline-dialog{background:var(--surface-overlay);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);inline-size:min(480px, calc(100vw - var(--space-8)));z-index:60;position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.timeline-dialog form{display:grid}.timeline-dialog header{border-block-end:var(--border-width) solid var(--border-hairline);align-items:flex-start;gap:var(--space-3);padding:var(--space-4);justify-content:space-between;display:flex}.timeline-dialog h2{color:var(--text-strong);font:var(--type-h2);margin:0}.timeline-dialog header p,.timeline-dialog__notice{color:var(--text-muted);font:var(--type-body-sm);margin:var(--space-1) 0 0}.timeline-dialog__body{gap:var(--space-3);padding:var(--space-4);display:grid}.timeline-inheritance{gap:var(--space-1);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.timeline-inheritance legend,.timeline-inheritance-option--unavailable>span,.timeline-inheritance-option__copy>span{color:var(--text-muted);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.timeline-inheritance__options{align-items:stretch;gap:var(--space-2);display:flex}.timeline-inheritance-option{background:var(--surface-card);border:var(--border-width-strong) solid var(--border-hairline);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:var(--space-2);min-inline-size:0;padding:var(--space-3);transition:var(--transition-ui);flex:1;display:flex}.timeline-inheritance-option:has(input:checked){background:var(--surface-selected);border-color:var(--accent)}.timeline-inheritance-option:has(input:focus-visible){box-shadow:var(--ring-focus)}.timeline-inheritance-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.timeline-inheritance-option__marker{background:var(--surface-card);border:var(--border-width-strong) solid var(--border-default);border-radius:50%;flex:none;block-size:.8125rem;inline-size:.8125rem;margin-block-start:.125rem}.timeline-inheritance-option input:checked+.timeline-inheritance-option__marker{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 .15625rem var(--surface-card)}.timeline-inheritance-option__copy{flex-direction:column;gap:.125rem;min-inline-size:0;display:flex}.timeline-inheritance-option__copy strong{color:var(--text-strong);font:var(--type-ui)}.timeline-inheritance-option small{color:var(--text-faint);font:var(--type-mono)}.timeline-inheritance-option--unavailable{cursor:default;opacity:.6;border-style:dashed;flex-direction:column}.timeline-inheritance-option--unavailable small{color:var(--text-muted);font:var(--type-body-sm);text-wrap:pretty}.timeline-dialog footer{border-block-start:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);justify-content:flex-end;display:flex}.timeline-dialog .timeline-dialog__close{color:var(--text-muted);cursor:pointer;font:var(--type-h2);background:0 0;border:0}.timeline-dialog__notice{background:var(--status-warn-soft);border-radius:var(--radius-sm);color:var(--status-warn);padding:var(--space-3)}@media (width<=56rem){.timeline-workspace__layout{grid-template-columns:minmax(0,1fr);overflow:auto}.timeline-inspector{grid-column:1/-1}.timeline-inventory{contain:none}.timeline-inventory__scroll{flex:0 auto;max-block-size:65vh}.timeline-compare,.timeline-diagram-comparison{grid-template-columns:1fr}}.architecture-dashboard{background:var(--surface-app);min-block-size:calc(100dvh - var(--topbar-height));flex-direction:column;display:flex}.architecture-dashboard__heading{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-5) var(--space-6) var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.architecture-dashboard__heading h1{color:var(--text-strong);font:var(--type-h1);letter-spacing:var(--track-tight);grid-column:1;margin:0}.architecture-dashboard__heading>span{grid-column:1}.dashboard-workspace-summary{grid-area:1/2/span 2}.architecture-dashboard__heading>span,.dashboard-section-heading span,.dashboard-card>header span{color:var(--text-faint);font:var(--type-mono)}.architecture-search{border-block:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);display:flex}.architecture-search__query{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);align-items:center;gap:var(--space-2);max-inline-size:360px;padding-inline:var(--space-2);flex:220px;display:flex}.architecture-search__query input{color:var(--text-strong);font:var(--type-ui);min-block-size:var(--control-height-sm);background:0 0;border:0;outline:0;flex:1;min-inline-size:0}.architecture-search__query:focus-within{box-shadow:var(--ring-focus)}.architecture-search__icon{border:1.7px solid var(--text-faint);border-radius:50%;block-size:11px;inline-size:11px;position:relative}.architecture-search__icon:after{background:var(--text-faint);content:"";block-size:1.7px;inline-size:6px;position:absolute;inset-block-start:8px;inset-inline-start:8px;rotate:45deg}.architecture-search>label:not(.architecture-search__query){align-items:center;gap:var(--space-2);display:flex}.architecture-search__label{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.architecture-search select,.architecture-search>button{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);font:var(--type-ui);min-block-size:var(--control-height-sm);padding-inline:var(--space-3)}.architecture-search>button{cursor:pointer}.architecture-dashboard>.dashboard-card--wide{margin:var(--space-4) var(--space-6) 0}.dashboard-card.dashboard-search-results{padding:0;overflow:hidden}.dashboard-card.dashboard-search-results>header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:0}.dashboard-search-results>header>span{margin-inline-start:auto}.dashboard-search-results__close{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;inline-size:var(--control-height-sm);block-size:var(--control-height-sm);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.dashboard-search-results__close:hover{background:var(--surface-hover);color:var(--text-strong)}.dashboard-search-results__close:focus-visible{box-shadow:var(--ring-focus);outline:none}.dashboard-search-results .catalogue__columns,.dashboard-search-results .catalogue__list li>button{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,3fr) repeat(2,minmax(0,1fr))}.dashboard-search-results .catalogue__record-link>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-search-results>.dashboard-empty{padding:var(--space-4)}.dashboard-grid{--dashboard-activity-row-height:2.75rem;--dashboard-panel-heading-height:3.5rem;align-items:stretch;gap:var(--space-5);background:var(--surface-canvas);padding:0 var(--space-6) var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"overview overview""activity health";display:grid}.dashboard-overview{background:var(--surface-sunken);border-block-end:var(--border-width) solid var(--border-hairline);gap:var(--space-5);margin-inline:calc(-1 * var(--space-6));padding:var(--space-4) var(--space-6);grid-area:overview;grid-template-columns:minmax(0,1fr);grid-template-areas:"resume";display:grid}.dashboard-panel{grid-template-rows:var(--dashboard-panel-heading-height) minmax(0, 1fr);min-inline-size:0;display:grid;overflow:hidden}.dashboard-card.dashboard-panel{padding:0}.dashboard-card.dashboard-panel>header{border-block-end:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-2);padding-inline:var(--space-4);margin:0}.dashboard-card.dashboard-panel>header span{color:var(--text-muted)}.dashboard-panel--resume{grid-area:resume}.dashboard-panel--activity{grid-area:activity}.dashboard-panel--health{grid-area:health}.dashboard-overview .dashboard-panel{box-shadow:none;gap:var(--space-3);background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);overflow:visible}.dashboard-overview .dashboard-panel>header{border:0;padding:0}.dashboard-panel--activity,.dashboard-panel--health{block-size:calc(var(--dashboard-panel-heading-height) + 15 * var(--dashboard-activity-row-height) + 2 * var(--border-width))}.dashboard-panel__scroll{overscroll-behavior:contain;min-block-size:0;overflow:auto}.dashboard-panel__scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dashboard-panel__scroll>.dashboard-empty,.dashboard-panel--health .dashboard-list{padding:var(--space-4)}.dashboard-review-card{grid-column:2}.dashboard-section-heading{align-items:baseline;gap:var(--space-2);display:flex}.dashboard-section-heading h2,.dashboard-card h2{color:var(--text-strong);font:var(--type-h3);margin:0}.dashboard-resume-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-resume-card{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:var(--space-3);min-block-size:96px;min-inline-size:0;padding:var(--space-3) var(--space-4);align-items:center;display:flex}.dashboard-resume-card--link{cursor:pointer;font:inherit;text-align:start;transition:var(--transition-ui);width:100%}.dashboard-resume-card--link:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-kind-icon{background:var(--c4-system-fill);border-radius:var(--radius-sm);color:var(--c4-system);flex:0 0 34px;justify-content:center;align-items:center;height:34px;display:flex}.dashboard-resume-card>span:last-child{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.dashboard-resume-card strong{color:var(--text-strong);font:var(--type-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-resume-card small{color:var(--text-muted);font:var(--type-body-sm);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-resume-card time,.dashboard-activity-list time{color:var(--text-muted);font:var(--type-mono)}.dashboard-resume-card time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-activity-list{background:var(--surface-card);margin:0;padding:0;list-style:none}.dashboard-activity-list li{block-size:var(--dashboard-activity-row-height);box-sizing:border-box;border-block-end:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);grid-template-columns:20px minmax(0,1fr) auto;display:grid}.dashboard-activity-list li:last-child{border-block-end:0}.dashboard-activity-list p{color:var(--text-body);font:var(--type-body-sm);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;margin:0;overflow:hidden}.dashboard-activity-list strong{color:var(--text-strong);font:var(--type-ui)}.dashboard-activity-list a{color:var(--text-link);text-underline-offset:2px;text-decoration:underline}.dashboard-activity-list a:hover{text-decoration:underline}.dashboard-activity-glyph{color:var(--c4-system)}.dashboard-avatar{background:var(--flow-soft);color:var(--text-link);font:var(--type-label);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.dashboard-card{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.dashboard-card--wide{grid-column:1/-1}.dashboard-card>header{justify-content:space-between;align-items:baseline;margin-block-end:var(--space-4);display:flex}.dashboard-metrics{align-content:start;gap:var(--space-3);grid-template-columns:repeat(4,5rem);margin:0;display:grid}.dashboard-metrics div{grid-template-columns:max-content;justify-content:start;gap:2px;display:grid}.dashboard-metrics dd{justify-self:end;align-items:baseline;gap:var(--space-1);color:var(--text-strong);font:var(--type-h2);letter-spacing:var(--track-tight);margin:0;display:flex}.dashboard-metrics__proposed{white-space:nowrap;font-size:66.6667%}.dashboard-metrics a{color:inherit;text-decoration:none}.dashboard-metrics a:hover{color:var(--text-accent);text-decoration:underline}.dashboard-metrics dt{color:var(--text-muted);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase;justify-self:end}.dashboard-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.dashboard-list li{background:var(--surface-sunken);border-radius:var(--radius-sm);overflow:hidden}.dashboard-health-issue{padding:var(--space-3)}.dashboard-health-issue__heading{align-items:flex-start;gap:var(--space-4);justify-content:space-between;display:flex}.dashboard-health-issue__heading>div{min-width:0}.dashboard-list .dashboard-health-issue__name{color:var(--text-body);margin-top:var(--space-1);overflow-wrap:anywhere}.dashboard-health-issue small{color:var(--text-muted);font:var(--type-body-sm);margin-top:var(--space-1);display:block}.dashboard-health-references{border-top:var(--border-width) solid var(--border-hairline);gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);display:grid}.dashboard-health-references a{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);padding:var(--space-2) var(--space-3);transition:var(--transition-ui);gap:2px;text-decoration:none;display:grid}.dashboard-health-references a:hover{background:var(--surface-hover);border-color:var(--accent)}.dashboard-health-references a>span{color:var(--text-accent);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.dashboard-health-references a>strong{font:var(--type-body-sm)}.dashboard-list p,.dashboard-empty,.dashboard-list time{color:var(--text-muted);font:var(--type-body-sm);margin:0}.dashboard-list strong{color:var(--text-strong)}.health-severity{border-radius:var(--radius-pill);font:var(--type-label);padding:var(--space-2) var(--space-3)}.health-severity--error{background:var(--status-error-soft);color:var(--status-error)}.health-severity--warning{background:var(--accent-soft);color:var(--text-accent)}.dashboard-review-list{gap:var(--space-2);flex-direction:column;display:flex}.dashboard-review-list button{color:var(--text-body);cursor:pointer;font:var(--type-body-sm);gap:var(--space-2);text-align:start;background:0 0;border:0;padding:0;display:flex}.dashboard-review-list button span{color:var(--text-faint);font:var(--type-mono)}@media (width<=60rem){.dashboard-resume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"overview""activity""health"}.dashboard-overview{grid-template-columns:1fr;grid-template-areas:"resume"}.dashboard-review-card{grid-column:1}}@media (width<=50rem){.architecture-dashboard{min-inline-size:720px}}.governance-workspace{background:var(--surface-canvas);min-block-size:calc(100dvh - var(--topbar-height));flex-direction:column;display:flex}.governance-workspace__heading{background:var(--surface-app);align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-4);justify-content:space-between;display:flex}.governance-workspace__heading>div{align-items:baseline;gap:var(--space-3);display:flex}.governance-workspace__heading h1{color:var(--text-strong);font:var(--type-h1);letter-spacing:var(--track-tight);margin:0}.governance-workspace__heading span{color:var(--text-faint);font:var(--type-mono)}.governance-primary-action{background:var(--accent);border:var(--border-width) solid var(--accent);border-radius:var(--radius-sm);color:var(--text-on-accent);cursor:pointer;font:var(--type-ui);align-items:center;gap:var(--space-1);min-block-size:var(--control-height-sm);padding-inline:var(--space-3);display:inline-flex}.governance-primary-action:hover{background:var(--accent-hover)}.governance-toolbar{background:var(--surface-app);border-block-end:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.governance-search{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);align-items:center;gap:var(--space-2);min-inline-size:200px;max-inline-size:300px;padding-inline:var(--space-2);flex:220px;display:flex}.governance-search input{color:var(--text-body);font:var(--type-ui);min-block-size:var(--control-height-sm);background:0 0;border:0;outline:0;flex:1;min-inline-size:0}.governance-search:focus-within,.governance-primary-action:focus-visible,.governance-segmented-control button:focus-visible,.governance-records button:focus-visible,.governance-inspector button:focus-visible{box-shadow:var(--ring-focus);outline:0}.governance-search__icon{border:1.7px solid var(--text-faint);border-radius:50%;block-size:11px;inline-size:11px;position:relative}.governance-search__icon:after{background:var(--text-faint);content:"";block-size:1.7px;inline-size:6px;position:absolute;inset-block-start:8px;inset-inline-start:8px;rotate:45deg}.governance-segmented-control{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);gap:var(--space-half);padding:var(--space-half);display:inline-flex}.governance-segmented-control button{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font:var(--type-ui);min-block-size:calc(var(--control-height-sm) - var(--space-1));padding-inline:var(--space-2);background:0 0;border:0}.governance-segmented-control button[aria-pressed=true]{background:var(--surface-card);box-shadow:var(--shadow-xs);color:var(--text-strong)}.governance-grid{grid-template-columns:minmax(0, 1fr) var(--inspector-width);flex:1;min-block-size:0;display:grid}.governance-decisions{background:var(--surface-canvas);min-inline-size:0;overflow:auto}.governance-records__heading,.governance-records li>button{gap:var(--space-3);grid-template-columns:84px minmax(0,3fr) 104px minmax(0,1.6fr);display:grid}.governance-records__heading{background:var(--surface-sunken);border-block-end:var(--border-width) solid var(--border-hairline);padding:var(--space-2) var(--space-4)}.governance-records__heading span{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.governance-records{margin:0;padding:0;list-style:none}.governance-records li{border-block-end:var(--border-width) solid var(--border-hairline)}.governance-records li>button{color:inherit;cursor:pointer;inline-size:100%;padding:var(--space-2) var(--space-4);text-align:start;transition:var(--transition-ui);background:0 0;border:0;align-items:center}.governance-records li>button:hover{background:var(--surface-hover)}.governance-records li.is-selected>button{background:var(--surface-selected)}.governance-records strong,.governance-reference{display:block}.governance-reference{color:var(--text-faint);font:var(--type-mono)}.governance-records__decision{min-inline-size:0}.governance-records__decision strong{color:var(--text-strong);font:var(--type-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.governance-records p{color:var(--text-body);font:var(--type-body-sm);margin:var(--space-1) 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.governance-status{background:var(--status-neutral-soft,var(--surface-sunken));border-radius:var(--radius-pill);color:var(--text-muted);font:var(--type-label);inline-size:fit-content;padding:var(--space-1) var(--space-2);text-transform:capitalize;align-self:center}.governance-status.is-accepted{background:var(--status-ok-soft);color:var(--status-ok)}.governance-status.is-proposed{background:var(--status-warn-soft);color:var(--status-warn)}.governance-status.is-rejected{background:var(--status-error-soft);color:var(--status-error)}.governance-scope{color:var(--text-muted);font:var(--type-body-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.governance-empty{color:var(--text-muted);font:var(--type-body-sm);padding:var(--space-12);text-align:center;margin:0}.governance-inspector{background:var(--surface-card);border-inline-start:var(--border-width) solid var(--border-hairline);flex-direction:column;min-block-size:0;min-inline-size:0;display:flex}.governance-inspector>header,.governance-form>header{border-block-end:var(--border-width) solid var(--border-hairline);align-items:flex-start;gap:var(--space-2);padding:var(--space-4);display:flex}.governance-inspector>header>div{flex-direction:column;flex:1;align-items:flex-start;gap:5px;display:flex}.governance-inspector .governance-status{align-self:flex-start}.governance-decision-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.governance-supersession{gap:var(--space-3);display:grid}.governance-supersession p{color:var(--text-muted);font:var(--type-body-sm);margin:0}.governance-inspector h2,.governance-form h2{color:var(--text-strong);font:var(--type-h3);letter-spacing:var(--track-tight);margin:0}.governance-inspector>header button,.governance-form>header button{color:var(--text-muted);cursor:pointer;font:var(--type-h2);background:0 0;border:0;margin-inline-start:auto}.governance-inspector__body,.governance-form__body{gap:var(--space-4);min-block-size:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:auto}.governance-decision-record{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);gap:var(--space-2);padding:var(--space-3);display:grid}.governance-decision-record h3{color:var(--text-strong);font:var(--type-ui);margin:0}.governance-decision-record p,.governance-field p{color:var(--text-body);font:var(--type-body-sm);overflow-wrap:anywhere;margin:0}.governance-field{flex-direction:column;gap:4px;display:flex}.governance-field>span{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.governance-form{flex-direction:column;flex:1;min-block-size:0;display:flex}.governance-form textarea{background:var(--surface-canvas);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-strong);font:var(--type-body);padding:var(--space-3);resize:vertical}.governance-form>footer{border-block-start:var(--border-width) solid var(--border-hairline);padding:var(--space-3) var(--space-4)}.governance-form>footer button{inline-size:100%}@media (width<=64rem){.governance-grid{grid-template-columns:minmax(0,1fr)}.governance-inspector{border-block-start:var(--border-width) solid var(--border-hairline);border-inline-start:0}}.shared-diagrams{gap:var(--space-6);inline-size:min(100%,88rem);padding:var(--space-8) var(--space-6);margin-inline:auto;display:grid}.shared-diagrams__heading{justify-content:space-between;align-items:end;display:flex}.shared-diagrams__heading h1{color:var(--text-strong);font:var(--type-h1);margin:0}.shared-diagrams__heading>p,.shared-diagrams__empty,.shared-diagram__title>p{color:var(--text-muted);font:var(--type-body-sm);margin:0}.shared-diagrams__list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.shared-diagrams__list button{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-strong);cursor:pointer;font:var(--type-ui);gap:var(--space-2);padding:var(--space-4);text-align:left;display:grid}.shared-diagrams__list button:hover,.shared-diagrams__list button[aria-current=page]{border-color:var(--accent);background:var(--surface-selected)}.shared-diagrams__list span{color:var(--text-muted);font:var(--type-body-sm)}.shared-diagrams__empty,.shared-diagram{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.shared-diagram{gap:var(--space-4);display:grid}.shared-diagram__title{justify-content:space-between;align-items:end;display:flex}.shared-diagram__canvas{background-color:var(--surface-canvas);border:var(--border-width) solid var(--border-hairline);min-height:36rem;position:relative;overflow:auto}.shared-diagram__canvas .react-flow__node-element{border:0;width:220px}.shared-diagram__canvas .react-flow__node-boundary{pointer-events:none}.shared-diagram__canvas .react-flow__handle{opacity:0}.shared-diagram__edge-label{background:var(--surface-canvas);color:var(--text-body);font:var(--type-body-sm);padding:1px var(--space-1);pointer-events:none;position:absolute}.shared-diagram__inspection{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);align-items:center;gap:var(--space-4);padding:var(--space-3);display:flex}.shared-diagram__inspection h3,.shared-diagram__inspection p{margin:0}.shared-diagram__inspection h3{color:var(--text-strong);font:var(--type-ui)}.shared-diagram__inspection>p{color:var(--text-muted);flex:1}.shared-diagram__inspection code{color:var(--text-accent);font:var(--type-mono)}.shared-diagram__dynamic{background:var(--surface-canvas);border:var(--border-width) solid var(--border-hairline);min-block-size:32rem;position:relative;overflow:hidden}.shared-diagram__dynamic-controls{border-block-end:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);justify-content:flex-end;display:flex}.shared-diagram__dynamic-controls>span{color:var(--text-faint);font:var(--type-mono);margin-inline-end:auto}.shared-diagram__dynamic-controls button{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;font:var(--type-ui);min-block-size:var(--control-height-sm);padding-inline:var(--space-3)}.shared-diagram__dynamic-controls button:last-child{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.shared-diagram__dynamic-controls button:disabled{cursor:not-allowed;opacity:.45}.shared-diagram__sequence{min-block-size:27rem;padding:var(--space-4);overflow:auto}.shared-diagram__footer{justify-content:space-between;align-items:center;display:flex}.shared-diagram__footer code{color:var(--text-faint);font:var(--type-mono)}@media (width<=48rem){.shared-diagrams__heading,.shared-diagram__title,.shared-diagram__footer{align-items:start;gap:var(--space-2);flex-direction:column}}:root{--font-sans:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--font-diagram:var(--font-sans);--paper-0:#fffdfa;--paper-1:#faf7f1;--paper-2:#f2eee6;--paper-3:#e7e2d8;--paper-4:#d6d0c4;--paper-5:#b5ae9f;--slate-9:#0d0f12;--slate-8:#131619;--slate-7:#191d22;--slate-6:#21262c;--slate-5:#2c333a;--slate-4:#3b434c;--slate-3:#5a636d;--slate-2:#8a939d;--slate-1:#b9c1c9;--slate-0:#e6eaee;--ink-9:#14120f;--ink-7:#3a362f;--ink-5:#6b655a;--ink-3:#948d80;--amber-1:#fdf1dc;--amber-2:#f7d9a2;--amber-3:#efbb63;--amber-4:#e8a33d;--amber-5:#c9821e;--amber-6:#8f5a12;--teal-1:#d8f5f1;--teal-2:#8fe3da;--teal-3:#3fcbbb;--teal-4:#0fb5a6;--teal-5:#0a8c81;--teal-6:#075d56;--indigo-1:#e2e5fb;--indigo-3:#8b97ee;--indigo-4:#5b6ce0;--indigo-5:#3d4cb8;--rose-1:#fbe1e6;--rose-3:#ee8c9f;--rose-4:#e0607a;--rose-5:#b8425a;--green-4:#3fa35c;--green-1:#dff2e4;--red-4:#d64545;--red-1:#fae0e0;--yellow-4:#d9a21b;--yellow-1:#fbf0d2;--surface-app:var(--paper-1);--surface-canvas:var(--paper-0);--surface-card:#fff;--surface-sunken:var(--paper-2);--surface-raised:#fff;--surface-overlay:#fff;--surface-inverse:var(--slate-8);--surface-hover:#14120f0a;--surface-active:#14120f14;--surface-selected:var(--amber-1);--text-strong:var(--ink-9);--text-body:var(--ink-7);--text-muted:var(--ink-5);--text-faint:var(--ink-3);--text-inverse:var(--paper-1);--text-accent:var(--amber-6);--text-link:var(--teal-6);--text-link-hover:var(--teal-5);--text-on-accent:var(--ink-9);--border-hairline:var(--paper-3);--border-default:var(--paper-4);--border-strong:var(--ink-9);--border-focus:var(--teal-4);--accent:var(--amber-4);--accent-hover:var(--amber-5);--accent-soft:var(--amber-1);--flow:var(--teal-4);--flow-soft:var(--teal-1);--status-ok:var(--green-4);--status-ok-soft:var(--green-1);--status-warn:var(--yellow-4);--status-warn-soft:var(--yellow-1);--status-error:var(--red-4);--status-error-soft:var(--red-1);--grid-line:#14120f0e;--grid-dot:#14120f1f;--grid-dot-major:#14120f38;--scrim:#14120f6b}[data-theme=night]{--surface-app:var(--slate-9);--surface-canvas:var(--slate-8);--surface-card:var(--slate-7);--surface-sunken:var(--slate-9);--surface-raised:var(--slate-6);--surface-overlay:var(--slate-6);--surface-inverse:var(--paper-1);--surface-hover:#ffffff0d;--surface-active:#ffffff17;--surface-selected:#e8a33d24;--text-strong:#f4f2ee;--text-body:var(--slate-0);--text-muted:var(--slate-2);--text-faint:var(--slate-3);--text-inverse:var(--slate-9);--text-accent:var(--amber-3);--text-link:var(--teal-3);--text-link-hover:var(--teal-2);--text-on-accent:var(--ink-9);--border-hairline:var(--slate-6);--border-default:var(--slate-5);--border-strong:var(--slate-1);--border-focus:var(--teal-3);--accent:var(--amber-4);--accent-hover:var(--amber-3);--accent-soft:#e8a33d29;--flow:var(--teal-3);--flow-soft:#0fb5a629;--status-ok:#5dbe79;--status-ok-soft:#3fa35c2e;--status-warn:var(--amber-3);--status-warn-soft:#d9a21b2e;--status-error:#e86a6a;--status-error-soft:#d645452e;--grid-line:#ffffff0b;--grid-dot:#ffffff1c;--grid-dot-major:#fff3;--scrim:#0009}:root{--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:19px;--text-2xl:23px;--text-3xl:29px;--text-4xl:38px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-loose:1.65;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--track-tight:-.02em;--track-normal:0;--track-wide:.02em;--track-caps:.08em;--type-display:var(--fw-bold) var(--text-4xl)/var(--lh-tight) var(--font-sans);--type-h1:var(--fw-semibold) var(--text-2xl)/var(--lh-snug) var(--font-sans);--type-h2:var(--fw-semibold) var(--text-xl)/var(--lh-snug) var(--font-sans);--type-h3:var(--fw-semibold) var(--text-lg)/var(--lh-snug) var(--font-sans);--type-body:var(--fw-regular) var(--text-md)/var(--lh-normal) var(--font-sans);--type-body-sm:var(--fw-regular) var(--text-sm)/var(--lh-normal) var(--font-sans);--type-ui:var(--fw-medium) var(--text-sm)/1 var(--font-sans);--type-label:var(--fw-semibold) var(--text-2xs)/1 var(--font-sans);--type-mono:var(--fw-regular) var(--text-xs)/1.45 var(--font-mono);--type-node-name:var(--fw-semibold) var(--text-md)/var(--lh-snug) var(--font-sans);--type-node-tech:var(--fw-regular) var(--text-2xs)/1.25 var(--font-mono);--type-node-desc:var(--fw-regular) var(--text-xs)/1.4 var(--font-sans);--space-0:0;--space-half:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-none:0;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius-node:10px;--border-width:1px;--border-width-strong:1.5px;--border-width-node:2px;--rail-width:56px;--sidebar-width:264px;--topbar-height:52px;--inspector-width:320px;--control-height-sm:26px;--control-height-md:32px;--control-height-lg:40px;--hit-min:32px;--shadow-none:none;--shadow-xs:0 1px 1px #14120f0d;--shadow-sm:0 1px 2px #14120f0f,0 1px 1px #14120f0a;--shadow-md:0 2px 6px #14120f12,0 1px 2px #14120f0d;--shadow-lg:0 8px 24px #14120f1a,0 2px 6px #14120f0f;--shadow-node:0 1px 2px #14120f12;--shadow-node-hover:0 3px 10px #14120f1f;--ring-focus:0 0 0 2px var(--surface-canvas),0 0 0 4px var(--border-focus);--ring-selected:0 0 0 2px var(--accent);--blur-overlay:saturate(140%) blur(8px)}[data-theme=night]{--shadow-xs:0 1px 1px #0006;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 2px 8px #00000080;--shadow-lg:0 10px 30px #0009;--shadow-node:0 1px 2px #00000080;--shadow-node-hover:0 4px 14px #0009}:root{--dur-instant:80ms;--dur-fast:.12s;--dur-base:.18s;--dur-slow:.26s;--dur-pan:.42s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--transition-ui:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);--transition-drill:transform var(--dur-pan) var(--ease-standard),opacity var(--dur-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-pan:0s}}:root{--c4-person:var(--teal-4);--c4-person-fill:var(--teal-1);--c4-system:var(--amber-5);--c4-system-fill:var(--amber-1);--c4-container:var(--indigo-4);--c4-container-fill:var(--indigo-1);--c4-component:var(--rose-4);--c4-component-fill:var(--rose-1);--c4-external:var(--ink-5);--c4-external-fill:var(--paper-2);--c4-boundary:var(--ink-3);--c4-boundary-fill:transparent;--c4-relationship:var(--ink-5);--c4-relationship-active:var(--teal-4);--c4-stroke-width:2px;--c4-boundary-dash:6 5;--c4-relationship-dash:5 4;--c4-node-min-width:180px;--c4-node-padding:12px 14px;--c4-node-radius:var(--radius-node);--c4-boundary-radius:var(--radius-lg);--c4-gap:56px}[data-theme=night]{--c4-person:var(--teal-3);--c4-person-fill:#0fb5a624;--c4-system:var(--amber-3);--c4-system-fill:#e8a33d24;--c4-container:var(--indigo-3);--c4-container-fill:#5b6ce029;--c4-component:var(--rose-3);--c4-component-fill:#e0607a24;--c4-external:var(--slate-2);--c4-external-fill:#ffffff0a;--c4-boundary:var(--slate-3);--c4-relationship:var(--slate-2);--c4-relationship-active:var(--teal-3)}*,:before,:after{box-sizing:border-box}body{background:var(--surface-app);color:var(--text-body);font:var(--type-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-underline-offset:2px;text-decoration:underline}:focus-visible{box-shadow:var(--ring-focus);outline:none}::selection{background:var(--amber-2);color:var(--ink-9)}[data-theme=night] ::selection{background:var(--teal-5);color:#fff}code,kbd,samp{font:var(--type-mono)}.seefour-diagram-title{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;flex-direction:column;gap:6px;display:flex;position:absolute;top:22px;left:28px}.seefour-diagram-title__name{color:var(--text-faint);font:var(--type-display);font-size:var(--text-3xl);letter-spacing:var(--track-tight);line-height:1}.seefour-diagram-title__meta{color:var(--text-muted);font:var(--type-mono);align-items:center;gap:var(--space-2);display:inline-flex}.seefour-diagram-title__meta>span:last-child{color:var(--text-muted);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.seefour-diagram-title__meta>.is-draft{border:1px solid var(--status-warn);border-radius:var(--radius-xs);color:var(--status-warn);padding:1px 5px}.seefour-diagram-key{background:var(--surface-overlay);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);bottom:var(--space-3);box-shadow:var(--shadow-sm);font:var(--type-body-sm);font-size:var(--text-xs);align-items:center;gap:var(--space-4);left:var(--space-3);padding:var(--space-2) var(--space-3);z-index:5;flex-wrap:wrap;display:flex;position:absolute}.seefour-diagram-key>strong{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.seefour-diagram-key__item{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.seefour-diagram-key__glyph{background:var(--c4-system-fill);border:1.5px solid var(--c4-system);color:var(--c4-system);border-radius:4px;justify-content:center;align-items:center;width:22px;height:14px;display:inline-flex}.seefour-diagram-key__glyph.is-person{background:var(--c4-person-fill);border-color:var(--c4-person);color:var(--c4-person)}.seefour-diagram-key__glyph.is-container{background:var(--c4-container-fill);border-color:var(--c4-container);color:var(--c4-container)}.seefour-diagram-key__glyph.is-component{background:var(--c4-component-fill);border-color:var(--c4-component);color:var(--c4-component)}.seefour-diagram-key__glyph.is-external{background:var(--c4-external-fill);border-color:var(--c4-external);color:var(--c4-external)}.access-shell{background:var(--surface-app);min-block-size:100dvh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.access-card{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);inline-size:min(100%,32rem);overflow:hidden}.access-card__brand{border-block-end:var(--border-width) solid var(--border-hairline);padding:var(--space-4)}.access-card__body{gap:var(--space-4);padding:var(--space-8);display:grid}.access-card__body h1,.workspace-main h1{color:var(--text-strong);font:var(--type-h1);letter-spacing:var(--track-tight);margin:0}.access-card__eyebrow,.baseline-card__label{color:var(--text-accent);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase;margin:0}.access-card__description,.workspace-intro{color:var(--text-body);margin:0}.access-field{color:var(--text-body);font:var(--type-ui);gap:var(--space-2);display:grid}.access-field input,.access-field select,.administration-table select{background:var(--surface-canvas);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-strong);font:var(--type-body);padding:var(--space-3)}.access-field input:focus-visible,.access-button:focus-visible{box-shadow:var(--ring-focus);outline:none}.access-button{background:var(--accent);border:var(--border-width) solid var(--accent);border-radius:var(--radius-sm);color:var(--text-on-accent);cursor:pointer;font:var(--type-ui);padding:var(--space-3) var(--space-5);justify-self:start}.access-button:hover{background:var(--accent-hover)}.access-button:disabled{cursor:wait;background:var(--surface-sunken);border-color:var(--border-hairline);color:var(--text-faint)}.access-error{background:var(--status-error-soft);border-radius:var(--radius-sm);color:var(--status-error);font:var(--type-body-sm);padding:var(--space-3);margin:0}.workspace-shell{background:var(--surface-app);block-size:100dvh;min-inline-size:0;display:flex;overflow:hidden}.workspace-shell>nav{block-size:100%}.workspace-shell--guest{flex-direction:column}.workspace-stage{flex-direction:column;flex:1;min-block-size:0;min-inline-size:0;display:flex}.workspace-header{background:var(--surface-app);border-block-end:var(--border-width) solid var(--border-hairline);flex:0 0 var(--topbar-height);min-block-size:var(--topbar-height);padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.workspace-header__context{color:var(--text-strong);font:var(--type-ui);align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.workspace-header__divider{background:var(--border-hairline);block-size:var(--space-5);inline-size:var(--border-width)}.workspace-header__identity{align-items:center;gap:var(--space-3);display:flex}.workspace-role{background:var(--accent-soft);border-radius:var(--radius-pill);color:var(--text-accent);font:var(--type-label);padding:var(--space-2) var(--space-3);text-transform:uppercase}.workspace-main{min-block-size:0;inline-size:min(100%,64rem);padding:var(--space-10) var(--space-6);flex:1;margin-inline:auto;overflow:auto}.workspace-main--wide{inline-size:100%;margin:0;padding:0}.workspace-intro{margin-block:var(--space-3) var(--space-8)}.baseline-card{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5);justify-content:space-between;align-items:center;display:flex}.baseline-card h2{color:var(--text-strong);font:var(--type-h2);margin:var(--space-2) 0 0}.workspace-navigation__button,.administration-actions button{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;gap:var(--space-2);font:var(--type-ui);padding:var(--space-2) var(--space-3);transition:var(--transition-ui);display:inline-flex}.workspace-navigation__button:hover,.administration-actions button:hover{background:var(--surface-hover);color:var(--text-strong)}.workspace-navigation__button:focus-visible,.administration-actions button:focus-visible,.access-field select:focus-visible,.administration-table select:focus-visible{box-shadow:var(--ring-focus);outline:none}.administration{gap:var(--space-6);display:grid}.administration__heading{justify-content:space-between;align-items:end;display:flex}.administration__heading>p,.administration__empty{color:var(--text-muted);font:var(--type-body-sm);margin:0}.administration-card{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5);overflow:hidden}.administration-card h2{color:var(--text-strong);font:var(--type-h2);margin:0 0 var(--space-4)}.administration-card__heading{justify-content:space-between;align-items:center;display:flex}.invitation-form{align-items:end;gap:var(--space-4);grid-template-columns:1fr auto auto;display:grid}.administration-list,.audit-list{gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.administration-list li,.audit-list li{background:var(--surface-sunken);border-radius:var(--radius-sm);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);justify-content:space-between;display:flex}.administration-table-wrap{overflow:auto}.administration-table{border-collapse:collapse;inline-size:100%}.administration-table th{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-align:start;text-transform:uppercase}.administration-table th,.administration-table td{border-block-end:var(--border-width) solid var(--border-hairline);padding:var(--space-3);vertical-align:middle}.administration-table td:first-child{gap:var(--space-1);display:grid}.administration-table td:first-child span,.audit-list span,.audit-list time{color:var(--text-muted);font:var(--type-body-sm)}.administration-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.administration-actions .administration-action--danger{background:var(--status-error-soft);border-color:var(--status-error);color:var(--status-error)}.audit-list li>div{gap:var(--space-1);display:grid}.audit-filters{align-items:end;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--space-4);display:grid}.audit-filters .administration-actions{grid-column:1/-1}.authentication-status{gap:var(--space-1);display:grid}.authentication-status span,.authentication-status time{color:var(--text-muted);font:var(--type-body-sm)}.administration{background:var(--surface-canvas);flex-direction:column;gap:0;min-block-size:100%;display:flex;position:relative}.administration__heading{background:var(--surface-app);padding:var(--space-5) var(--space-6) var(--space-4);justify-content:space-between;align-items:center;display:flex}.administration__heading h1{color:var(--text-strong);font:var(--type-h1);letter-spacing:var(--track-tight);margin:0}.administration__invite-button{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);justify-self:auto;display:inline-flex}.administration-toolbar{background:var(--surface-app);border-block-end:var(--border-width) solid var(--border-hairline);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);justify-content:space-between;display:flex}.administration-tabs{background:var(--surface-sunken);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);padding:.125rem;display:inline-flex}.administration-tabs button{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font:var(--type-ui);padding:var(--space-1) var(--space-3);background:0 0;border:0}.administration-tabs button[aria-selected=true]{background:var(--surface-card);box-shadow:var(--shadow-xs);color:var(--text-strong)}.administration-tabs button:focus-visible,.administration-person-row:focus-visible,.administration-inspector button:focus-visible,.administration-dialog button:focus-visible{box-shadow:var(--ring-focus);outline:none}.administration-search{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-faint);align-items:center;gap:var(--space-2);inline-size:15rem;padding:var(--space-1) var(--space-2);display:flex}.administration-search input{color:var(--text-strong);font:var(--type-body-sm);background:0 0;border:0;outline:none;inline-size:100%}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.administration>.access-error{border-radius:0}.administration-content{flex:1;min-block-size:0;display:flex}.administration-records{flex:1;min-inline-size:0;overflow:auto}.administration-people-heading,.administration-person-row{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-6);grid-template-columns:minmax(12.5rem,2fr) minmax(10rem,1.4fr) 6.875rem 7.5rem 1.75rem;display:grid}.administration-people-heading{background:var(--surface-sunken);border-block-end:var(--border-width) solid var(--border-hairline)}.administration-people-heading span{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.administration-person-row{border:0;border-block-end:var(--border-width) solid var(--border-hairline);color:var(--text-body);cursor:pointer;text-align:start;inline-size:100%;transition:var(--transition-ui);background:0 0}.administration-person-row:hover{background:var(--surface-hover)}.administration-person-row[aria-pressed=true]{background:var(--surface-selected)}.administration-person-row__name{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.administration-person-row__name strong{color:var(--text-strong);font:var(--type-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.administration-avatar{background:var(--flow-soft);color:var(--text-link);font:var(--type-label);border-radius:50%;flex:0 0 1.5rem;place-items:center;min-block-size:1.5rem;inline-size:1.5rem;display:grid}.administration-person-row__email,.administration-person-row__last{color:var(--text-muted);font:var(--type-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.administration-person-row__chevron{color:var(--text-faint);font-size:var(--text-lg);text-align:end}.administration-badge{background:var(--surface-sunken);border-radius:var(--radius-pill);color:var(--text-muted);font:var(--type-label);padding:var(--space-1) var(--space-2);text-transform:uppercase;display:inline-flex}.administration-badge--owner{background:var(--accent-soft);color:var(--text-accent)}.administration-badge--admin{background:var(--flow-soft);color:var(--text-link)}.administration-invitations{gap:var(--space-3);padding:var(--space-6);display:grid}.administration-invitations>header,.administration-audit>header,.administration-workspace .administration-card>header{justify-content:space-between;align-items:center;display:flex}.administration-invitations h2,.administration-audit h2,.administration-inspector h2{color:var(--text-strong);font:var(--type-h3);margin:0}.administration-invitations header>span{color:var(--text-faint);font:var(--type-mono)}.administration-list{margin-block-start:0}.administration-list li{border:var(--border-width) solid var(--border-hairline)}.administration-inspector{background:var(--surface-card);border-inline-start:var(--border-width) solid var(--border-hairline);flex:0 0 var(--inspector-width);flex-direction:column;min-inline-size:0;display:flex}.administration-inspector>header{border-block-end:var(--border-width) solid var(--border-hairline);padding:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.administration-inspector>header>div{gap:var(--space-2);display:grid}.administration-inspector>header>button,.administration-dialog header>button{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font:var(--type-h2);padding:0 var(--space-1);background:0 0;border:0}.administration-inspector__body{gap:var(--space-4);min-block-size:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:auto}.administration-details{gap:var(--space-3);margin:0;display:grid}.administration-details>div{gap:var(--space-1);display:grid}.administration-details dt,.authentication-status h3,.administration-dialog__method>span{color:var(--text-faint);font:var(--type-label);letter-spacing:var(--track-caps);text-transform:uppercase}.administration-details dd{color:var(--text-body);font:var(--type-body-sm);overflow-wrap:anywhere;margin:0}.authentication-status{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:var(--space-3)}.authentication-status h3{margin:0 0 var(--space-1)}.administration-inspector__actions{border-block-start:var(--border-width) solid var(--border-hairline);gap:var(--space-2);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--space-3);display:flex}.administration-inspector__actions button{background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;font:var(--type-ui);padding:var(--space-2) var(--space-3)}.administration-inspector__actions .administration-action--danger,.administration-actions .administration-action--danger{background:var(--status-error-soft);border-color:var(--status-error);color:var(--status-error)}.administration-audit,.administration-workspace{min-block-size:0;padding:var(--space-6);flex:1;overflow:auto}.administration-audit{gap:var(--space-4);flex-direction:column;max-inline-size:70rem;display:flex}.audit-filters{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-4);margin-block-start:0}.audit-list{margin-block-start:0}.audit-list li{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);grid-template-columns:minmax(8rem,auto) 1fr auto;display:grid}.audit-list strong{color:var(--text-strong);font:var(--type-ui)}.administration-workspace{max-inline-size:52rem}.administration-workspace .administration-card h2{margin-block-end:0}.administration-workspace .administration-card header span{color:var(--text-faint);font:var(--type-mono)}.administration-workspace .administration-details{margin-block-start:var(--space-5)}.administration-dialog-backdrop{background:color-mix(in srgb, var(--surface-overlay) 58%, transparent);padding:var(--space-4);z-index:80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.administration-dialog{background:var(--surface-overlay);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);inline-size:min(30rem,100%)}.administration-dialog form{display:grid}.administration-dialog header,.administration-dialog footer{gap:var(--space-3);padding:var(--space-4);justify-content:space-between;display:flex}.administration-dialog header{border-block-end:var(--border-width) solid var(--border-hairline);align-items:flex-start}.administration-dialog h2{color:var(--text-strong);font:var(--type-h2);margin:0}.administration-dialog header p,.administration-dialog__method p{color:var(--text-muted);font:var(--type-body-sm);margin:var(--space-1) 0 0}.administration-dialog__body{gap:var(--space-4);padding:var(--space-4);display:grid}.administration-dialog__method{gap:var(--space-1);display:grid}.administration-dialog footer{border-block-start:var(--border-width) solid var(--border-hairline);justify-content:flex-end;align-items:center}.preferences{background:var(--surface-canvas);min-block-size:100%}.preferences__heading{background:var(--surface-app);padding:var(--space-5) var(--space-6) var(--space-4)}.preferences__heading h1{color:var(--text-strong);font:var(--type-h1);letter-spacing:var(--track-tight);margin:0}.preferences__form{gap:var(--space-4);max-inline-size:52rem;padding:0 var(--space-6) var(--space-8);display:grid}.preferences__grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(18rem,1fr));display:grid}.preferences-card{background:var(--surface-card);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:var(--space-4);min-inline-size:0;padding:var(--space-4);display:grid}.preferences-card>header{gap:var(--space-1);display:grid}.preferences-card h2{color:var(--text-strong);font:var(--type-h3);margin:0}.preferences-card code{color:var(--text-faint);font:var(--type-mono);overflow-wrap:anywhere}.preferences-card small,.preferences-card>p{color:var(--text-muted);font:var(--type-body-sm);margin:0}.preferences-card--session{grid-column:1/-1}.preferences__actions{align-items:center;gap:var(--space-3);justify-content:flex-end;display:flex}.preferences__actions .access-button{justify-self:auto}.preferences__success{background:var(--status-ok-soft);border-radius:var(--radius-sm);color:var(--status-ok);font:var(--type-body-sm);padding:var(--space-3);margin:0}.preferences--account{min-block-size:0;color:var(--text-body);background:0 0}.preferences--account .preferences__heading{padding:0 0 var(--space-6);background:0 0}.preferences--account .preferences__heading h1{font:var(--type-h2)}.preferences--account .preferences__form{max-inline-size:none;padding:0}.preferences--account .preferences__grid{grid-template-columns:minmax(0,1fr);gap:0}.preferences--account .preferences-card{box-shadow:none;padding:var(--space-5) 0;border:0;border-block-start:var(--border-width) solid var(--border-hairline);background:0 0;border-radius:0}.preferences--account .preferences-card h2{font:var(--type-ui);font-weight:var(--fw-semibold)}.preferences--account .preferences-card code{color:var(--text-muted);font:var(--type-body-sm)}.preferences--account .access-field input{font:var(--type-ui);padding:var(--space-2) var(--space-3)}.preferences--account .preferences__actions{flex-wrap:wrap}.preferences--account .access-button{padding:var(--space-2) var(--space-4)}@media (width<=48rem){.administration__heading,.invitation-form,.audit-filters{grid-template-columns:1fr;align-items:stretch;display:grid}.preferences__grid{grid-template-columns:1fr}}