.layout-diagram.svelte-4rei0h{border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;margin:2rem 0}.diagram-header.svelte-4rei0h,.diagram-footer.svelte-4rei0h{background:#f5f5f5;padding:1rem;text-align:center;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0}.diagram-footer.svelte-4rei0h{border-bottom:none;border-top:2px solid #e0e0e0}.diagram-body.svelte-4rei0h{display:grid;grid-template-columns:200px 1fr 250px;gap:0;min-height:300px}.diagram-sidebar.svelte-4rei0h,.diagram-main.svelte-4rei0h,.diagram-panel.svelte-4rei0h{padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:2px solid #e0e0e0}.diagram-panel.svelte-4rei0h{border-right:none}.diagram-sidebar.svelte-4rei0h{background:#f9f9f9}.diagram-main.svelte-4rei0h{background:#fff}.diagram-panel.svelte-4rei0h{background:#fafafa}.zone-label.svelte-4rei0h{font-size:.75rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:1px;background:#eff6ff;padding:.5rem 1rem;border-radius:4px;margin-bottom:1rem;font-family:Courier New,monospace}.zone-content.svelte-4rei0h{color:#666;font-style:italic}@media(max-width:768px){.diagram-body.svelte-4rei0h{grid-template-columns:1fr;grid-template-rows:auto auto auto}.diagram-sidebar.svelte-4rei0h,.diagram-main.svelte-4rei0h,.diagram-panel.svelte-4rei0h{border-right:none;border-bottom:2px solid #e0e0e0;min-height:100px}.diagram-panel.svelte-4rei0h{border-bottom:none}}