.map-rules-flow:where(.astro-5x2gq62j){margin:2rem 0;border:1px solid rgba(148,163,184,.22);border-radius:1.35rem;background:radial-gradient(circle at 18% 0%,rgba(116,167,255,.14),transparent 31rem),linear-gradient(145deg,#121d30f0,#060a12fa);box-shadow:0 24px 70px #0000003d;overflow:hidden}.map-rules-flow:where(.astro-5x2gq62j) code:where(.astro-5x2gq62j),.map-rules-flow:where(.astro-5x2gq62j) pre:where(.astro-5x2gq62j),.map-rules-flow:where(.astro-5x2gq62j) textarea:where(.astro-5x2gq62j),.map-rules-flow__result:where(.astro-5x2gq62j){font-family:var(--sl-font-mono)}.map-rules-flow__grid:where(.astro-5x2gq62j){display:grid;gap:.9rem;padding:1.35rem}.map-rules-flow__cards:where(.astro-5x2gq62j){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.map-rules-flow__card:where(.astro-5x2gq62j),.map-rules-flow__closure:where(.astro-5x2gq62j),.map-rules-flow__project:where(.astro-5x2gq62j),.map-rules-flow__validator:where(.astro-5x2gq62j),.map-rules-flow__success:where(.astro-5x2gq62j){min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#070d18b8}.map-rules-flow__card-head:where(.astro-5x2gq62j){display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;align-items:start}.map-rules-flow__card-head:where(.astro-5x2gq62j)>span:where(.astro-5x2gq62j){display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border:1px solid rgba(116,167,255,.32);border-radius:999px;background:#08111f;color:#8fb4e8;font-family:var(--sl-font-mono);font-size:.72rem;font-weight:900}.map-rules-flow__card-head:where(.astro-5x2gq62j) code:where(.astro-5x2gq62j),.map-rules-flow__validator-head:where(.astro-5x2gq62j) code:where(.astro-5x2gq62j){color:#eef6ff;font-size:.86rem;font-weight:900}.map-rules-flow__card-head:where(.astro-5x2gq62j) p:where(.astro-5x2gq62j),.map-rules-flow__validator-head:where(.astro-5x2gq62j) p:where(.astro-5x2gq62j){margin:.35rem 0 0;color:#aebfd8;font-size:.84rem;line-height:1.55}.map-rules-flow__tokens:where(.astro-5x2gq62j){display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.map-rules-flow__tokens:where(.astro-5x2gq62j) span:where(.astro-5x2gq62j){min-width:2.1rem;padding:.45rem .55rem;border:1px solid rgba(148,163,184,.16);border-radius:.55rem;background:#0f172ab8;color:#dcecff;font-family:var(--sl-font-mono);font-size:.72rem;text-align:center}.map-rules-flow__card--spawn:where(.astro-5x2gq62j) .map-rules-flow__tokens:where(.astro-5x2gq62j) span:where(.astro-5x2gq62j){color:#ffdca3}.map-rules-flow__examples:where(.astro-5x2gq62j){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.map-rules-flow__examples:where(.astro-5x2gq62j) strong:where(.astro-5x2gq62j){display:block;margin-bottom:.45rem;color:#c8d6eb;font-size:.78rem}.map-rules-flow__examples:where(.astro-5x2gq62j) pre:where(.astro-5x2gq62j){margin:0;padding:.85rem;border:1px solid rgba(148,163,184,.16);border-radius:.75rem;background:#07101d;color:#dcecff;font-size:.8rem;line-height:1.6}.map-rules-flow__rule-list:where(.astro-5x2gq62j){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.map-rules-flow__rule:where(.astro-5x2gq62j){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.7rem;border:1px solid rgba(148,163,184,.14);border-radius:.75rem;background:#0f172a9e}.map-rules-flow__rule:where(.astro-5x2gq62j) strong:where(.astro-5x2gq62j){color:#dcecff;font-size:.78rem}.map-rules-flow__rule:where(.astro-5x2gq62j) span:where(.astro-5x2gq62j){padding:.24rem .5rem;border-radius:999px;background:#74a7ff24;color:#cfe2ff;font-size:.66rem;white-space:nowrap}.map-rules-flow__rule--ok:where(.astro-5x2gq62j) span:where(.astro-5x2gq62j){background:#68e0b024;color:#b8f3da}.map-rules-flow__rule--error:where(.astro-5x2gq62j) span:where(.astro-5x2gq62j){background:#ff737324;color:#ffc4c4}.map-rules-flow__validator-head:where(.astro-5x2gq62j){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.map-rules-flow__actions:where(.astro-5x2gq62j),.map-rules-flow__form-actions:where(.astro-5x2gq62j){display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.map-rules-flow:where(.astro-5x2gq62j) button:where(.astro-5x2gq62j){min-height:2.3rem;padding:.5rem .75rem;border:1px solid rgba(116,167,255,.28);border-radius:999px;background:#1c3e7052;color:#dcecff;cursor:pointer;font:800 .74rem/1 var(--sl-font)}.map-rules-flow:where(.astro-5x2gq62j) button:where(.astro-5x2gq62j):hover,.map-rules-flow:where(.astro-5x2gq62j) button:where(.astro-5x2gq62j):focus-visible{border-color:#f2b84b7a;color:#fff1c5;outline:none}.map-rules-flow:where(.astro-5x2gq62j) textarea:where(.astro-5x2gq62j){width:100%;box-sizing:border-box;margin-top:1rem;padding:.9rem;border:1px solid rgba(148,163,184,.22);border-radius:.75rem;background:#07101d;color:#dcecff;font-size:.8rem;line-height:1.55;resize:vertical}.map-rules-flow__form-actions:where(.astro-5x2gq62j){margin-top:.7rem;justify-content:flex-start}.map-rules-flow__result:where(.astro-5x2gq62j){min-height:2.5rem;margin-top:.7rem;padding:.75rem;border:1px solid rgba(148,163,184,.14);border-radius:.75rem;background:#07101d;color:#91a9ca;font-size:.76rem}.map-rules-flow__result:where(.astro-5x2gq62j).is-ok{border-color:#68e0b052;color:#b8f3da}.map-rules-flow__result:where(.astro-5x2gq62j).is-error{border-color:#ff737352;color:#ffc4c4}.map-rules-flow__success:where(.astro-5x2gq62j){border-color:#68e0b03d;background:#0c31273d}@media(max-width:820px){.map-rules-flow__cards:where(.astro-5x2gq62j),.map-rules-flow__rule-list:where(.astro-5x2gq62j){grid-template-columns:1fr}}@media(max-width:720px){.map-rules-flow__intro:where(.astro-5x2gq62j),.map-rules-flow__examples:where(.astro-5x2gq62j),.map-rules-flow__validator-head:where(.astro-5x2gq62j){grid-template-columns:1fr}.map-rules-flow__actions:where(.astro-5x2gq62j){justify-content:flex-start}}