.comment-thread.svelte-1sgbh3s{border-left:2px solid #e5e7eb;padding-left:12px;margin-left:8px;margin-bottom:12px}.comment-header.svelte-1sgbh3s{display:flex;align-items:center;gap:10px;margin-bottom:8px}.user-avatar.svelte-1sgbh3s{width:32px;height:32px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.comment-meta.svelte-1sgbh3s{flex:1;min-width:0}.comment-author.svelte-1sgbh3s{font-weight:600;font-size:13px;color:var(--text-primary, #333)}.comment-time.svelte-1sgbh3s{font-size:11px;color:var(--text-secondary, #666);margin-top:2px}.edited-badge.svelte-1sgbh3s{font-size:10px;color:var(--text-secondary, #999);font-style:italic}.resolved-badge.svelte-1sgbh3s{background:#10b981;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.comment-text.svelte-1sgbh3s{font-size:13px;color:var(--text-primary, #333);line-height:1.5;margin-bottom:8px;white-space:pre-wrap;word-wrap:break-word}.comment-actions.svelte-1sgbh3s{display:flex;gap:4px;align-items:center}.btn-edit.svelte-1sgbh3s,.btn-delete.svelte-1sgbh3s,.btn-resolve.svelte-1sgbh3s,.btn-reply.svelte-1sgbh3s{background:none;border:1px solid var(--border-color, #ddd);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:12px;transition:all .2s}.btn-edit.svelte-1sgbh3s{color:#2563eb}.btn-edit.svelte-1sgbh3s:hover{background:#eff6ff;border-color:#2563eb}.btn-delete.svelte-1sgbh3s{color:#dc2626}.btn-delete.svelte-1sgbh3s:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.btn-delete.svelte-1sgbh3s:disabled{opacity:.5;cursor:not-allowed}.btn-resolve.svelte-1sgbh3s{color:#10b981}.btn-resolve.svelte-1sgbh3s:hover{background:#d1fae5;border-color:#10b981}.btn-reply.svelte-1sgbh3s{color:#6b7280;font-size:11px}.btn-reply.svelte-1sgbh3s:hover{background:#f3f4f6;border-color:#9ca3af}.edit-textarea.svelte-1sgbh3s{width:100%;padding:8px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;min-height:60px;margin-bottom:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.edit-textarea.svelte-1sgbh3s:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.edit-actions.svelte-1sgbh3s{display:flex;gap:8px;justify-content:flex-end}.btn-save.svelte-1sgbh3s{padding:6px 12px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500}.btn-save.svelte-1sgbh3s:hover{background:#1d4ed8}.btn-cancel.svelte-1sgbh3s{padding:6px 12px;background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #333);border:1px solid var(--border-color, #ddd);border-radius:6px;cursor:pointer;font-size:12px}.btn-cancel.svelte-1sgbh3s:hover{background:var(--bg-tertiary, #e5e7eb)}.replies.svelte-1sgbh3s{margin-top:12px;padding-left:12px}[data-theme=dark] .comment-thread.svelte-1sgbh3s{border-color:#374151}.minimap-wrapper.svelte-52iwaw{position:absolute;bottom:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.zoom-controls.svelte-52iwaw{display:flex;flex-direction:column;gap:6px;align-items:center}.zoom-badge.svelte-52iwaw{padding:4px 8px;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;color:var(--text-secondary, #6b7280);font-size:11px;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}.zoom-buttons.svelte-52iwaw{display:flex;gap:4px}.zoom-btn.svelte-52iwaw{width:28px;height:28px;padding:0;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;color:var(--text-primary, #374151);font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none}.zoom-btn.svelte-52iwaw:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--accent-color, #2563eb)}.zoom-btn.svelte-52iwaw:active{background:var(--bg-tertiary, #e5e7eb);transform:scale(.95)}.minimap-container.svelte-52iwaw{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;cursor:crosshair}.minimap.svelte-52iwaw{display:block;background:#f9fafb}.viewport-indicator.svelte-52iwaw{pointer-events:none}.context-menu.svelte-8qimkb{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:180px;z-index:1000;padding:4px}.menu-item.svelte-8qimkb{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;border-radius:4px;font-size:14px;color:#374151;transition:background-color .15s ease-out}.menu-item.svelte-8qimkb:hover{background:#f3f4f6}.menu-item.danger.svelte-8qimkb{color:#dc2626}.menu-item.danger.svelte-8qimkb:hover{background:#fee2e2}.shortcut.svelte-8qimkb{font-size:12px;color:#9ca3af;margin-left:16px}.modal-overlay.svelte-drtrhn.svelte-drtrhn{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:svelte-drtrhn-fadeIn .2s ease-out;pointer-events:auto}@keyframes svelte-drtrhn-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-drtrhn.svelte-drtrhn{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:600px;max-height:90vh;overflow:hidden;animation:svelte-drtrhn-slideIn .2s ease-out;pointer-events:auto;position:relative;z-index:2001;display:flex;flex-direction:column}.comments-modal.svelte-drtrhn.svelte-drtrhn{max-height:85vh}@keyframes svelte-drtrhn-slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header.svelte-drtrhn.svelte-drtrhn{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:4px;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header.svelte-drtrhn h3.svelte-drtrhn{margin:0;font-size:18px;font-weight:600;color:#111827}.node-label.svelte-drtrhn.svelte-drtrhn{font-size:12px;color:#6b7280;margin-top:-4px}.modal-close.svelte-drtrhn.svelte-drtrhn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close.svelte-drtrhn.svelte-drtrhn:hover{background:#f3f4f6;color:#374151}.comments-thread-container.svelte-drtrhn.svelte-drtrhn{flex:1;overflow-y:auto;padding:20px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;min-height:200px;max-height:calc(85vh - 200px)}.comments-list.svelte-drtrhn.svelte-drtrhn{display:flex;flex-direction:column;gap:16px}.empty-comments.svelte-drtrhn.svelte-drtrhn{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:14px;text-align:center;padding:40px 20px}.add-comment-section.svelte-drtrhn.svelte-drtrhn{padding:20px 24px;background:#fff;border-top:1px solid #e5e7eb}.add-comment-footer.svelte-drtrhn.svelte-drtrhn{display:flex;justify-content:space-between;align-items:center;margin-top:8px}textarea.svelte-drtrhn.svelte-drtrhn{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;max-height:200px;box-sizing:border-box;pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;background:#fff;color:#111827;outline:none}textarea.svelte-drtrhn.svelte-drtrhn:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.char-count.svelte-drtrhn.svelte-drtrhn{text-align:right;font-size:12px;color:#6b7280;margin-top:8px}.btn-primary.svelte-drtrhn.svelte-drtrhn{background:#2563eb;color:#fff;border:1px solid #2563eb;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary.svelte-drtrhn.svelte-drtrhn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.btn-primary.svelte-drtrhn.svelte-drtrhn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6}[data-theme=dark] .modal-content.svelte-drtrhn.svelte-drtrhn{background:#1f2937;color:#f9fafb}[data-theme=dark] .modal-header.svelte-drtrhn.svelte-drtrhn{border-color:#374151}[data-theme=dark] .modal-header.svelte-drtrhn h3.svelte-drtrhn{color:#f9fafb}[data-theme=dark] .node-label.svelte-drtrhn.svelte-drtrhn,[data-theme=dark] .modal-close.svelte-drtrhn.svelte-drtrhn{color:#9ca3af}[data-theme=dark] .modal-close.svelte-drtrhn.svelte-drtrhn:hover{background:#374151;color:#f9fafb}[data-theme=dark] textarea.svelte-drtrhn.svelte-drtrhn{background:#111827;border-color:#374151;color:#f9fafb}[data-theme=dark] textarea.svelte-drtrhn.svelte-drtrhn:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-overlay.svelte-1vtth97.svelte-1vtth97{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-1vtth97.svelte-1vtth97{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.modal-header.svelte-1vtth97.svelte-1vtth97{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header.svelte-1vtth97 h2.svelte-1vtth97{margin:0;font-size:1.25rem;font-weight:600}.close-btn.svelte-1vtth97.svelte-1vtth97{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn.svelte-1vtth97.svelte-1vtth97:hover{color:#111827}.modal-body.svelte-1vtth97.svelte-1vtth97{padding:1.5rem;overflow-y:auto;flex:1}.form-group.svelte-1vtth97.svelte-1vtth97{margin-bottom:1.5rem}.form-group.svelte-1vtth97 label.svelte-1vtth97{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-select.svelte-1vtth97.svelte-1vtth97{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff}.form-select.svelte-1vtth97.svelte-1vtth97:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.loading.svelte-1vtth97.svelte-1vtth97,.empty-state.svelte-1vtth97.svelte-1vtth97{padding:.75rem;text-align:center;color:#6b7280;font-size:.875rem}.task-info.svelte-1vtth97.svelte-1vtth97{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-top:1rem}.info-item.svelte-1vtth97.svelte-1vtth97{margin-bottom:.5rem;font-size:.875rem}.info-item.svelte-1vtth97.svelte-1vtth97:last-child{margin-bottom:0}.state-badge.svelte-1vtth97.svelte-1vtth97{display:inline-block;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:.5rem}.expand-btn.svelte-1vtth97.svelte-1vtth97{background:none;border:none;cursor:pointer;padding:0;margin-right:.5rem;width:20px;display:inline-block;text-align:center}.task-list.svelte-1vtth97.svelte-1vtth97{margin-top:.5rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;overflow-y:auto}.checkbox-label.svelte-1vtth97.svelte-1vtth97{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;font-size:.875rem}.checkbox-label.svelte-1vtth97.svelte-1vtth97:hover{background:#f3f4f6}.modal-footer.svelte-1vtth97.svelte-1vtth97{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-primary.svelte-1vtth97.svelte-1vtth97,.btn-secondary.svelte-1vtth97.svelte-1vtth97{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none}.btn-primary.svelte-1vtth97.svelte-1vtth97{background:#2563eb;color:#fff}.btn-primary.svelte-1vtth97.svelte-1vtth97:hover{background:#1d4ed8}.btn-secondary.svelte-1vtth97.svelte-1vtth97{background:#f3f4f6;color:#374151}.btn-secondary.svelte-1vtth97.svelte-1vtth97:hover{background:#e5e7eb}.btn-comment.svelte-1vtth97.svelte-1vtth97{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;margin-right:auto}.btn-comment.svelte-1vtth97.svelte-1vtth97:hover{background:#e0f2fe;border-color:#7dd3fc;color:#075985}.resize-handles-container{opacity:0;transition:opacity .15s ease-out}.node-group:hover .resize-handles-container,.resize-handles-container:hover{opacity:1}.icon-node-content-wrapper.svelte-awp61w{gap:4px}.icon-container.svelte-awp61w{flex-shrink:0}.comment-button.svelte-awp61w{z-index:10}.add-comment-btn.svelte-dvvqpz{width:100%;padding:10px 16px;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-comment-btn.svelte-dvvqpz:hover{background:#e0f2fe;border-color:#7dd3fc;color:#075985}.drawing-toolbar-horizontal.svelte-1638xct{position:absolute;left:50%;bottom:80px;transform:translate(-50%);background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;padding:12px 24px;display:flex;gap:16px;align-items:center;z-index:11;border:1px solid #e5e7eb}.toolbar-section.svelte-1638xct{display:flex;align-items:center;gap:8px}.toolbar-label.svelte-1638xct{font-size:13px;font-weight:500;color:#6b7280;white-space:nowrap;margin:0}.color-picker-horizontal.svelte-1638xct{display:flex;gap:4px;align-items:center}.color-swatch.svelte-1638xct{width:28px;height:28px;border:2px solid #e5e7eb;border-radius:4px;cursor:pointer;padding:0;transition:transform .1s}.color-swatch.svelte-1638xct:hover{transform:scale(1.1)}.color-swatch.active.svelte-1638xct{border-color:#2563eb;border-width:3px;box-shadow:0 0 0 2px #2563eb33}.color-input-inline.svelte-1638xct{width:32px;height:28px;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;padding:0}.stroke-width-control.svelte-1638xct{display:flex;align-items:center;gap:8px}.stroke-width-slider.svelte-1638xct{width:80px}.stroke-width-value.svelte-1638xct{font-size:12px;color:#6b7280;min-width:35px;text-align:right}.mode-toggle.svelte-1638xct{display:flex;gap:4px}.mode-btn.svelte-1638xct{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;color:#374151;transition:all .15s}.mode-btn.svelte-1638xct:hover{background:#f9fafb;border-color:#d1d5db}.mode-btn.active.svelte-1638xct{background:#2563eb;color:#fff;border-color:#2563eb}.toolbar-divider.svelte-1638xct{width:1px;height:32px;background:#e5e7eb}.clear-btn.svelte-1638xct{padding:6px 12px;border:1px solid #ef4444;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;color:#ef4444;transition:all .15s}.clear-btn.svelte-1638xct:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}@media (max-width: 768px){.drawing-toolbar-horizontal.svelte-1638xct{flex-wrap:wrap;max-width:90%;padding:10px 16px;gap:12px}.toolbar-section.svelte-1638xct{flex:1 1 auto;min-width:fit-content}}.connection-point{cursor:pointer;pointer-events:auto;transition:r .15s ease-out,fill .15s ease-out;z-index:1000}.connection-point.eligible{fill:#00d4ff;cursor:pointer}.connection-point.ineligible{fill:#f4a3a3;opacity:.5;cursor:not-allowed}.connection-point.source-selected{animation:connectionPointPulse 1s ease-in-out infinite}@keyframes connectionPointPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.node-group{transition:opacity .15s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none}.node-group:focus{outline:none}.node-group:focus-visible{outline:none}.node-group.connecting{filter:url(#popShadowStrong)}.node-group rect{transition:fill .2s ease-out,stroke-width .15s ease-out}.node-group:hover:not(.dragging){filter:brightness(1.05) drop-shadow(0 2px 4px rgba(0,0,0,.1))}.node-group:hover:not(.dragging) rect{stroke-width:2}.resize-handles-container{opacity:0;transition:opacity .15s ease-out;border-radius:5px}.node-group:hover .resize-handles-container,.resize-handles-container:hover{opacity:1;border-radius:5px}.node-group.dragging{transition:none}.db-input{flex:1;border:1px solid #ddd;border-radius:6px;padding:6px 8px;font-size:12px}.db-type-select{border:1px solid #ddd;border-radius:6px;padding:6px 8px;font-size:11px;background:#fff;cursor:pointer;transition:all .2s ease}.db-type-select:hover{border-color:#2563eb;background:#f9fafb}.db-type-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.icon-button-small{border:1px solid #ddd;border-radius:6px;padding:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;min-width:28px;min-height:28px}.icon-button-small:hover{background:#f3f4f6;border-color:#2563eb;transform:scale(1.1);box-shadow:0 2px 4px #0000001a}.icon-button-small:active{transform:scale(1.05)}.icon-button-small.delete-button{border-color:#fca5a5}.icon-button-small.delete-button:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626}.table-node-header{background:#f6f6f6;border-bottom:1px solid #e6e6e6;display:flex;gap:8px;align-items:center;padding:6px 8px;min-height:36px}.db-title-input{flex:1;font-weight:600;font-size:13px}.field-count-badge{background:#0000001a;color:#4b5563;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;white-space:nowrap}.table-status-badge{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;white-space:nowrap}.table-status-badge.status-draft{background:#fef3c7;color:#92400e}.table-status-badge.status-production{background:#d1fae5;color:#065f46}.table-status-badge.status-archived{background:#e5e7eb;color:#374151}.header-spacer{flex:1}.table-description{padding:4px 8px;background:#fafafa;border-bottom:1px solid #e6e6e6;transition:opacity .2s}.table-description.hidden{opacity:.3}.table-description.hidden:hover{opacity:1}.db-description-input{width:100%;border:none;background:transparent;font-size:10px;color:#6b7280;padding:2px 4px}.db-description-input:focus{outline:1px solid #2563eb;border-radius:3px}.table-fields-container{background:#fff}.field-row{padding:4px 8px;transition:background-color .2s}.field-row:hover{background:#f9fafb!important}.field-row.field-required{background:#fef3c7}.field-row-compact,.field-row-expanded,.field-row-two-line{display:flex;gap:6px;align-items:center}.field-row-expanded{flex-direction:column;align-items:stretch;gap:4px}.field-main-row{display:flex;gap:6px;align-items:center}.field-properties-row{display:flex;gap:8px;align-items:center;padding-left:24px;font-size:10px}.field-property{display:flex;align-items:center}.field-property label{display:flex;align-items:center;gap:4px;cursor:pointer;color:#6b7280}.field-property input[type=checkbox]{margin:0;cursor:pointer}.field-default-input{flex:1;padding:2px 4px;border:1px solid #ddd;border-radius:3px;font-size:10px;max-width:120px}.field-row-two-line{flex-direction:column;align-items:stretch;gap:2px}.field-line-one{display:flex;gap:6px;align-items:center}.field-line-two{display:flex;gap:8px;padding-left:24px;font-size:9px;color:#6b7280;flex-wrap:wrap}.field-indicators{display:flex;gap:4px;align-items:center;flex-shrink:0}.field-indicator-btn{background:transparent;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s}.field-indicator-btn:hover{background:#0000001a}.field-indicator-btn.pk-indicator{color:#f59e0b}.field-indicator-btn.index-indicator{color:#3b82f6}.field-indicator-btn.unique-indicator{color:#10b981}.field-indicator-btn.fk-indicator{color:#8b5cf6}.field-indicator{font-size:12px;font-weight:700;color:#ef4444;line-height:1}.required-indicator{color:#ef4444}.field-default-badge{background:#e0e7ff;color:#3730a3;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:500;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.field-name-input{font-family:Courier New,monospace;font-size:11px}.field-meta{color:#6b7280;font-style:italic}.field-meta.fk-meta{color:#8b5cf6;font-weight:500}.comment-button{border:1px solid #ddd;border-radius:6px;padding:4px 8px;background:#fff;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:4px;transition:all .2s ease;box-shadow:0 1px 2px #0000001a;min-width:28px;justify-content:center}.comment-button:hover{background:#f3f4f6;border-color:#2563eb;transform:scale(1.05);box-shadow:0 2px 4px #00000026}.comment-button.has-comments{background:#eff6ff;border-color:#2563eb;color:#2563eb}.comment-button.has-comments:hover{background:#dbeafe;border-color:#1d4ed8}.comment-count{font-weight:600;font-size:10px;background:#2563eb;color:#fff;border-radius:10px;padding:1px 5px;min-width:16px;text-align:center;line-height:1.4}.comment-button.has-comments .comment-count{background:#2563eb}.comment-button:not(.has-comments) .comment-count{display:none}.jira-task-card{width:100%;height:100%;display:flex;flex-direction:column;border-radius:8px;background:#fff;padding:calc(6px * var(--scale-factor, 1));font-size:calc(10px * var(--scale-factor, 1));box-sizing:border-box;position:relative}.task-header{margin-bottom:calc(6px * var(--scale-factor, 1))}.task-key-row{display:flex;align-items:center;gap:calc(6px * var(--scale-factor, 1));margin-bottom:calc(4px * var(--scale-factor, 1))}.task-key{font-size:calc(10px * var(--scale-factor, 1));font-weight:600;color:#42526e;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.task-key-placeholder{font-size:calc(10px * var(--scale-factor, 1));font-weight:600;color:#97a0af;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.priority-badge{display:inline-block;padding:calc(2px * var(--scale-factor, 1)) calc(6px * var(--scale-factor, 1));border-radius:calc(3px * var(--scale-factor, 1));font-size:calc(9px * var(--scale-factor, 1));font-weight:600;border:1px solid;text-transform:uppercase;letter-spacing:.5px}.task-title-row{margin-bottom:calc(8px * var(--scale-factor, 1))}.task-title-display{width:100%;font-weight:600;font-size:calc(13px * var(--scale-factor, 1));color:#172b4d;padding:calc(2px * var(--scale-factor, 1)) 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;word-wrap:break-word;-webkit-user-select:none;user-select:none;line-height:1.3}.task-meta-row{display:flex;align-items:center;gap:calc(6px * var(--scale-factor, 1));margin-bottom:calc(6px * var(--scale-factor, 1));flex-wrap:wrap}.task-type-badge{display:inline-flex;align-items:center;padding:calc(2px * var(--scale-factor, 1)) calc(6px * var(--scale-factor, 1));border-radius:calc(3px * var(--scale-factor, 1));font-size:calc(9px * var(--scale-factor, 1));font-weight:500;background-color:#dfe1e6;color:#42526e;border:1px solid #c1c7d0}.task-type-badge svg{flex-shrink:0;width:calc(12px * var(--scale-factor, 1));height:calc(12px * var(--scale-factor, 1))}.status-badge{display:inline-block;padding:calc(2px * var(--scale-factor, 1)) calc(6px * var(--scale-factor, 1));border-radius:calc(3px * var(--scale-factor, 1));font-size:calc(9px * var(--scale-factor, 1));font-weight:500;border:1px solid}.task-labels-row{display:flex;align-items:center;gap:calc(4px * var(--scale-factor, 1));margin-bottom:calc(6px * var(--scale-factor, 1));flex-wrap:wrap}.label-badge{display:inline-block;padding:calc(2px * var(--scale-factor, 1)) calc(6px * var(--scale-factor, 1));border-radius:calc(3px * var(--scale-factor, 1));font-size:calc(9px * var(--scale-factor, 1));font-weight:500;border:1px solid;max-width:calc(80px * var(--scale-factor, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-more{font-size:calc(9px * var(--scale-factor, 1));color:#6b778c;font-weight:500}.task-custom-fields-row{display:flex;align-items:center;gap:calc(4px * var(--scale-factor, 1));margin-bottom:calc(6px * var(--scale-factor, 1));flex-wrap:wrap}.custom-field-badge{display:inline-flex;align-items:center;gap:calc(4px * var(--scale-factor, 1));padding:calc(2px * var(--scale-factor, 1)) calc(6px * var(--scale-factor, 1));border-radius:calc(3px * var(--scale-factor, 1));font-size:calc(9px * var(--scale-factor, 1));font-weight:500;background-color:#f4f5f7;color:#42526e;border:1px solid #dfe1e6;max-width:calc(120px * var(--scale-factor, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-field-name{font-weight:600;color:#6b778c}.custom-field-value{color:#172b4d;overflow:hidden;text-overflow:ellipsis}.task-description{font-size:calc(10px * var(--scale-factor, 1));color:#6b778c;line-height:1.4;margin-bottom:calc(8px * var(--scale-factor, 1));flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;border-top:1px solid #f4f5f7}.task-footer-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.task-people{display:flex;align-items:center;gap:4px}.creator-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;cursor:pointer;border:1px solid #dfe1e6}.task-footer-right,.task-dates{display:flex;align-items:center;gap:4px}.date-badge{font-size:9px;color:#6b778c;display:flex;align-items:center;gap:2px}.task-counts{display:flex;align-items:center;gap:4px}.count-badge{font-size:9px;color:#6b778c;display:flex;align-items:center;gap:2px}.assignee-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;cursor:pointer;border:1px solid #dfe1e6}.task-actions{display:flex;align-items:center;gap:2px}.task-action-btn{border:1px solid #dfe1e6;border-radius:4px;padding:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:20px;min-height:20px}.task-action-btn:hover{background:#f4f5f7;border-color:#c1c7d0}.task-action-btn.has-comments{background:#e3fcef;border-color:#57d9a3}.comment-count-small{font-size:calc(8px * var(--scale-factor, 1));font-weight:600;background:#0052cc;color:#fff;border-radius:calc(8px * var(--scale-factor, 1));padding:calc(1px * var(--scale-factor, 1)) calc(4px * var(--scale-factor, 1));min-width:calc(14px * var(--scale-factor, 1));text-align:center;margin-left:calc(2px * var(--scale-factor, 1))}.task-node-rect{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.node-group:hover:not(.dragging) .task-node-rect{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.edge-hit-area{cursor:pointer;pointer-events:auto}.edge-path{cursor:pointer;animation:edgeFadeIn .3s ease-out;pointer-events:none}.edge-path:hover{filter:brightness(1.2)}.edge-group.selected .edge-path{opacity:1}@keyframes edgeFadeIn{0%{opacity:0;stroke-dashoffset:20}to{opacity:1;stroke-dashoffset:0}}.edge-label-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:fit-content;background:#fff;border:2px solid var(--label-color, #2563eb);border-radius:8px;padding:6px 14px;pointer-events:auto;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001f;box-sizing:border-box}.edge-label-container:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003;background:#f8fafc}.edge-label-text{font-size:13px;font-weight:600;color:#1f2937;text-align:center;white-space:nowrap}.relationship-bubble{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border:2px solid #6b7280;border-radius:50%;font-size:12px;font-weight:700;color:#374151;font-family:Courier New,monospace;box-shadow:0 2px 4px #00000026;pointer-events:none;-webkit-user-select:none;user-select:none}.edge-label-edit-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.edge-label-input{padding:6px 12px;border:2px solid #2563eb;border-radius:8px;font-size:13px;font-weight:600;background:#fff;outline:none;text-align:center;min-width:100px;width:100%;box-shadow:0 4px 12px #2563eb40;box-sizing:border-box}.edge-label-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #2563eb33,0 4px 12px #2563eb40}.edge-group{pointer-events:none}.edge-group .edge-hit-area{pointer-events:auto}.edge-group .edge-path{pointer-events:none}.edge-group foreignObject{pointer-events:auto}.edge-group foreignObject *{pointer-events:auto}.connection-preview{pointer-events:none;animation:connectionPulse 1s ease-in-out infinite}@keyframes connectionPulse{0%,to{opacity:.7;stroke-width:2}50%{opacity:1;stroke-width:2.5}}.canvas-wrap{position:absolute;top:0;left:0;right:0;bottom:56px;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.canvas{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:background-color .3s ease-out}.canvas.connect-mode{background-color:#2d3748!important;transition:background-color .3s ease-out}.canvas.drawing-mode{cursor:crosshair}.canvas.eraser-mode{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.24 3.56l4.95 4.94c.78.79.78 2.05 0 2.84L12 20.53a4.008 4.008 0 0 1-5.66 0L2.81 17c-.78-.79-.78-2.05 0-2.84l11.17-11.17c.79-.78 2.05-.78 2.84 0zM2 17l1.5 1.5L6 16l-1.5-1.5L2 17zm3.5 3.5L7 19l8.5-8.5-1.5-1.5L7 19z' fill='%23000'/%3E%3C/svg%3E") 12 12,auto}.bottom-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:#fff;border-radius:12px;box-shadow:0 2px 12px #0002;padding:12px 24px;display:flex;gap:16px;align-items:center;z-index:10}.bottom-bar .icon-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.bottom-bar .icon-button:hover{background:#f9fafb;border-color:#2563eb;color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.bottom-bar .icon-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.bottom-bar .icon-button .button-label{display:inline-block}@media (max-width: 640px){.bottom-bar .icon-button .button-label{display:none}.bottom-bar{padding:10px 16px;gap:12px}}.bottom-bar .icon-button[draggable=true]{cursor:grab}.bottom-bar .icon-button[draggable=true]:active{cursor:grabbing}.bottom-bar .icon-button[draggable=true]:hover{cursor:grab}.bottom-bar .task-node-button{background:#fef9e7;border-color:#f59e0b;color:#f59e0b}.bottom-bar .task-node-button:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.bottom-bar .icon-button.active{background:#2563eb;border-color:#2563eb;color:#fff}.bottom-bar .icon-button.active:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.diagram-layer{transition:transform .2s ease-out}.diagram-layer.panning{transition:none}:global(.diagram-layer){will-change:transform}.drag-preview{pointer-events:none;opacity:.8}.drag-preview rect{transition:none}.drawing-path{cursor:pointer;transition:opacity .2s}.drawing-path:hover{opacity:.8}.drawing-path.selected{filter:drop-shadow(0 0 4px rgba(37,99,235,.6));opacity:1}.drawing-preview{pointer-events:none;opacity:.7}.edge-properties-panel{position:fixed;width:200px;background:#fff;border:2px solid #2563eb;border-radius:12px;padding:0;box-shadow:0 8px 32px #0003,0 2px 8px #2563eb26;z-index:99999;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container-properties-panel{width:250px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;cursor:move;-webkit-user-select:none;user-select:none}.panel-header.dragging{cursor:grabbing;opacity:.9}.panel-title{font-size:12px;font-weight:600;letter-spacing:.02em}.panel-close-btn{width:20px;height:20px;border:none;background:#fff3;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.panel-close-btn:hover{background:#ffffff4d}.panel-section{padding:10px 12px;border-bottom:1px solid #e5e7eb}.panel-section:last-of-type{border-bottom:none}.section-label{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.direction-buttons{display:flex;gap:6px}.dir-btn{flex:1;padding:8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;cursor:pointer;font-size:14px;font-weight:600;transition:all .15s ease}.dir-btn:hover{background:#f3f4f6;border-color:#2563eb}.dir-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.panel-input{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.panel-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.prop-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.prop-row:last-child{margin-bottom:0}.prop-label{font-size:11px;color:#4b5563;width:50px;flex-shrink:0}.color-input{flex:1;height:28px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:2px}.range-input{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#2563eb;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.range-value{font-size:10px;color:#6b7280;width:28px;text-align:right;flex-shrink:0}.panel-select{flex:1;padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:11px;background:#fff;cursor:pointer}.panel-select:focus{outline:none;border-color:#2563eb}.delete-btn{width:calc(100% - 24px);margin:12px;padding:10px;border:none;border-radius:6px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.delete-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.panel-overlay.svelte-1h4p3k8.svelte-1h4p3k8{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.panel-content.svelte-1h4p3k8.svelte-1h4p3k8{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.panel-header.svelte-1h4p3k8.svelte-1h4p3k8{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.panel-header.svelte-1h4p3k8 h2.svelte-1h4p3k8{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-btn.svelte-1h4p3k8.svelte-1h4p3k8{background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;display:flex;align-items:center;justify-content:center}.close-btn.svelte-1h4p3k8.svelte-1h4p3k8:hover{color:#111827}.close-btn.svelte-1h4p3k8 svg.svelte-1h4p3k8{width:24px;height:24px}.panel-body.svelte-1h4p3k8.svelte-1h4p3k8{flex:1;overflow-y:auto;padding:1.5rem}.loading.svelte-1h4p3k8.svelte-1h4p3k8,.error.svelte-1h4p3k8.svelte-1h4p3k8,.empty-state.svelte-1h4p3k8.svelte-1h4p3k8{text-align:center;padding:2rem;color:#6b7280}.error.svelte-1h4p3k8.svelte-1h4p3k8{color:#dc2626}.hint.svelte-1h4p3k8.svelte-1h4p3k8{font-size:.875rem;color:#9ca3af;margin-top:.5rem}.projects-list.svelte-1h4p3k8.svelte-1h4p3k8{display:flex;flex-direction:column;gap:1rem}.project-item.svelte-1h4p3k8.svelte-1h4p3k8{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.project-info.svelte-1h4p3k8.svelte-1h4p3k8{flex:1}.project-name.svelte-1h4p3k8.svelte-1h4p3k8{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#111827}.project-details.svelte-1h4p3k8.svelte-1h4p3k8{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#6b7280}.diagram-info.svelte-1h4p3k8.svelte-1h4p3k8{font-weight:500}.link-date.svelte-1h4p3k8.svelte-1h4p3k8{font-size:.75rem;color:#9ca3af}.project-actions.svelte-1h4p3k8.svelte-1h4p3k8{display:flex;gap:.5rem;flex-shrink:0}.btn-primary.svelte-1h4p3k8.svelte-1h4p3k8,.btn-secondary.svelte-1h4p3k8.svelte-1h4p3k8{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary.svelte-1h4p3k8.svelte-1h4p3k8{background:#2563eb;color:#fff}.btn-primary.svelte-1h4p3k8.svelte-1h4p3k8:hover{background:#1d4ed8}.btn-secondary.svelte-1h4p3k8.svelte-1h4p3k8{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary.svelte-1h4p3k8.svelte-1h4p3k8:hover{background:#f9fafb}.modal-overlay.svelte-kamqae.svelte-kamqae{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content.svelte-kamqae.svelte-kamqae{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.modal-header.svelte-kamqae.svelte-kamqae{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header.svelte-kamqae h2.svelte-kamqae{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-btn.svelte-kamqae.svelte-kamqae{background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280}.close-btn.svelte-kamqae.svelte-kamqae:hover{color:#111827}.close-btn.svelte-kamqae svg.svelte-kamqae{width:24px;height:24px}.modal-body.svelte-kamqae.svelte-kamqae{flex:1;overflow-y:auto;padding:1.5rem}.project-name.svelte-kamqae.svelte-kamqae{margin:0 0 1rem;font-size:.875rem;color:#6b7280}.error-message.svelte-kamqae.svelte-kamqae{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.loading.svelte-kamqae.svelte-kamqae,.empty-state.svelte-kamqae.svelte-kamqae{text-align:center;padding:2rem;color:#6b7280}.tasks-header.svelte-kamqae.svelte-kamqae{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.selection-info.svelte-kamqae.svelte-kamqae{font-size:.875rem;color:#6b7280;font-weight:500}.selection-actions.svelte-kamqae.svelte-kamqae{display:flex;gap:1rem}.btn-link.svelte-kamqae.svelte-kamqae{background:none;border:none;color:#2563eb;font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline}.btn-link.svelte-kamqae.svelte-kamqae:hover{color:#1d4ed8}.tasks-list.svelte-kamqae.svelte-kamqae{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.task-item.svelte-kamqae.svelte-kamqae{display:flex;gap:.75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.task-item.svelte-kamqae.svelte-kamqae:hover{background:#f9fafb;border-color:#d1d5db}.task-checkbox.svelte-kamqae.svelte-kamqae{margin-top:.25rem;cursor:pointer}.task-info.svelte-kamqae.svelte-kamqae{flex:1;display:flex;flex-direction:column;gap:.5rem}.task-title.svelte-kamqae.svelte-kamqae{font-weight:500;color:#111827}.task-description.svelte-kamqae.svelte-kamqae{font-size:.875rem;color:#6b7280;line-height:1.5}.task-meta.svelte-kamqae.svelte-kamqae{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.75rem}.task-state.svelte-kamqae.svelte-kamqae,.task-type.svelte-kamqae.svelte-kamqae{padding:.25rem .5rem;border-radius:4px;font-weight:500}.task-assignee.svelte-kamqae.svelte-kamqae{color:#6b7280}.modal-footer.svelte-kamqae.svelte-kamqae{display:flex;gap:.5rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-primary.svelte-kamqae.svelte-kamqae,.btn-secondary.svelte-kamqae.svelte-kamqae{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary.svelte-kamqae.svelte-kamqae{background:#2563eb;color:#fff}.btn-primary.svelte-kamqae.svelte-kamqae:hover:not(:disabled){background:#1d4ed8}.btn-primary.svelte-kamqae.svelte-kamqae:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary.svelte-kamqae.svelte-kamqae{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary.svelte-kamqae.svelte-kamqae:hover:not(:disabled){background:#f9fafb}.modal-overlay.svelte-yigof9.svelte-yigof9{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content.svelte-yigof9.svelte-yigof9{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.modal-header.svelte-yigof9.svelte-yigof9{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header.svelte-yigof9 h2.svelte-yigof9{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-btn.svelte-yigof9.svelte-yigof9{background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280}.close-btn.svelte-yigof9.svelte-yigof9:hover{color:#111827}.close-btn.svelte-yigof9 svg.svelte-yigof9{width:24px;height:24px}.modal-body.svelte-yigof9.svelte-yigof9{flex:1;overflow-y:auto;padding:1.5rem}.project-selector.svelte-yigof9.svelte-yigof9{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.project-selector.svelte-yigof9 label.svelte-yigof9{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.project-select.svelte-yigof9.svelte-yigof9{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.project-select.svelte-yigof9.svelte-yigof9:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.project-name.svelte-yigof9.svelte-yigof9{margin:0 0 1rem;font-size:.875rem;color:#6b7280}.search-box.svelte-yigof9.svelte-yigof9{margin-bottom:1rem}.search-input.svelte-yigof9.svelte-yigof9{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.search-input.svelte-yigof9.svelte-yigof9:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.error-message.svelte-yigof9.svelte-yigof9{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.loading.svelte-yigof9.svelte-yigof9,.empty-state.svelte-yigof9.svelte-yigof9{text-align:center;padding:2rem;color:#6b7280}.tasks-header.svelte-yigof9.svelte-yigof9{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.selection-info.svelte-yigof9.svelte-yigof9{font-size:.875rem;color:#6b7280;font-weight:500}.selection-actions.svelte-yigof9.svelte-yigof9{display:flex;gap:1rem}.btn-link.svelte-yigof9.svelte-yigof9{background:none;border:none;color:#2563eb;font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline}.btn-link.svelte-yigof9.svelte-yigof9:hover{color:#1d4ed8}.tasks-list.svelte-yigof9.svelte-yigof9{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;margin-bottom:1rem}.task-item.svelte-yigof9.svelte-yigof9{display:flex;gap:.75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.task-item.svelte-yigof9.svelte-yigof9:hover{background:#f9fafb;border-color:#d1d5db}.task-checkbox.svelte-yigof9.svelte-yigof9{margin-top:.25rem;cursor:pointer}.task-info.svelte-yigof9.svelte-yigof9{flex:1;display:flex;flex-direction:column;gap:.5rem}.task-title.svelte-yigof9.svelte-yigof9{font-weight:500;color:#111827}.task-description.svelte-yigof9.svelte-yigof9{font-size:.875rem;color:#6b7280;line-height:1.5}.task-meta.svelte-yigof9.svelte-yigof9{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.75rem}.task-state.svelte-yigof9.svelte-yigof9,.task-type.svelte-yigof9.svelte-yigof9{padding:.25rem .5rem;border-radius:4px;font-weight:500}.task-assignee.svelte-yigof9.svelte-yigof9{color:#6b7280}.pagination.svelte-yigof9.svelte-yigof9{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid #e5e7eb}.pagination-btn.svelte-yigof9.svelte-yigof9{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;font-size:.875rem}.pagination-btn.svelte-yigof9.svelte-yigof9:hover:not(:disabled){background:#f9fafb;border-color:#2563eb}.pagination-btn.svelte-yigof9.svelte-yigof9:disabled{opacity:.5;cursor:not-allowed}.pagination-info.svelte-yigof9.svelte-yigof9{font-size:.875rem;color:#6b7280}.modal-footer.svelte-yigof9.svelte-yigof9{display:flex;gap:.5rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-primary.svelte-yigof9.svelte-yigof9,.btn-secondary.svelte-yigof9.svelte-yigof9{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary.svelte-yigof9.svelte-yigof9{background:#2563eb;color:#fff}.btn-primary.svelte-yigof9.svelte-yigof9:hover:not(:disabled){background:#1d4ed8}.btn-primary.svelte-yigof9.svelte-yigof9:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary.svelte-yigof9.svelte-yigof9{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary.svelte-yigof9.svelte-yigof9:hover:not(:disabled){background:#f9fafb}.loading.svelte-uuh395.svelte-uuh395{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#fff;font-size:18px;color:#666}.app.svelte-uuh395.svelte-uuh395{position:fixed;top:0;right:0;bottom:0;left:0;display:flex}.sidebar.svelte-uuh395.svelte-uuh395{position:fixed;top:0;left:0;bottom:0;width:260px;background:#fff;border-right:1px solid #eee;display:flex;flex-direction:column;z-index:2}.sidebar-header.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee}.sidebar-header.svelte-uuh395 .title.svelte-uuh395{font-weight:600}.sidebar-header.svelte-uuh395 .actions .sm.svelte-uuh395{font-size:12px;padding:4px 8px}.sidebar-search.svelte-uuh395.svelte-uuh395{padding:8px 12px;border-bottom:1px solid #f3f3f3}.sidebar-search.svelte-uuh395 input.svelte-uuh395{width:90%;padding:8px 10px;border:1px solid #ddd;border-radius:6px}.project-list.svelte-uuh395.svelte-uuh395{overflow:auto;padding:6px;display:flex;flex-direction:column;gap:5px}.project-item.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:8px 10px;border-radius:8px;cursor:pointer;width:100%}.project-item.svelte-uuh395.svelte-uuh395:hover{background:#f7f7f7}.project-item.active.svelte-uuh395.svelte-uuh395{background:#eef5ff}.project-item.svelte-uuh395 .name.svelte-uuh395{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item.svelte-uuh395 .del.svelte-uuh395{border:1px solid #ddd;background:#fff;border-radius:6px;padding:2px 6px;cursor:pointer}.main.svelte-uuh395.svelte-uuh395{position:fixed;top:0;left:0;right:0;bottom:0;transition:margin-left .15s ease;display:flex;flex-direction:column}.top-bar.svelte-uuh395.svelte-uuh395{height:56px;display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #fff);z-index:100;box-shadow:0 1px 3px #0000000d}.tabs.svelte-uuh395.svelte-uuh395{display:flex;gap:8px;margin-left:8px}.tab.svelte-uuh395.svelte-uuh395{padding:6px 10px;border-radius:8px;border:1px solid #e5e5e5;cursor:pointer}.tab.active.svelte-uuh395.svelte-uuh395{background:#111;color:#fff;border-color:#111}button.svelte-uuh395.svelte-uuh395{font-family:inherit;font-size:13px;font-weight:500;padding:8px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary, #374151);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:36px}button.svelte-uuh395.svelte-uuh395:hover:not(:disabled):not(.active){background:var(--bg-secondary, #f3f4f6);border-color:var(--border-color, #9ca3af)}button.svelte-uuh395.svelte-uuh395:active:not(:disabled){transform:translateY(1px)}button.svelte-uuh395.svelte-uuh395:disabled{opacity:.5;cursor:not-allowed}button.active.svelte-uuh395.svelte-uuh395{background:var(--accent-color, #2563eb)!important;color:#fff!important;border-color:var(--accent-color, #2563eb)!important}.btn-save.svelte-uuh395.svelte-uuh395{background:var(--accent-color, #2563eb);color:#fff;border-color:var(--accent-color, #2563eb)}.btn-save.svelte-uuh395.svelte-uuh395:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.btn-connect.svelte-uuh395.svelte-uuh395{background:var(--bg-primary, #fff);color:var(--text-primary, #374151)}.btn-connect.svelte-uuh395.svelte-uuh395:hover:not(:disabled){background:var(--bg-secondary, #f3f4f6)}.spacer.svelte-uuh395.svelte-uuh395{flex:1}.sm.svelte-uuh395.svelte-uuh395{font-size:12px;padding:6px 10px;min-width:32px;height:32px}.sm.svelte-uuh395 svg.svelte-uuh395{width:16px;height:16px}input[type=text].svelte-uuh395.svelte-uuh395,input[type=email].svelte-uuh395.svelte-uuh395,select.svelte-uuh395.svelte-uuh395{padding:8px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:13px;background:var(--bg-primary, #fff);color:var(--text-primary, #374151);transition:all .15s ease;min-width:120px;font-family:inherit}input[type=text].svelte-uuh395.svelte-uuh395:focus,input[type=email].svelte-uuh395.svelte-uuh395:focus,select.svelte-uuh395.svelte-uuh395:focus{outline:none;border-color:var(--accent-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}select.svelte-uuh395.svelte-uuh395{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:32px}input[type=checkbox].svelte-uuh395.svelte-uuh395{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color, #2563eb)}.button-group.svelte-uuh395.svelte-uuh395{display:flex;gap:8px;align-items:center;padding:0 8px;border-left:1px solid var(--border-color, #e5e7eb)}.button-group.svelte-uuh395.svelte-uuh395:first-child{border-left:none;padding-left:0}.canvas-wrap.svelte-uuh395.svelte-uuh395{position:absolute;top:56px;left:0;right:0;bottom:0;overflow:hidden}.notes.svelte-uuh395.svelte-uuh395{position:fixed;top:0;right:0;bottom:0;width:340px;background:#fff;border-left:1px solid #eee;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a}.notes-header.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee}.notes.svelte-uuh395 textarea.svelte-uuh395{flex:1;margin:12px;padding:10px;border:1px solid #ddd;border-radius:8px;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px}.comments.svelte-uuh395.svelte-uuh395{position:fixed;top:0;right:0;bottom:0;width:380px;background:var(--bg-primary, #fff);border-left:1px solid var(--border-color, #eee);display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a;pointer-events:auto}.comments-header.svelte-uuh395.svelte-uuh395{padding:12px;border-bottom:1px solid var(--border-color, #eee)}.comments-header.svelte-uuh395 .header-top.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.comments-header.svelte-uuh395 .title.svelte-uuh395{font-weight:600;font-size:16px;color:var(--text-primary, #333)}.comments-header.svelte-uuh395 .collapse-btn.svelte-uuh395{background:none;border:none;cursor:pointer;padding:4px 8px;color:var(--text-secondary, #666);font-size:12px;border-radius:4px}.comments-header.svelte-uuh395 .collapse-btn.svelte-uuh395:hover{background:var(--bg-secondary, #f3f4f6)}.comments-header.svelte-uuh395 .header-controls.svelte-uuh395{display:flex;flex-direction:column;gap:8px}.comments-header.svelte-uuh395 .search-box.svelte-uuh395{width:100%}.comments-header.svelte-uuh395 .search-input.svelte-uuh395{width:100%;padding:6px 10px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:12px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #333);pointer-events:auto}.comments-header.svelte-uuh395 .search-input.svelte-uuh395:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.comments.svelte-uuh395 .toggle-all.svelte-uuh395{font-size:12px;color:var(--text-secondary, #555);display:flex;align-items:center;gap:6px}.comments.svelte-uuh395 .node-title.svelte-uuh395{padding:12px;font-weight:600;border-bottom:1px solid var(--border-color, #f0f0f0);background:var(--bg-secondary, #f9fafb);display:flex;align-items:center;gap:8px;color:var(--text-primary, #333)}.comments.svelte-uuh395 .node-title .node-icon.svelte-uuh395{font-size:14px}.comments.svelte-uuh395 .comments-list.svelte-uuh395{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.comments.svelte-uuh395 .node-comments-group.svelte-uuh395{border:1px solid var(--border-color, #eee);border-radius:8px;background:var(--bg-primary, #fff);margin-bottom:16px;overflow:hidden}.comments.svelte-uuh395 .node-comments-header.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #eee)}.comments.svelte-uuh395 .comment-count-badge.svelte-uuh395{font-size:11px;color:#6b7280;background:#fff;padding:2px 8px;border-radius:12px;border:1px solid var(--border-color, #ddd)}.comments.svelte-uuh395 .node-comments-list.svelte-uuh395{padding:12px;display:flex;flex-direction:column;gap:12px}.comments.svelte-uuh395 .node-link.svelte-uuh395{background:none;border:1px solid var(--border-color, #ddd);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px;color:#2563eb;margin-bottom:8px;transition:all .2s}.comments.svelte-uuh395 .node-link.svelte-uuh395:hover{background:#eff6ff;border-color:#2563eb}.comments.svelte-uuh395 .add-box.svelte-uuh395{padding:12px;border-top:1px solid var(--border-color, #eee);background:var(--bg-secondary, #f9fafb);display:flex;flex-direction:column;gap:8px}.comments.svelte-uuh395 .add-box textarea.svelte-uuh395{flex:1;padding:8px 10px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;min-height:60px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);pointer-events:auto}.comments.svelte-uuh395 .add-box textarea.svelte-uuh395:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.comments.svelte-uuh395 .btn-add.svelte-uuh395{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s}.comments.svelte-uuh395 .btn-add.svelte-uuh395:hover:not(:disabled){background:#1d4ed8}.comments.svelte-uuh395 .btn-add.svelte-uuh395:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.comments.svelte-uuh395 .empty.svelte-uuh395{color:var(--text-secondary, #777);font-size:13px;padding:24px 12px;text-align:center}.comments.svelte-uuh395 .empty .empty-icon.svelte-uuh395{font-size:32px;margin-bottom:8px;opacity:.5}.comments.svelte-uuh395 .reply-indicator.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#eff6ff;border:1px solid #2563eb;border-radius:6px;margin-bottom:8px;font-size:12px;color:#1e40af}.comments.svelte-uuh395 .btn-cancel-reply.svelte-uuh395{background:none;border:1px solid #2563eb;color:#2563eb;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px}.comments.svelte-uuh395 .btn-cancel-reply.svelte-uuh395:hover{background:#dbeafe}.toast.svelte-uuh395.svelte-uuh395{position:fixed;top:72px;right:16px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);padding:12px 16px;border-radius:8px;font-size:13px;color:var(--text-primary, #374151);box-shadow:0 4px 12px #00000026;z-index:2000;animation:svelte-uuh395-slideInRight .3s ease-out;max-width:400px;display:flex;align-items:center;gap:8px}@keyframes svelte-uuh395-slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.profile-container.svelte-uuh395.svelte-uuh395{position:relative}.profile-btn.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-primary, #fff);border:2px solid var(--border-color, #e5e7eb);border-radius:50%;cursor:pointer;transition:all .15s ease}.profile-btn.svelte-uuh395.svelte-uuh395:hover{border-color:var(--accent-color, #2563eb);transform:scale(1.05)}.profile-icon.svelte-uuh395.svelte-uuh395{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none}.profile-dropdown.svelte-uuh395.svelte-uuh395{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;overflow:hidden}.profile-dropdown-header.svelte-uuh395.svelte-uuh395{padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-primary, #374151);background:var(--bg-secondary, #f9fafb);-webkit-user-select:none;user-select:none;cursor:default}.profile-dropdown-divider.svelte-uuh395.svelte-uuh395{height:1px;background:var(--border-color, #e5e7eb)}.profile-dropdown-item.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--text-primary, #374151);font-size:14px;cursor:pointer;transition:background .15s ease;text-align:left}.profile-dropdown-item.svelte-uuh395.svelte-uuh395:hover{background:var(--bg-secondary, #f3f4f6)}.profile-dropdown-item.svelte-uuh395 svg.svelte-uuh395{flex-shrink:0}.profile-dropdown-item.svelte-uuh395 span.svelte-uuh395{flex:1}.help-btn.svelte-uuh395.svelte-uuh395,.canvas-options-btn.svelte-uuh395.svelte-uuh395,.invite-btn.svelte-uuh395.svelte-uuh395,.teams-btn.svelte-uuh395.svelte-uuh395,.dashboard-btn.svelte-uuh395.svelte-uuh395,.theme-btn.svelte-uuh395.svelte-uuh395,.settings-btn.svelte-uuh395.svelte-uuh395,.module-btn.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:center;padding:6px!important;min-width:32px;height:32px}.help-btn.svelte-uuh395.svelte-uuh395:hover,.canvas-options-btn.svelte-uuh395.svelte-uuh395:hover,.invite-btn.svelte-uuh395.svelte-uuh395:hover,.teams-btn.svelte-uuh395.svelte-uuh395:hover,.dashboard-btn.svelte-uuh395.svelte-uuh395:hover,.theme-btn.svelte-uuh395.svelte-uuh395:hover,.settings-btn.svelte-uuh395.svelte-uuh395:hover,.module-btn.svelte-uuh395.svelte-uuh395:hover{background:var(--bg-secondary, #f3f4f6)}.welcome-message.svelte-uuh395.svelte-uuh395{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.welcome-content.svelte-uuh395.svelte-uuh395{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;padding:32px;text-align:center;max-width:400px;border:1px solid #e5e7eb}.welcome-content.svelte-uuh395 h3.svelte-uuh395{margin:0 0 16px;color:#111827;font-size:20px}.welcome-content.svelte-uuh395 p.svelte-uuh395{margin:0 0 24px;color:#6b7280;line-height:1.5}.welcome-actions.svelte-uuh395.svelte-uuh395{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.welcome-actions.svelte-uuh395 button.svelte-uuh395{padding:10px 16px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.welcome-actions.svelte-uuh395 button.svelte-uuh395:first-child{background:#2563eb;color:#fff}.welcome-actions.svelte-uuh395 button.svelte-uuh395:first-child:hover{background:#1d4ed8}.welcome-actions.svelte-uuh395 button.secondary.svelte-uuh395{background:#f3f4f6;color:#374151}.welcome-actions.svelte-uuh395 button.secondary.svelte-uuh395:hover{background:#e5e7eb}.dismiss-btn.svelte-uuh395.svelte-uuh395{background:none;border:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:8px;border-radius:6px}.dismiss-btn.svelte-uuh395.svelte-uuh395:hover{background:#f3f4f6;color:#6b7280}.teams.svelte-uuh395.svelte-uuh395{position:fixed;top:0;right:0;bottom:0;width:320px;background:#fff;border-left:1px solid #eee;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a}.teams-header.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee}.teams-content.svelte-uuh395.svelte-uuh395{flex:1;overflow:auto;padding:12px}.team-card.svelte-uuh395.svelte-uuh395{border:1px solid #eee;border-radius:8px;padding:12px;margin-bottom:12px}.team-header.svelte-uuh395.svelte-uuh395{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.team-header.svelte-uuh395.svelte-uuh395:hover{background-color:#f5f5f5}.team-header.svelte-uuh395 h4.svelte-uuh395{margin:0;font-size:14px}.team-header-right.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;gap:8px}.member-count.svelte-uuh395.svelte-uuh395{font-size:12px;color:#666}.expand-btn.svelte-uuh395.svelte-uuh395{background:none;border:none;cursor:pointer;padding:2px;border-radius:3px;transition:transform .2s}.expand-btn.svelte-uuh395.svelte-uuh395:hover{background-color:#e5e5e5}.expand-btn.expanded.svelte-uuh395.svelte-uuh395{transform:rotate(180deg)}.team-members.svelte-uuh395.svelte-uuh395{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}.member-item.svelte-uuh395.svelte-uuh395{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.member-name.svelte-uuh395.svelte-uuh395{color:#333}.member-role.svelte-uuh395.svelte-uuh395{color:#666;font-size:11px;text-transform:uppercase}.empty-members.svelte-uuh395.svelte-uuh395{color:#999;font-size:12px;font-style:italic;text-align:center;padding:8px}.invitations.svelte-uuh395.svelte-uuh395{position:fixed;top:0;right:0;bottom:0;width:380px;background:#fff;border-left:1px solid #eee;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a}.invitations-header.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee}.invitations-tabs.svelte-uuh395.svelte-uuh395{display:flex;gap:8px;padding:12px;border-bottom:1px solid #eee}.invitations-tabs.svelte-uuh395 .tab.svelte-uuh395{padding:6px 12px;border-radius:6px;border:1px solid #e5e5e5;cursor:pointer;font-size:12px}.invitations-tabs.svelte-uuh395 .tab.active.svelte-uuh395{background:#111;color:#fff;border-color:#111}.send-invitation.svelte-uuh395.svelte-uuh395{padding:12px;border-bottom:1px solid #eee}.send-invitation.svelte-uuh395 h4.svelte-uuh395{margin:0 0 12px;font-size:14px}.form-group.svelte-uuh395.svelte-uuh395{margin-bottom:12px}.form-group.svelte-uuh395 label.svelte-uuh395{display:block;margin-bottom:4px;font-size:12px;color:#666}.form-group.svelte-uuh395 input.svelte-uuh395,.form-group.svelte-uuh395 select.svelte-uuh395{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.send-invitation.svelte-uuh395 button.svelte-uuh395{width:100%;padding:8px;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer}.send-invitation.svelte-uuh395 button.svelte-uuh395:disabled{background:#ccc;cursor:not-allowed}.message.svelte-uuh395.svelte-uuh395{padding:8px 12px;margin:8px 12px;border-radius:4px;font-size:12px}.message.success.svelte-uuh395.svelte-uuh395{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error.svelte-uuh395.svelte-uuh395{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.invitations-list.svelte-uuh395.svelte-uuh395{flex:1;overflow:auto;padding:12px}.invitation-card.svelte-uuh395.svelte-uuh395{border:1px solid #eee;border-radius:8px;padding:12px;margin-bottom:12px}.invitation-header.svelte-uuh395.svelte-uuh395{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.invitation-info.svelte-uuh395 h4.svelte-uuh395{margin:0 0 4px;font-size:13px}.invitation-info.svelte-uuh395 p.svelte-uuh395{margin:0;font-size:11px;color:#666}.status-badge.svelte-uuh395.svelte-uuh395{padding:2px 6px;border-radius:4px;font-size:10px;text-transform:uppercase;font-weight:600}.status-badge.pending.svelte-uuh395.svelte-uuh395{background:#fff3cd;color:#856404}.status-badge.accepted.svelte-uuh395.svelte-uuh395{background:#d4edda;color:#155724}.status-badge.declined.svelte-uuh395.svelte-uuh395{background:#f8d7da;color:#721c24}.status-badge.expired.svelte-uuh395.svelte-uuh395{background:#e2e3e5;color:#383d41}.invitation-details.svelte-uuh395.svelte-uuh395{margin-bottom:8px}.invitation-details.svelte-uuh395 p.svelte-uuh395{margin:0 0 2px;font-size:11px;color:#666}.invitation-actions.svelte-uuh395.svelte-uuh395{display:flex;gap:6px}.invitation-actions.svelte-uuh395 button.svelte-uuh395{padding:4px 8px;border:none;border-radius:4px;font-size:11px;cursor:pointer}.btn-accept.svelte-uuh395.svelte-uuh395{background:#28a745;color:#fff}.btn-decline.svelte-uuh395.svelte-uuh395{background:#dc3545;color:#fff}.btn-resend.svelte-uuh395.svelte-uuh395{background:#ffc107;color:#212529}.btn-cancel.svelte-uuh395.svelte-uuh395{background:#6c757d;color:#fff}.help.svelte-uuh395.svelte-uuh395{position:fixed;top:0;right:0;bottom:0;width:300px;background:#fff;border-left:1px solid #eee;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a}.help-header.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee}.help-content.svelte-uuh395.svelte-uuh395{flex:1;overflow:auto;padding:12px}.shortcut-section.svelte-uuh395.svelte-uuh395{margin-bottom:24px}.shortcut-section.svelte-uuh395 h4.svelte-uuh395{margin:0 0 12px;font-size:14px;color:#333;border-bottom:1px solid #eee;padding-bottom:4px}.shortcut-item.svelte-uuh395.svelte-uuh395{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5}.shortcut-item.svelte-uuh395.svelte-uuh395:last-child{border-bottom:none}.key.svelte-uuh395.svelte-uuh395{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:11px;font-family:monospace;color:#374151}.description.svelte-uuh395.svelte-uuh395{font-size:12px;color:#666}.canvas-options-floating.svelte-uuh395.svelte-uuh395{position:fixed;width:200px;max-height:calc(100vh - 120px);background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:column;z-index:100;overflow:hidden}.canvas-options-floating.dragging.svelte-uuh395.svelte-uuh395{-webkit-user-select:none;user-select:none;cursor:grabbing}.canvas-options-header.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #eee}.canvas-options-header.svelte-uuh395 .title.svelte-uuh395{font-size:13px;font-weight:600;color:#333}.canvas-options-content.svelte-uuh395.svelte-uuh395{flex:1;overflow-y:auto;padding:10px 14px}.option-section.svelte-uuh395.svelte-uuh395{margin-bottom:16px}.option-section.svelte-uuh395.svelte-uuh395:last-child{margin-bottom:0}.option-section.svelte-uuh395 h4.svelte-uuh395{margin:0 0 8px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.option-item.svelte-uuh395.svelte-uuh395{margin-bottom:10px}.option-item.svelte-uuh395.svelte-uuh395:last-child{margin-bottom:0}.option-item.svelte-uuh395 label.svelte-uuh395{display:flex;align-items:center;gap:6px;cursor:pointer;width:100%;margin-bottom:4px}.option-label-row.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.option-item.svelte-uuh395 input[type=checkbox].svelte-uuh395{width:14px;height:14px;cursor:pointer}.option-label.svelte-uuh395.svelte-uuh395{font-size:11px;color:#555}.option-value.svelte-uuh395.svelte-uuh395{font-size:11px;color:#888;font-family:monospace}.zoom-controls.svelte-uuh395.svelte-uuh395{display:flex;gap:6px;margin-top:6px}.zoom-btn.svelte-uuh395.svelte-uuh395{flex:1;padding:6px 0;border:1px solid #d1d5db;border-radius:6px;background:#f3f4f6;color:#374151;cursor:pointer;transition:all .2s;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.zoom-btn.svelte-uuh395.svelte-uuh395:hover{background:#e5e7eb;border-color:#9ca3af}.zoom-btn.svelte-uuh395.svelte-uuh395:active{background:#d1d5db;transform:scale(.95)}.slider-compact.svelte-uuh395.svelte-uuh395{width:100%;height:4px;border-radius:2px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:4px 0}.slider-compact.svelte-uuh395.svelte-uuh395::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.slider-compact.svelte-uuh395.svelte-uuh395::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.modal-overlay.svelte-uuh395.svelte-uuh395{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-uuh395.svelte-uuh395{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:svelte-uuh395-modalSlideIn .2s ease-out}@keyframes svelte-uuh395-modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header.svelte-uuh395 h3.svelte-uuh395{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close.svelte-uuh395.svelte-uuh395{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;line-height:1}.modal-close.svelte-uuh395.svelte-uuh395:hover{background:#f3f4f6;color:#374151}.modal-body.svelte-uuh395.svelte-uuh395{padding:24px}.modal-body.svelte-uuh395 .form-group.svelte-uuh395{margin-bottom:20px}.modal-body.svelte-uuh395 .form-group.svelte-uuh395:last-child{margin-bottom:0}.modal-body.svelte-uuh395 label.svelte-uuh395{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.modal-body.svelte-uuh395 input.svelte-uuh395,.modal-body.svelte-uuh395 select.svelte-uuh395{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.modal-body.svelte-uuh395 input.svelte-uuh395:focus,.modal-body.svelte-uuh395 select.svelte-uuh395:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-footer.svelte-uuh395.svelte-uuh395{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-primary.svelte-uuh395.svelte-uuh395{background:#111;color:#fff;border:1px solid #111;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary.svelte-uuh395.svelte-uuh395:hover:not(:disabled){background:#000;border-color:#000}.btn-primary.svelte-uuh395.svelte-uuh395:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.btn-secondary.svelte-uuh395.svelte-uuh395{background:#fff;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary.svelte-uuh395.svelte-uuh395:hover{background:#f9fafb;border-color:#9ca3af}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#ffffff;--text-secondary:#b3b3b3;--border-color:#404040;--accent-color:#3b82f6;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--accent-color:#2563eb;--success-color:#059669;--warning-color:#d97706;--error-color:#dc2626}.app.svelte-uuh395.svelte-uuh395{background:var(--bg-primary)}.sidebar.svelte-uuh395.svelte-uuh395{background:var(--bg-primary);border-color:var(--border-color)}.top-bar.svelte-uuh395.svelte-uuh395,.notes.svelte-uuh395.svelte-uuh395,.comments.svelte-uuh395.svelte-uuh395,.teams.svelte-uuh395.svelte-uuh395,.invitations.svelte-uuh395.svelte-uuh395,.help.svelte-uuh395.svelte-uuh395,.dashboard.svelte-uuh395.svelte-uuh395,.settings.svelte-uuh395.svelte-uuh395{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.dashboard.svelte-uuh395.svelte-uuh395{position:fixed;top:0;right:0;bottom:0;width:350px;background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a}.dashboard-header.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border-color)}.dashboard-content.svelte-uuh395.svelte-uuh395{flex:1;overflow:auto;padding:12px}.plan-info.svelte-uuh395.svelte-uuh395{background:var(--bg-secondary);border-radius:8px;padding:16px;margin-bottom:16px}.plan-info.svelte-uuh395 h4.svelte-uuh395{margin:0 0 12px;color:var(--text-primary)}.plan-limits.svelte-uuh395.svelte-uuh395{display:flex;flex-direction:column;gap:8px}.limit-item.svelte-uuh395.svelte-uuh395{display:flex;justify-content:space-between;align-items:center}.limit-label.svelte-uuh395.svelte-uuh395{color:var(--text-secondary);font-size:12px}.limit-value.svelte-uuh395.svelte-uuh395{color:var(--text-primary);font-weight:500}.module-cards.svelte-uuh395.svelte-uuh395{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.module-card.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;border:1px solid var(--border-color);transition:all .2s}.module-card.active.svelte-uuh395.svelte-uuh395{background:var(--bg-secondary);border-color:var(--accent-color)}.module-card.disabled.svelte-uuh395.svelte-uuh395{background:var(--bg-tertiary);opacity:.6}.module-icon.svelte-uuh395.svelte-uuh395{font-size:20px}.module-info.svelte-uuh395.svelte-uuh395{flex:1}.module-info.svelte-uuh395 h5.svelte-uuh395{margin:0 0 4px;color:var(--text-primary);font-size:14px}.module-info.svelte-uuh395 p.svelte-uuh395{margin:0;color:var(--text-secondary);font-size:12px}.module-status.svelte-uuh395.svelte-uuh395{font-size:16px}.quick-actions.svelte-uuh395.svelte-uuh395{border-top:1px solid var(--border-color);padding-top:16px}.quick-actions.svelte-uuh395 h4.svelte-uuh395{margin:0 0 12px;color:var(--text-primary)}.quick-action-btn.svelte-uuh395.svelte-uuh395{width:100%;padding:8px 12px;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.quick-action-btn.svelte-uuh395.svelte-uuh395:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.settings.svelte-uuh395.svelte-uuh395{position:fixed;top:0;right:0;bottom:0;width:380px;background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a}.settings-header.svelte-uuh395.svelte-uuh395{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border-color)}.settings-content.svelte-uuh395.svelte-uuh395{flex:1;overflow:auto;padding:12px}.settings-section.svelte-uuh395.svelte-uuh395{margin-bottom:24px}.settings-section.svelte-uuh395 h4.svelte-uuh395{margin:0 0 12px;color:var(--text-primary);font-size:14px}.setting-item.svelte-uuh395.svelte-uuh395{margin-bottom:16px}.setting-item.svelte-uuh395 label.svelte-uuh395{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:12px}.setting-item.svelte-uuh395 select.svelte-uuh395{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary)}.setting-value.svelte-uuh395.svelte-uuh395{color:var(--accent-color);font-weight:600;font-size:13px}.slider.svelte-uuh395.svelte-uuh395{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:8px 0}.slider.svelte-uuh395.svelte-uuh395::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0003;transition:all .2s}.slider.svelte-uuh395.svelte-uuh395::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.slider.svelte-uuh395.svelte-uuh395::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0003;transition:all .2s}.slider.svelte-uuh395.svelte-uuh395::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.setting-hint.svelte-uuh395.svelte-uuh395{font-size:11px;color:var(--text-secondary);margin-top:4px;font-style:italic}.theme-toggle.svelte-uuh395.svelte-uuh395{display:flex;gap:8px}.theme-option.svelte-uuh395.svelte-uuh395{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s}.theme-option.active.svelte-uuh395.svelte-uuh395{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.account-info.svelte-uuh395.svelte-uuh395{background:var(--bg-secondary);border-radius:8px;padding:12px;margin-bottom:16px}.account-info.svelte-uuh395 p.svelte-uuh395{margin:0 0 4px;color:var(--text-secondary);font-size:12px}.account-actions.svelte-uuh395.svelte-uuh395{display:flex;flex-direction:column;gap:8px}.settings-link-btn.svelte-uuh395.svelte-uuh395{width:100%;padding:10px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.settings-link-btn.svelte-uuh395.svelte-uuh395:hover{background:var(--bg-primary);border-color:var(--accent-color)}.settings-link-btn.svelte-uuh395 svg.svelte-uuh395{width:16px;height:16px}.upgrade-btn.svelte-uuh395.svelte-uuh395{width:100%;padding:10px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.upgrade-btn.svelte-uuh395.svelte-uuh395:hover{background:var(--accent-color);opacity:.9}.task-node-btn.svelte-uuh395.svelte-uuh395{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fef9e7;color:#f59e0b;font-weight:500;cursor:grab;transition:all .2s}.task-node-btn.svelte-uuh395.svelte-uuh395:hover{background:#fef3c7;border-color:#f59e0b}.task-node-btn.svelte-uuh395.svelte-uuh395:active{cursor:grabbing}[data-theme=dark] .tab.active.svelte-uuh395.svelte-uuh395{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}[data-theme=dark] button.active.svelte-uuh395.svelte-uuh395{background:var(--accent-color)!important;color:#fff!important;border-color:var(--accent-color)!important}[data-theme=dark] button.svelte-uuh395.svelte-uuh395:hover:not(.active){background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.login-container.svelte-ggv13z.svelte-ggv13z{min-height:100vh;background:linear-gradient(135deg,#dbeafe,#fff,#dcfce7);display:flex;align-items:center;justify-content:center;padding:1rem}.login-card.svelte-ggv13z.svelte-ggv13z{max-width:400px;width:100%;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;overflow:hidden}.login-header.svelte-ggv13z.svelte-ggv13z{text-align:center;padding:2rem 2rem 1rem}.logo.svelte-ggv13z.svelte-ggv13z{width:96px;height:96px;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 15px -3px #0000001a}.logo.svelte-ggv13z svg.svelte-ggv13z{width:48px;height:48px;color:#fff}.title.svelte-ggv13z.svelte-ggv13z{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.subtitle.svelte-ggv13z.svelte-ggv13z{color:#6b7280;margin:0}.login-form.svelte-ggv13z.svelte-ggv13z{padding:0 2rem 2rem}.form-group.svelte-ggv13z.svelte-ggv13z{margin-bottom:1.5rem}.form-group.svelte-ggv13z label.svelte-ggv13z{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-wrapper.svelte-ggv13z.svelte-ggv13z{position:relative}.input-icon.svelte-ggv13z.svelte-ggv13z{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#9ca3af;pointer-events:none}.input-wrapper.svelte-ggv13z input.svelte-ggv13z{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box}.input-wrapper.svelte-ggv13z input.svelte-ggv13z:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.password-toggle.svelte-ggv13z.svelte-ggv13z{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0}.password-toggle.svelte-ggv13z svg.svelte-ggv13z{width:20px;height:20px;color:#9ca3af}.password-toggle.svelte-ggv13z:hover svg.svelte-ggv13z{color:#6b7280}.submit-btn.svelte-ggv13z.svelte-ggv13z{width:100%;padding:12px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.submit-btn.svelte-ggv13z.svelte-ggv13z:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.submit-btn.svelte-ggv13z.svelte-ggv13z:disabled{opacity:.5;cursor:not-allowed}.btn-icon.svelte-ggv13z.svelte-ggv13z{width:20px;height:20px}.spinner.svelte-ggv13z.svelte-ggv13z{width:20px;height:20px;animation:svelte-ggv13z-spin 1s linear infinite}@keyframes svelte-ggv13z-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message.svelte-ggv13z.svelte-ggv13z{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:1.5rem}.links.svelte-ggv13z.svelte-ggv13z{text-align:center;margin-top:1.5rem}.link-btn.svelte-ggv13z.svelte-ggv13z{background:none;border:none;color:#2563eb;font-size:.875rem;cursor:pointer;padding:0;margin:0}.link-btn.svelte-ggv13z.svelte-ggv13z:hover{color:#1d4ed8}.signup-text.svelte-ggv13z.svelte-ggv13z{font-size:.875rem;color:#6b7280;margin-top:.5rem}.footer.svelte-ggv13z.svelte-ggv13z{text-align:center;padding:1rem 2rem;border-top:1px solid #f3f4f6}.footer.svelte-ggv13z p.svelte-ggv13z{font-size:.75rem;color:#9ca3af;margin:0}.api-key-manager.svelte-m6kax8.svelte-m6kax8{max-width:900px;margin:0 auto;padding:2rem}.header.svelte-m6kax8.svelte-m6kax8{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header.svelte-m6kax8 h2.svelte-m6kax8{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.description.svelte-m6kax8.svelte-m6kax8{color:#6b7280;font-size:.875rem;margin-bottom:2rem;line-height:1.5}.error-message.svelte-m6kax8.svelte-m6kax8{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem}.create-form.svelte-m6kax8.svelte-m6kax8{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.create-form.svelte-m6kax8 h3.svelte-m6kax8{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#111827}.form-group.svelte-m6kax8.svelte-m6kax8{margin-bottom:1rem}.form-group.svelte-m6kax8 label.svelte-m6kax8{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input.svelte-m6kax8.svelte-m6kax8{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.form-input.svelte-m6kax8.svelte-m6kax8:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input.svelte-m6kax8.svelte-m6kax8:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.form-hint.svelte-m6kax8.svelte-m6kax8{margin:.5rem 0 0;font-size:.75rem;color:#6b7280}.form-actions.svelte-m6kax8.svelte-m6kax8{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.loading.svelte-m6kax8.svelte-m6kax8{text-align:center;padding:3rem;color:#6b7280}.empty-state.svelte-m6kax8.svelte-m6kax8{text-align:center;padding:4rem 2rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px}.empty-icon.svelte-m6kax8.svelte-m6kax8{width:64px;height:64px;margin:0 auto 1rem;color:#9ca3af;display:flex;align-items:center;justify-content:center}.empty-icon.svelte-m6kax8 svg.svelte-m6kax8{width:100%;height:100%}.empty-state.svelte-m6kax8 h3.svelte-m6kax8{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#111827}.empty-state.svelte-m6kax8 p.svelte-m6kax8{margin:0;color:#6b7280;font-size:.875rem}.keys-list.svelte-m6kax8.svelte-m6kax8{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.key-item.svelte-m6kax8.svelte-m6kax8{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.key-item.svelte-m6kax8.svelte-m6kax8:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.key-info.svelte-m6kax8.svelte-m6kax8{flex:1}.key-header.svelte-m6kax8.svelte-m6kax8{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.key-header.svelte-m6kax8 h4.svelte-m6kax8{margin:0;font-size:1rem;font-weight:600;color:#111827}.status-badge.svelte-m6kax8.svelte-m6kax8{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.active.svelte-m6kax8.svelte-m6kax8{background:#d1fae5;color:#065f46}.status-badge.revoked.svelte-m6kax8.svelte-m6kax8{background:#fee2e2;color:#991b1b}.key-details.svelte-m6kax8.svelte-m6kax8{display:flex;flex-direction:column;gap:.5rem}.detail-item.svelte-m6kax8.svelte-m6kax8{display:flex;gap:.5rem;font-size:.875rem}.detail-label.svelte-m6kax8.svelte-m6kax8{color:#6b7280;font-weight:500}.detail-value.svelte-m6kax8.svelte-m6kax8{color:#111827}.detail-value.muted.svelte-m6kax8.svelte-m6kax8{color:#9ca3af;font-style:italic}.key-actions.svelte-m6kax8.svelte-m6kax8{display:flex;gap:.5rem}.btn-primary.svelte-m6kax8.svelte-m6kax8,.btn-secondary.svelte-m6kax8.svelte-m6kax8,.btn-danger.svelte-m6kax8.svelte-m6kax8{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary.svelte-m6kax8.svelte-m6kax8{background:#2563eb;color:#fff}.btn-primary.svelte-m6kax8.svelte-m6kax8:hover:not(:disabled){background:#1d4ed8}.btn-primary.svelte-m6kax8.svelte-m6kax8:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary.svelte-m6kax8.svelte-m6kax8{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary.svelte-m6kax8.svelte-m6kax8:hover:not(:disabled){background:#f9fafb}.btn-danger.svelte-m6kax8.svelte-m6kax8{background:#fff;color:#dc2626;border:1px solid #dc2626}.btn-danger.svelte-m6kax8.svelte-m6kax8:hover:not(:disabled){background:#dc2626;color:#fff}.btn-danger.svelte-m6kax8.svelte-m6kax8:disabled{opacity:.5;cursor:not-allowed}.info-box.svelte-m6kax8.svelte-m6kax8{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1.5rem;margin-top:2rem}.info-box.svelte-m6kax8 h4.svelte-m6kax8{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#1e40af}.info-box.svelte-m6kax8 ul.svelte-m6kax8{margin:0;padding-left:1.5rem;color:#1e3a8a;font-size:.875rem;line-height:1.75}.info-box.svelte-m6kax8 li.svelte-m6kax8{margin-bottom:.5rem}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.save-status.svelte-1lzyt9y.svelte-1lzyt9y{position:fixed;top:72px;right:16px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;z-index:1000;box-shadow:0 4px 12px #00000026;animation:svelte-1lzyt9y-slideInRight .3s ease-out}@keyframes svelte-1lzyt9y-slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.save-status.saving.svelte-1lzyt9y.svelte-1lzyt9y{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.save-status.error.svelte-1lzyt9y.svelte-1lzyt9y{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.save-status.svelte-1lzyt9y svg.svelte-1lzyt9y{width:16px;height:16px}.spinner.svelte-1lzyt9y.svelte-1lzyt9y{animation:svelte-1lzyt9y-spin 1s linear infinite}@keyframes svelte-1lzyt9y-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.last-saved.svelte-1lzyt9y.svelte-1lzyt9y{position:fixed;bottom:16px;right:16px;padding:8px 12px;background:var(--bg-secondary, rgba(0, 0, 0, .8));color:var(--text-primary, white);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;font-size:12px;font-weight:500;z-index:1000;box-shadow:0 2px 8px #0003}.shortcuts-modal.svelte-1lzyt9y.svelte-1lzyt9y{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.shortcuts-content.svelte-1lzyt9y.svelte-1lzyt9y{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.shortcuts-header.svelte-1lzyt9y.svelte-1lzyt9y{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.shortcuts-header.svelte-1lzyt9y h3.svelte-1lzyt9y{margin:0;font-size:18px;font-weight:600;color:#111827}.close-btn.svelte-1lzyt9y.svelte-1lzyt9y{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.close-btn.svelte-1lzyt9y.svelte-1lzyt9y:hover{background:#f3f4f6;color:#374151}.shortcuts-list.svelte-1lzyt9y.svelte-1lzyt9y{padding:16px 24px 24px}.shortcut-item.svelte-1lzyt9y.svelte-1lzyt9y{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3f4f6}.shortcut-item.svelte-1lzyt9y.svelte-1lzyt9y:last-child{border-bottom:none}.shortcut-item.svelte-1lzyt9y kbd.svelte-1lzyt9y{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#374151;min-width:80px;text-align:center}.shortcut-item.svelte-1lzyt9y span.svelte-1lzyt9y{color:#6b7280;font-size:14px}