.arch-demo[data-astro-cid-ciegced4]{display:grid;grid-template-columns:1fr auto 1.3fr;gap:22px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow)}@media(max-width:860px){.arch-demo[data-astro-cid-ciegced4]{grid-template-columns:1fr}}.arch-col-label[data-astro-cid-ciegced4]{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:12px}.arch-bubble[data-astro-cid-ciegced4]{background:var(--canvas);border:1px solid var(--line-2);border-radius:4px 16px 16px;padding:18px;font-size:14.5px;color:var(--navy);font-weight:600;line-height:1.55}.arch-mid[data-astro-cid-ciegced4]{display:flex;align-items:center;justify-content:center;color:var(--mint-deep);padding-top:30px}@media(max-width:860px){.arch-mid[data-astro-cid-ciegced4]{transform:rotate(90deg);padding:6px 0}}.arch-config-head[data-astro-cid-ciegced4]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.arch-status[data-astro-cid-ciegced4]{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mint-deep);background:var(--mint-wash);padding:4px 11px;border-radius:999px}.arch-fields[data-astro-cid-ciegced4]{background:var(--navy);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:2px}.arch-field[data-astro-cid-ciegced4]{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease,background .2s}.arch-field[data-astro-cid-ciegced4].in{opacity:1;transform:translateY(0)}.arch-field[data-astro-cid-ciegced4]:hover{background:#ffffff0a}.arch-field-label[data-astro-cid-ciegced4]{font-size:10.5px;font-weight:700;color:#8fa0d8;text-transform:uppercase;letter-spacing:.03em}.arch-field-value[data-astro-cid-ciegced4]{font-family:var(--mono);font-size:12px;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arch-tag[data-astro-cid-ciegced4]{font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:999px;white-space:nowrap}.arch-tag[data-astro-cid-ciegced4].gen{background:#1be08629;color:var(--mint)}.arch-tag[data-astro-cid-ciegced4].manual{background:#ffffff1a;color:#c3ccec}@media(max-width:520px){.arch-field[data-astro-cid-ciegced4]{grid-template-columns:1fr;gap:4px}.arch-tag[data-astro-cid-ciegced4]{justify-self:start}}.arch-actions[data-astro-cid-ciegced4]{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.arch-chip[data-astro-cid-ciegced4]{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:8px 13px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2)}.arch-chip[data-astro-cid-ciegced4].testable{color:var(--mint-deep);border-color:#1be08659;background:var(--mint-wash)}.arch-chip[data-astro-cid-ciegced4].locked{color:var(--ink-2)}.arch-chip[data-astro-cid-ciegced4] svg{flex:none}@media(prefers-reduced-motion:reduce){.arch-field[data-astro-cid-ciegced4]{transition:none}}.demo[data-astro-cid-rbrpfdty]{background:var(--canvas-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.examples[data-astro-cid-rbrpfdty]{background:var(--surface)}.ex-grid[data-astro-cid-rbrpfdty]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:860px){.ex-grid[data-astro-cid-rbrpfdty]{grid-template-columns:1fr}}.ex-card[data-astro-cid-rbrpfdty]{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}.ex-ico[data-astro-cid-rbrpfdty]{width:44px;height:44px;border-radius:12px;background:var(--mint-wash);color:var(--mint-deep);display:grid;place-items:center;margin-bottom:14px}.ex-card[data-astro-cid-rbrpfdty] h4[data-astro-cid-rbrpfdty]{font-size:16.5px;font-weight:var(--w-heading);color:var(--navy);margin-bottom:6px}.ex-trigger[data-astro-cid-rbrpfdty]{font-family:var(--mono);font-size:11px;color:var(--mint-deep);font-weight:600;display:block;margin-bottom:12px}.ex-card[data-astro-cid-rbrpfdty] p[data-astro-cid-rbrpfdty]{font-size:13.5px;color:var(--ink-2);line-height:1.55}