.archetype-diagram-wrap{width:100%;max-width:1000px;margin:0 auto;padding:8px 0}.archetype-diagram-wrap svg{width:100%;height:auto;color:var(--ink-soft);display:block}.archetype-diagram-wrap .fgp-node rect{fill:var(--paper-2);stroke:var(--ink-soft);stroke-width:3.2px}.archetype-diagram-wrap .fgp-node text{font-family:var(--font-serif);fill:var(--ink);font-size:26px}.archetype-diagram-wrap .fgp-node .fgp-kicker{font-family:var(--font-mono);fill:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;font-size:17px}.archetype-diagram-wrap .fgp-kind-step rect{fill:var(--paper-2)}.archetype-diagram-wrap .fgp-kind-agent rect{fill:var(--accent-soft,var(--paper-3));stroke:var(--accent,var(--ink-soft))}.archetype-diagram-wrap .fgp-kind-tool rect{fill:var(--paper-3);stroke-dasharray:8 8}.archetype-diagram-wrap .fgp-kind-gate rect{fill:var(--paper);stroke:var(--ink);stroke-width:4.8px}.archetype-diagram-wrap .fgp-kind-store rect{fill:var(--paper-3);rx:4;ry:4}.archetype-diagram-wrap .fgp-kind-io rect{fill:var(--paper);stroke-dasharray:4.8 6.4}.archetype-diagram-wrap .fgp-edge line{stroke:var(--ink-soft);stroke-width:3.2px;fill:none}.archetype-diagram-wrap .fgp-edge text{font-family:var(--font-mono);fill:var(--ink-soft);font-size:21px}.archetype-diagram-wrap .fgp-edge-feedback line{stroke-dasharray:9.6 9.6;stroke:var(--ink-soft)}.archetype-diagram-wrap .fgp-edge-branch line{stroke:var(--accent,var(--ink-soft))}.archetype-diagram-wrap .fgp-edge-peer line{stroke:var(--ink-mute);stroke-width:2.4px}@media (prefers-reduced-motion:reduce){.archetype-diagram-wrap svg *{transition:none!important;animation:none!important}}.archetype-container{flex-direction:column;gap:24px;display:flex}@media (min-width:1024px){.archetype-container{flex-direction:row;align-items:flex-start}.archetype-canvas{align-self:center}}.archetype-canvas{flex:1;min-width:0}.graph-inspector{background:var(--paper-2);border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:100%;padding:24px}@media (min-width:1024px){.graph-inspector{width:320px;position:sticky;top:80px}}.graph-inspector.empty{text-align:center;min-height:160px;color:var(--ink-soft);justify-content:center;align-items:center;display:flex}.graph-inspector__title{color:var(--ink);margin-top:0;margin-bottom:8px;font-size:1.25rem;font-weight:600}.graph-inspector__kind{color:var(--ink-soft);text-transform:uppercase;margin-bottom:16px;font-size:.875rem}.graph-inspector__detail{color:var(--ink);margin-bottom:16px;font-size:.95rem;line-height:1.5}.graph-inspector__items-title{color:var(--ink-soft);text-transform:uppercase;margin-bottom:8px;font-size:.875rem}.graph-inspector__items ul{color:var(--ink);margin:0;padding-left:20px;font-size:.95rem}.graph-inspector__items li{margin-bottom:4px}.archetype-diagram-wrap .fgp-group{fill:var(--paper-2);stroke:var(--line);stroke-width:2.4px}.archetype-diagram-wrap .fgp-group__label{font-family:var(--font-mono);fill:var(--ink-mute);text-transform:uppercase;letter-spacing:.1em;font-size:17px}.archetype-diagram-wrap .fgp-node.is-active rect,.archetype-diagram-wrap .fgp-edge.is-active line:nth-child(2){stroke:var(--accent);stroke-width:6.4px;filter:drop-shadow(0 0 2px var(--accent-soft))}.archetype-diagram-wrap .fgp-edge.is-active text{fill:var(--accent);font-weight:600}
.code-block{border-radius:var(--r-lg);color:#d4d0ca;color:lab(83.7884% .584036 3.77523);background:#14161c;border:1px solid #ffffff14;overflow:hidden;box-shadow:0 8px 24px #0b0e142e}.code-block-header{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:10px 14px;display:flex}.code-dots{flex-shrink:0;gap:6px;display:inline-flex}.code-dots span{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.code-dots span:first-child{background:#ff5f57}.code-dots span:nth-child(2){background:#febc2e}.code-dots span:nth-child(3){background:#28c840}.code-framework{font-family:var(--font-mono);color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:8px;font-size:.78rem;font-weight:600;overflow:hidden}.code-lang{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff73;text-transform:uppercase;margin-left:auto;font-size:.7rem}.code-block pre{font-family:var(--font-mono);color:#d4d0ca;color:lab(83.7884% .584036 3.77523);white-space:pre;margin:0;padding:18px 20px;font-size:.86rem;line-height:1.65;overflow-x:auto}.code-block-body{overflow-x:auto}.code-block pre.shiki{font-family:var(--font-mono);margin:0;padding:18px 20px;font-size:.86rem;line-height:1.65;background-color:#0000!important}.code-block pre.shiki code{background:0 0}@media (max-width:640px){.code-block-header{gap:8px}.code-tabs .code-block-header .code-framework{display:none}.code-block-header .copy-button{flex-shrink:0;justify-content:center;min-width:40px;padding:8px}.code-block-header .copy-button span{display:none}}
.copy-button{font-family:var(--font-mono);color:#ffffffad;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.74rem;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.copy-button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff3d}.copy-button:focus-visible{outline-offset:2px;outline:2px solid #fff6}.copy-button.is-copied{color:#28c840;background:#28c84014;border-color:#28c84066}
.code-tabs{flex-direction:column;gap:0;display:flex}.code-tabs .code-tabs__list{border-radius:var(--r) var(--r) 0 0;background:#14161c;border:1px solid #ffffff14;border-bottom:none;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:2px;width:100%;max-width:100%;height:auto;padding:8px 10px 0;display:flex}.code-tabs .code-tabs__tab{font-family:var(--font-mono);letter-spacing:.01em;color:#898680;color:lab(55.9477% .597149 3.78412);white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;flex:none;height:auto;padding:9px 14px;font-size:12px;transition:color .15s,background .15s}.code-tabs .code-tabs__tab:hover{color:#d1cdc7;color:lab(82.6284% .584424 3.7755);background:#ffffff0a}.code-tabs .code-tabs__tab[data-state=active]{color:var(--paper);box-shadow:none;background:#1d2028;border-color:#ffffff1a}.code-tabs .code-tabs__tab:before{content:"";vertical-align:middle;background:0 0;border-radius:999px;width:7px;height:7px;margin-right:8px;display:inline-block}.code-tabs .code-tabs__tab[data-state=active]:before{background:var(--accent)}.code-tabs .code-block{border-top-left-radius:0;border-top-right-radius:0}@media (max-width:640px){.code-tabs .code-tabs__list{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.code-tabs .code-tabs__list::-webkit-scrollbar{display:none}}