.architecture-container.svelte-l0lkr4{display:flex;flex-direction:column;height:100%;padding:1rem;background-color:#0f0f1a;color:#fff}.header.svelte-l0lkr4{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header.svelte-l0lkr4 h1:where(.svelte-l0lkr4){font-size:1.5rem;font-weight:600;margin:0;color:#e94560}.actions.svelte-l0lkr4{display:flex;gap:.5rem}button.svelte-l0lkr4{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#16213e;border:1px solid #0f3460;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;transition:all .2s}button.svelte-l0lkr4:hover:not(:disabled){background-color:#1a1f3e;border-color:#e94560}button.svelte-l0lkr4:disabled{opacity:.5;cursor:not-allowed}button.active.svelte-l0lkr4{background-color:#e94560;border-color:#e94560}.canvas-wrapper.svelte-l0lkr4{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:8px}.canvas.svelte-l0lkr4{width:100%;height:100%}.info-panel.svelte-l0lkr4{margin-top:1rem;padding:1rem;background-color:#16213e;border-radius:8px;min-height:120px}.info-panel.svelte-l0lkr4 h3:where(.svelte-l0lkr4){margin:0 0 .5rem;font-size:1rem;color:#4ecca3}.details.svelte-l0lkr4 p:where(.svelte-l0lkr4){margin:.25rem 0;font-size:.875rem;color:#ccc}.online.svelte-l0lkr4{color:#4ecca3}.offline.svelte-l0lkr4{color:#e94560}.placeholder.svelte-l0lkr4{color:#666;font-style:italic}@media(max-width:768px){.architecture-container.svelte-l0lkr4{padding:.5rem}.header.svelte-l0lkr4{flex-direction:column;gap:.5rem;align-items:stretch}.header.svelte-l0lkr4 h1:where(.svelte-l0lkr4){font-size:1.25rem;text-align:center}.actions.svelte-l0lkr4{flex-wrap:wrap;justify-content:center}.actions.svelte-l0lkr4 button:where(.svelte-l0lkr4){padding:.5rem .75rem;font-size:.75rem}.info-panel.svelte-l0lkr4{min-height:80px;padding:.75rem}}