.environment-diagram.svelte-7tl0w1{text-align:center;background:linear-gradient(135deg,#243240,#1c2024);border:1px solid #42474e;border-radius:12px;padding:30px}.diagram-label.svelte-7tl0w1{color:var(--accent);font-size:.75rem}.deployment-types.svelte-7tl0w1{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;display:grid}.deployment-types.svelte-7tl0w1>span:where(.svelte-7tl0w1){border:1px solid #42474e;border-radius:5px;padding:9px;font-size:.78rem}.platform-node.svelte-7tl0w1{background:#9ccbfb08;border:1px solid #9ccbfb70;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.platform-node.svelte-7tl0w1 strong:where(.svelte-7tl0w1){font-family:var(--display);font-size:1.3rem;font-weight:500}.platform-node.svelte-7tl0w1 span:where(.svelte-7tl0w1){color:var(--secondary);font-size:.75rem}.connection-lines.svelte-7tl0w1{color:var(--accent);letter-spacing:30px;white-space:nowrap;padding:12px;overflow:hidden}.connected-nodes.svelte-7tl0w1{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.connected-nodes.svelte-7tl0w1>span:where(.svelte-7tl0w1){border:1px solid #42474e;border-radius:5px;padding:12px 5px;font-size:.72rem}.diagram-note.svelte-7tl0w1{margin-top:20px;font-size:.69rem}@media (width<=520px){.environment-diagram.svelte-7tl0w1{padding:22px}.connected-nodes.svelte-7tl0w1{gap:8px}.connected-nodes.svelte-7tl0w1>span:where(.svelte-7tl0w1){font-size:.64rem}}