.diagram-link{display:inline-flex;align-items:center;gap:6px;color:var(--ui-accent,#328668);font:inherit;text-align:left;vertical-align:baseline}.diagram-link>span{font-size:10px;opacity:.75}.diagram-codeblock{margin:12px 0;white-space:normal}.mermaid-card{border:1px solid var(--ui-border,#dfe5e9);border-radius:9px;background:var(--ui-surface,#fff);overflow:hidden;white-space:normal;min-width:0}.mermaid-toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--ui-border,#e2e7eb);font-size:11px;color:var(--ui-text-muted,#6e7d88)}.mermaid-toolbar>span{flex:1}.mermaid-toolbar button{display:flex;align-items:center;gap:4px;font-size:10px}.mermaid-preview{padding:14px;overflow:auto;text-align:center}.mermaid-preview svg{max-width:100%;height:auto}.excalidraw-chat-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--ui-border,#dfe5e9);border-radius:9px;background:var(--ui-surface-muted,#f6f8fa);font-size:12px}.excalidraw-chat-card div{flex:1}.excalidraw-chat-card p{margin:4px 0 0!important;font-size:11px;color:var(--ui-text-muted,#7d8893)}.excalidraw-chat-card button{font-size:11px;color:var(--ui-accent,#328668)}.drawing-sidebar{width:54%;min-width:410px;max-width:950px;flex-shrink:0;border-left:1px solid var(--ui-border,#dfe5e9);display:flex;min-height:0}.conversation-layout:has(.drawing-sidebar) .session-inspector{display:none}.conversation-layout:has(.drawing-sidebar) .timeline{padding-left:22px;padding-right:22px}.conversation-layout:has(.drawing-sidebar) .conversation-column{min-width:270px}.drawing-editor{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background:var(--ui-surface,#fff);position:relative;overflow:hidden}.drawing-heading{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--ui-border,#dfe5e9);flex-shrink:0}.drawing-heading>svg{color:var(--ui-accent,#328668)}.drawing-heading>div{min-width:0;flex:1}.drawing-heading strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.drawing-heading small{display:block;font-size:10px;color:var(--ui-text-muted,#7d8893);margin-top:4px}.drawing-heading button{display:flex;padding:5px;border-radius:5px;color:var(--ui-text-muted,#7d8893)}.drawing-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--ui-border,#dfe5e9);flex-shrink:0}.drawing-toolbar button,.drawing-create button,.diagrams-library form button,.drawing-empty button,.mermaid-editor>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--ui-border,#dfe5e9);border-radius:6px;padding:6px 8px;font-size:11px;color:var(--ui-text,#445564);background:var(--ui-surface,#fff)}.drawing-toolbar .drawing-ask{margin-left:auto;color:var(--ui-accent,#328668)}.drawing-toolbar button:disabled{opacity:.45;cursor:default}.drawing-canvas{flex:1;min-height:0;min-width:0;position:relative}.drawing-canvas>.excalidraw{position:absolute;inset:0;width:100%;height:100%}.drawing-path{display:flex;align-items:center;gap:6px;font-size:10px;padding:8px 12px;border-top:1px solid var(--ui-border,#dfe5e9);color:var(--ui-text-muted,#7d8893);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.diagram-error,.drawing-conflict{font-size:11px;line-height:1.7;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ui-danger,#a34646);background:var(--ui-danger-soft,#fff3f3)}.drawing-load-error p{margin:0 0 10px}.drawing-load-error details{margin-top:8px}.drawing-load-error summary{cursor:pointer}.drawing-load-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.drawing-load-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--ui-border,#dfe5e9);border-radius:6px;padding:8px 12px;font:inherit;color:var(--ui-text,#445564);background:var(--ui-surface,#fff);cursor:pointer}.drawing-conflict{color:var(--ui-warning,#9c701b);background:var(--ui-warning-soft,#fff7df)}.diagram-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:30px;font-size:12px;color:var(--ui-text-muted,#7d8893)}.drawing-editor>.diagram-loading{flex:1}.drawing-history{position:absolute;z-index:5;top:107px;right:12px;left:12px;max-height:50%;overflow:auto;padding:12px;border:1px solid var(--ui-border,#dfe5e9);border-radius:8px;background:var(--ui-surface,#fff);box-shadow:0 8px 30px #0002;font-size:11px}.drawing-history>div,.drawing-history>button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding:8px 0}.drawing-history>button{border-bottom:1px solid var(--ui-border,#dfe5e9)}.drawing-history p{line-height:1.8;color:var(--ui-text-muted,#7d8893)}.drawing-editor.drawing-expanded{position:fixed;inset:75px 20px 20px;z-index:110;border:1px solid var(--ui-border,#dfe5e9);border-radius:10px;box-shadow:0 0 0 100vmax #0005}.drawing-empty{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;gap:15px;color:var(--ui-text-muted,#7d8893)}.drawing-empty h2{font-size:20px;color:var(--ui-text,#445564)}.drawing-empty p{font-size:12px;line-height:1.8}.diagrams-workspace{display:flex;flex:1;min-height:0;min-width:0;background:var(--ui-surface,#fff)}.diagrams-library{width:275px;flex-shrink:0;padding:18px;overflow:auto;border-right:1px solid var(--ui-border,#dfe5e9);background:var(--ui-sidebar,#fafbfc)}.diagrams-library header{display:flex;gap:8px;align-items:center;margin-bottom:18px}.diagrams-library header h2{font-size:15px;flex:1}.diagrams-library header button{display:flex}.diagrams-library input,.diagrams-library select{width:100%;min-width:0;border:1px solid var(--ui-border,#dfe5e9);border-radius:5px;padding:8px;background:var(--ui-input,#fff);color:var(--ui-text,#445564);font-size:11px}.diagrams-library form{display:flex;gap:5px;margin:10px 0 18px}.diagrams-library form input{flex:1}.drawing-create{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.diagrams-library nav button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:11px 7px;border-radius:5px;font-size:12px;color:var(--ui-text,#445564)}.diagrams-library nav button:hover{background:var(--ui-hover,#eef2f5)}.diagrams-library nav button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagrams-library nav p,.diagrams-library>small{font-size:11px;color:var(--ui-text-muted,#7d8893);line-height:1.8}.diagrams-library>small{display:block;margin-top:22px}.diagrams-workspace-editor{flex:1;display:flex;min-width:0;min-height:0}.mermaid-editor{flex:1;overflow:auto;min-height:0;padding:12px;display:flex;flex-direction:column;gap:12px}.mermaid-editor textarea{width:100%;min-height:170px;resize:vertical;border:1px solid var(--ui-border,#dfe5e9);border-radius:6px;background:var(--ui-input,#fff);color:var(--ui-text,#445564);font:12px/1.7 monospace;padding:12px}.mermaid-editor>.mermaid-card{flex-shrink:0}@media(max-width:1050px){.drawing-sidebar{position:fixed;inset:116px 10px 10px;z-index:100;width:auto;min-width:0;max-width:none;border:1px solid var(--ui-border,#dfe5e9);border-radius:9px;box-shadow:0 0 0 100vmax #0004}.conversation-layout:has(.drawing-sidebar) .conversation-column{min-width:0}}@media(max-width:700px){.drawing-sidebar{inset:0;z-index:100;border:0;border-radius:0}.drawing-editor.drawing-expanded{inset:0;border:0;border-radius:0}.drawing-heading{padding-top:calc(12px + env(safe-area-inset-top))}.drawing-path{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.diagrams-library{width:100%;border-right:0}.diagrams-workspace:has(.drawing-editor) .diagrams-library{display:none}.diagrams-workspace-editor:has(.drawing-empty){display:none}.diagrams-workspace .drawing-editor{width:100%}.excalidraw-chat-card{flex-wrap:wrap}.mermaid-preview{padding:9px}.drawing-toolbar{gap:5px;padding:7px}.drawing-toolbar button{font-size:10px}.diagram-link{overflow-wrap:anywhere}}.diagram-share-overlay{position:fixed;inset:0;z-index:400;background:#172d2380;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.diagram-share-dialog{width:760px;max-width:100%;max-height:calc(100dvh - 40px);overflow:auto;background:var(--ui-surface-raised,#fff);border:1px solid var(--ui-border,#dfe5e9);border-radius:13px;box-shadow:0 24px 90px #11271935;color:var(--ui-text,#445564)}.diagram-share-dialog>header{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--ui-border,#dfe5e9)}.diagram-share-dialog>header>div{flex:1}.diagram-share-dialog h2{font-size:18px;margin:0 0 6px}.diagram-share-dialog header p{font-size:12px;color:var(--ui-text-muted,#7d8893);margin:0}.diagram-share-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.diagram-share-create{display:flex;align-items:flex-end;gap:12px;padding:20px}.diagram-share-create label{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px;font-size:12px}.diagram-share-create select,.diagram-share-created input{padding:9px;border:1px solid var(--ui-border,#dfe5e9);border-radius:6px;min-width:0;background:var(--ui-input,#fff);color:var(--ui-text,#445564)}.diagram-share-create>button{padding:10px 12px;background:var(--ui-accent,#367657);color:#fff;border-radius:6px;border:0;font-size:12px}.diagram-share-dialog button:disabled{opacity:.5;cursor:default}.diagram-share-created{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 20px;background:var(--ui-accent-soft,#edf6ef);font-size:12px}.diagram-share-created strong{width:100%}.diagram-share-created input{flex:1;min-width:180px}.diagram-share-created a{display:flex;align-items:center;gap:5px;color:var(--ui-accent,#367657)}.diagram-share-list{padding:0 20px 20px}.diagram-share-list article{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--ui-border,#dfe5e9)}.diagram-share-list article>div:first-child{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.diagram-share-list strong{font-size:13px}.diagram-share-list span,.diagram-share-list a,.diagram-share-list small{font-size:11px;overflow-wrap:anywhere}.diagram-share-list span,.diagram-share-list small{color:var(--ui-text-muted,#7d8893)}.diagram-share-list a{color:var(--ui-accent,#367657)}.diagram-share-actions{display:flex;align-items:center;gap:8px}.diagram-share-actions button{padding:7px;border:1px solid var(--ui-border,#dfe5e9);border-radius:6px;background:transparent;color:var(--ui-text,#445564)}.diagram-share-empty{font-size:12px;line-height:1.8;color:var(--ui-text-muted,#7d8893);padding-top:15px}@media(max-width:650px){.diagram-share-overlay{padding:12px}.diagram-share-dialog{max-height:calc(100dvh - 24px)}.diagram-share-create{flex-wrap:wrap;padding:16px}.diagram-share-create label:first-child{min-width:100%}.diagram-share-created{padding:15px}.diagram-share-list{padding:0 15px 15px}.diagram-share-actions{flex-direction:column}.diagram-share-create select{font-size:16px}}