.diagrams-container.svelte-1uha8ag{display:flex;flex-direction:column;height:100%;padding:2rem;background-color:#0f0f1a;color:#fff;overflow:hidden}.header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-left.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#e94560}.subtitle.svelte-1uha8ag{margin:0;color:#888;font-size:.875rem}.create-button.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#e94560;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.create-button.svelte-1uha8ag:hover:not(:disabled){background-color:#d63d55;transform:translateY(-2px);box-shadow:0 4px 12px #e945604d}.create-button.svelte-1uha8ag:disabled{opacity:.7;cursor:not-allowed}.toolbar.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.search-box.svelte-1uha8ag{flex:1;max-width:400px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#16213e;border:1px solid #0f3460;border-radius:8px}.search-box.svelte-1uha8ag input:where(.svelte-1uha8ag){flex:1;background:transparent;border:none;color:#fff;font-size:.875rem;outline:none}.search-box.svelte-1uha8ag input:where(.svelte-1uha8ag)::placeholder{color:#666}.view-toggle.svelte-1uha8ag{display:flex;gap:.5rem}.view-toggle.svelte-1uha8ag button:where(.svelte-1uha8ag){padding:.5rem;background-color:#16213e;border:1px solid #0f3460;border-radius:6px;color:#888;cursor:pointer;transition:all .2s}.view-toggle.svelte-1uha8ag button.active:where(.svelte-1uha8ag){background-color:#e94560;border-color:#e94560;color:#fff}.loading.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#666}.spinner.svelte-1uha8ag{width:40px;height:40px;border:3px solid transparent;border-top-color:#e94560;border-radius:50%;animation:svelte-1uha8ag-spin 1s linear infinite;margin-bottom:1rem}@keyframes svelte-1uha8ag-spin{to{transform:rotate(360deg)}}.empty-state.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.empty-icon.svelte-1uha8ag{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 .5rem;font-size:1.25rem;color:#ccc}.empty-state.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0 0 1.5rem;color:#666}.diagrams-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;overflow-y:auto;padding:.5rem}.diagram-card.svelte-1uha8ag{background-color:#16213e;border:1px solid #0f3460;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s;position:relative}.diagram-card.svelte-1uha8ag:hover{border-color:#e94560;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.card-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.diagram-icon.svelte-1uha8ag{font-size:2rem}.menu-button.svelte-1uha8ag{background:transparent;border:none;color:#666;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.menu-button.svelte-1uha8ag:hover{color:#fff;background:#ffffff1a}.menu-dropdown.svelte-1uha8ag{position:absolute;top:2.5rem;right:1rem;background-color:#1a1f3e;border:1px solid #0f3460;border-radius:8px;padding:.5rem;z-index:10;min-width:150px}.menu-dropdown.svelte-1uha8ag button:where(.svelte-1uha8ag){display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:#ccc;font-size:.875rem;cursor:pointer;border-radius:4px;text-align:left}.menu-dropdown.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background:#ffffff1a;color:#fff}.menu-dropdown.svelte-1uha8ag button.danger:where(.svelte-1uha8ag):hover{background:#e9456033;color:#e94560}.card-body.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#fff}.description.svelte-1uha8ag{margin:0 0 1rem;color:#888;font-size:.875rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tags.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.5rem}.tag.svelte-1uha8ag{padding:.25rem .5rem;background-color:#4ecca333;color:#4ecca3;border-radius:4px;font-size:.75rem}.card-footer.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #0f3460}.stats.svelte-1uha8ag{display:flex;gap:1rem}.stat.svelte-1uha8ag{display:flex;align-items:center;gap:.25rem;color:#888;font-size:.75rem}.time.svelte-1uha8ag{display:flex;align-items:center;gap:.25rem;color:#666;font-size:.75rem}.diagrams-list.svelte-1uha8ag{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.diagram-row.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#16213e;border:1px solid #0f3460;border-radius:8px;cursor:pointer;transition:all .2s}.diagram-row.svelte-1uha8ag:hover{border-color:#e94560;background-color:#1a1f3e}.row-main.svelte-1uha8ag{display:flex;align-items:center;gap:1rem;flex:1}.diagram-info.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#fff}.diagram-info.svelte-1uha8ag .description:where(.svelte-1uha8ag){margin:0;font-size:.875rem}.row-stats.svelte-1uha8ag{display:flex;align-items:center;gap:2rem}.modal-overlay.svelte-1uha8ag{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal.svelte-1uha8ag{width:100%;max-width:500px;background-color:#1a1f3e;border-radius:16px;border:1px solid #0f3460;display:flex;flex-direction:column}.modal-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #0f3460}.modal-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:1.25rem;font-weight:600}.close-button.svelte-1uha8ag{background:transparent;border:none;color:#666;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.close-button.svelte-1uha8ag:hover{color:#fff}.modal-body.svelte-1uha8ag{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-group.svelte-1uha8ag{display:flex;flex-direction:column;gap:.5rem}.form-group.svelte-1uha8ag label:where(.svelte-1uha8ag){font-size:.875rem;font-weight:500;color:#ccc}.form-group.svelte-1uha8ag input:where(.svelte-1uha8ag),.form-group.svelte-1uha8ag textarea:where(.svelte-1uha8ag){padding:.75rem;background-color:#0f0f1a;border:1px solid #0f3460;border-radius:8px;color:#fff;font-size:.875rem;outline:none;resize:none}.form-group.svelte-1uha8ag input:where(.svelte-1uha8ag):focus,.form-group.svelte-1uha8ag textarea:where(.svelte-1uha8ag):focus{border-color:#e94560}.modal-footer.svelte-1uha8ag{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #0f3460}.modal-footer.svelte-1uha8ag button:where(.svelte-1uha8ag){padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.modal-footer.svelte-1uha8ag button.secondary:where(.svelte-1uha8ag){background-color:#16213e;color:#fff}.modal-footer.svelte-1uha8ag button.primary:where(.svelte-1uha8ag){background-color:#e94560;color:#fff;display:flex;align-items:center;gap:.5rem}.modal-footer.svelte-1uha8ag button.primary:where(.svelte-1uha8ag):hover{background-color:#d63d55}.modal-footer.svelte-1uha8ag .spinner:where(.svelte-1uha8ag){width:14px;height:14px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:svelte-1uha8ag-spin .8s linear infinite}@media(max-width:768px){.diagrams-container.svelte-1uha8ag{padding:1rem}.header.svelte-1uha8ag{flex-direction:column;gap:1rem;margin-bottom:1rem}.header-left.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:1.5rem}.header-right.svelte-1uha8ag{width:100%}.create-button.svelte-1uha8ag{width:100%;justify-content:center}.toolbar.svelte-1uha8ag{flex-direction:column;gap:.75rem;margin-bottom:1rem}.search-box.svelte-1uha8ag{max-width:none;width:100%}.diagrams-grid.svelte-1uha8ag{grid-template-columns:1fr;gap:1rem}.diagram-card.svelte-1uha8ag{padding:1rem}.card-body.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1rem}.card-footer.svelte-1uha8ag{flex-direction:column;gap:.5rem;align-items:flex-start}.diagram-row.svelte-1uha8ag{padding:.75rem 1rem}.row-stats.svelte-1uha8ag{display:none}.modal.svelte-1uha8ag{margin:.5rem;max-height:90vh;overflow-y:auto}.modal-header.svelte-1uha8ag,.modal-body.svelte-1uha8ag,.modal-footer.svelte-1uha8ag{padding:1rem}}