.mermaid.svelte-1ss7mj7{font-size:16px;width:100%;overflow-x:auto}.description.svelte-tpzwga{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}h1.svelte-tpzwga{color:#2c3e50;font-size:1.8em}h2.svelte-tpzwga{color:#3498db;border-bottom:1px solid #eee;padding-bottom:8px;margin-top:30px}h3.svelte-tpzwga{color:#2980b9;margin-top:20px}ul.svelte-tpzwga{padding-left:20px}li.svelte-tpzwga{margin-bottom:8px}p.svelte-tpzwga{line-height:1.6}body{margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}main.svelte-1ckleib{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.tab-container.svelte-1ckleib{display:flex;background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:10px 10px 0;gap:5px;position:sticky;top:0;z-index:100}.tab-button.svelte-1ckleib{padding:10px 20px;background-color:#e0e0e0;border:none;border-radius:5px 5px 0 0;cursor:pointer;font-size:16px;transition:background-color .2s;margin-bottom:-1px;color:#555;border-bottom:2px solid transparent}.tab-button.svelte-1ckleib:hover{background-color:#d0d0d0}.tab-button.active.svelte-1ckleib{background-color:#4a86e8;color:#fff;border-bottom:2px solid #3c78d8}.controls.svelte-1ckleib{position:fixed;top:70px;right:10px;z-index:10;display:flex;flex-direction:column;gap:10px}.pan-info.svelte-1ckleib{background-color:#fffc;border-radius:4px;padding:5px;font-size:12px;color:#555}.pan-info.svelte-1ckleib p:where(.svelte-1ckleib){margin:0}button.svelte-1ckleib{padding:8px 12px;background-color:#4a86e8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}button.svelte-1ckleib:hover{background-color:#3c78d8}.zoom-controls.svelte-1ckleib{display:flex;gap:5px}.content-container.svelte-1ckleib{padding:20px;flex:1}.diagram-wrapper.svelte-1ckleib{width:100%;height:calc(100vh - 120px);overflow:hidden;position:relative;cursor:grab}.diagram-wrapper.svelte-1ckleib:active{cursor:grabbing}.diagram-container.svelte-1ckleib{width:100%;height:100%;position:absolute;left:50%;top:0;transform-origin:center top;will-change:transform}