:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--bg-hover: #3c3c3c;--bg-active: #094771;--border-color: #3c3c3c;--text-primary: #cccccc;--text-secondary: #858585;--text-muted: #6e6e6e;--accent-primary: #0e639c;--accent-hover: #1177bb;--accent-text: #3794ff;--success: #89d185;--error: #f48771;--warning: #cca700;--scrollbar-bg: #1e1e1e;--scrollbar-thumb: #424242;--scrollbar-thumb-hover: #4f4f4f;--panel-header-bg: #252526;--status-bar-bg: #007acc;--sidebar-width: 280px;--header-height: 52px;--status-height: 24px}[data-theme=light],.light{--bg-primary: #ffffff;--bg-secondary: #f3f3f3;--bg-tertiary: #e8e8e8;--bg-hover: #e4e4e4;--bg-active: #cce5ff;--border-color: #e0e0e0;--text-primary: #333333;--text-secondary: #616161;--text-muted: #999999;--accent-primary: #0066b8;--accent-hover: #0078d4;--accent-text: #0066b8;--success: #388a34;--error: #d32f2f;--warning: #bf8803;--scrollbar-bg: #f3f3f3;--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #a8a8a8;--panel-header-bg: #f3f3f3;--status-bar-bg: #007acc}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.5;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary)}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:100}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:8px}.header-left{flex:1}.header-right{flex:1;justify-content:flex-end}.menu-btn,.theme-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.menu-btn:hover,.theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.logo{display:flex;align-items:center;gap:10px;margin-left:4px}.logo-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-text)}.logo-text-container{display:flex;flex-direction:column;gap:0}.logo-text{font-weight:600;font-size:14px;color:var(--text-primary);line-height:1.2}.logo-subtitle{font-size:10px;color:var(--text-muted);line-height:1}.mode-toggle{display:flex;background:var(--bg-tertiary);border-radius:8px;padding:3px;gap:2px}.mode-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.mode-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.mode-btn.active{background:var(--accent-primary);color:#fff}.nav-link{display:flex;align-items:center;gap:6px;padding:6px 12px;color:var(--text-secondary);text-decoration:none;border-radius:6px;font-size:13px;transition:all .15s ease}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.export-dropdown{position:relative}.export-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.export-btn:hover{background:var(--accent-hover)}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;overflow:hidden;z-index:100;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-menu button:hover{background:var(--bg-hover)}.dropdown-menu button svg{color:var(--text-secondary)}.main-container{display:flex;flex:1;overflow:hidden;position:relative}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:all .2s ease;z-index:200}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);transform:translate(-100%);transition:transform .25s ease;z-index:201;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:14px;font-weight:600;color:var(--text-primary)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.sidebar-description{font-size:12px;color:var(--text-secondary);margin-bottom:16px}.template-list{display:flex;flex-direction:column;gap:4px}.template-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.template-item:hover{background:var(--bg-hover)}.template-item.active{background:var(--bg-active);color:var(--accent-text)}.template-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary)}.template-item.active .template-icon{background:#3794ff33;color:var(--accent-text)}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.docs-link{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:12px;transition:all .15s ease}.docs-link:hover{background:var(--bg-hover);color:var(--text-primary)}.docs-link span{flex:1}.workspace{display:flex;flex:1;overflow:hidden;position:relative}.editor-panel,.preview-panel{display:flex;flex-direction:column;overflow:hidden;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;background:var(--panel-header-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-title{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.panel-title svg{opacity:.7}.panel-actions{display:flex;gap:4px}.panel-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.panel-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.resize-handle{width:4px;background:var(--border-color);cursor:col-resize;position:relative;flex-shrink:0;transition:background .15s ease}.resize-handle:hover,.resize-handle:active{background:var(--accent-primary)}.handle-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:40px;background:var(--text-muted);border-radius:1px;opacity:0;transition:opacity .15s ease}.resize-handle:hover .handle-bar{opacity:1}.code-editor{flex:1;overflow:hidden;position:relative}.editor-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-primary);color:var(--text-secondary);font-size:13px;z-index:10}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg-primary)}.zoom-controls{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;z-index:10;box-shadow:0 2px 8px #00000026}.zoom-controls button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.zoom-controls button:hover{background:var(--bg-hover);color:var(--text-primary)}.zoom-level{min-width:48px;text-align:center;font-size:11px;font-weight:500;color:var(--text-secondary)}.zoom-divider{width:1px;height:20px;background:var(--border-color);margin:0 4px}.preview-canvas{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle,var(--border-color) 1px,transparent 1px);background-size:20px 20px;position:relative}.mermaid-preview{transition:transform .1s ease;will-change:transform;padding:40px}.mermaid-preview svg{max-width:none!important;height:auto!important}.preview-empty,.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--text-secondary)}.empty-icon,.error-icon{margin-bottom:16px;opacity:.5}.preview-empty p{font-size:14px}.preview-error h3{font-size:16px;font-weight:600;color:var(--error);margin-bottom:12px}.error-message{max-width:400px;padding:12px 16px;background:#f487711a;border:1px solid var(--error);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--error);text-align:left;white-space:pre-wrap;word-break:break-word;margin-bottom:12px}.error-hint{font-size:12px;color:var(--text-muted)}.error-icon svg{color:var(--error)}.status-bar{display:flex;align-items:center;justify-content:space-between;height:var(--status-height);padding:0 12px;background:var(--status-bar-bg);color:#fff;font-size:12px;flex-shrink:0}.status-left,.status-right{display:flex;align-items:center;gap:8px}.status-ready,.status-error{display:flex;align-items:center;gap:6px}.status-ready svg{color:var(--success)}.status-error svg{color:var(--error)}.status-item{opacity:.9}.status-divider{opacity:.5}.mobile-tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.mobile-tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.mobile-tabs .tab:hover{color:var(--text-primary);background:var(--bg-hover)}.mobile-tabs .tab.active{color:var(--accent-text);border-bottom-color:var(--accent-text)}.mobile-content{flex:1;overflow:hidden;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px;border:2px solid var(--scrollbar-bg)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-bg)}@media(max-width:768px){:root{--header-height: 56px;--sidebar-width: 100%}.logo-text{display:none}.header{padding:0 8px}.export-btn span{display:none}.export-btn{padding:8px}.workspace{flex-direction:column}.resize-handle,.panel-header{display:none}.sidebar{width:100%;max-width:320px}.zoom-controls{bottom:12px;top:auto}}@media(max-width:480px){.dropdown-menu{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;max-height:50vh}.dropdown-menu button{padding:14px 16px}.zoom-controls{left:50%;right:auto;transform:translate(-50%)}}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}::selection{background:var(--accent-primary);color:#fff}@media print{.header,.sidebar,.status-bar,.zoom-controls,.resize-handle,.editor-panel{display:none!important}.preview-panel{width:100%!important}.preview-canvas{background:#fff!important}}.theme-dropdown{position:relative}.theme-selector-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.theme-selector-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-menu{min-width:220px}.dropdown-header{padding:8px 14px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.dropdown-item-selectable{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item-selectable:hover{background:var(--bg-hover)}.dropdown-item-selectable.selected{background:var(--bg-active)}.item-check{width:20px;display:flex;align-items:center;justify-content:center;color:var(--accent-text)}.item-content{display:flex;flex-direction:column;gap:2px}.item-name{font-weight:500}.item-desc{font-size:11px;color:var(--text-muted)}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.dropdown-menu button span{flex:1}.dropdown-menu kbd{font-family:JetBrains Mono,monospace;font-size:10px;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted)}.help-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.help-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-badge{font-size:10px;padding:2px 6px;background:var(--accent-primary);border-radius:4px;color:#fff;text-transform:capitalize;margin-left:8px}.status-mode{display:flex;align-items:center;gap:4px;font-size:11px}.status-brand{font-weight:500;color:#ffffffe6}.notification{position:fixed;bottom:48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #0000004d;color:var(--text-primary);font-size:13px;z-index:1000;animation:slideUp .3s ease}.notification.success svg{color:var(--success)}.notification.error{border-color:var(--error)}.notification.error svg{color:var(--error)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.visual-builder{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);position:relative}.vb-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.vb-toolbar-section{display:flex;align-items:center;gap:6px}.vb-toolbar-label{font-size:11px;color:var(--text-muted);margin-right:4px}.vb-toolbar-divider{width:1px;height:24px;background:var(--border-color);margin:0 4px}.vb-shape-buttons{display:flex;gap:4px}.vb-shape-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.vb-shape-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.vb-shape-dropdown{position:relative}.vb-shape-dropdown:hover .vb-dropdown-content{display:flex}.vb-dropdown-content{display:none;position:absolute;top:100%;left:0;flex-direction:column;gap:2px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:100;min-width:150px}.vb-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:background .15s ease}.vb-dropdown-item:hover{background:var(--bg-hover)}.vb-tool-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.vb-tool-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.vb-clear-btn{color:var(--error)}.vb-clear-btn:hover{background:#f487711a;border-color:var(--error)}.vb-zoom-level{font-size:11px;color:var(--text-muted);min-width:40px;text-align:center}.vb-properties-panel{position:absolute;top:60px;right:12px;width:260px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:50;overflow:hidden}.vb-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-primary)}.vb-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1}.vb-close-btn:hover{color:var(--text-primary)}.vb-panel-content{padding:12px;display:flex;flex-direction:column;gap:12px}.vb-prop-group{display:flex;flex-direction:column;gap:6px}.vb-prop-group label{font-size:11px;font-weight:500;color:var(--text-secondary)}.vb-input,.vb-select{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:inherit}.vb-input:focus,.vb-select:focus{outline:none;border-color:var(--accent-primary)}.vb-color-picker{display:flex;flex-wrap:wrap;gap:4px}.vb-color-swatch{width:24px;height:24px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease}.vb-color-swatch:hover{transform:scale(1.1)}.vb-color-swatch.active{border-color:var(--accent-text);box-shadow:0 0 0 2px var(--bg-primary)}.vb-prop-actions{display:flex;gap:8px;margin-top:4px}.vb-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.vb-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.vb-delete-btn{color:var(--error)}.vb-delete-btn:hover{background:#f487711a;border-color:var(--error)}.vb-canvas{flex:1;position:relative;overflow:hidden;background:var(--bg-primary)}.vb-svg{position:absolute;width:100%;height:100%;overflow:visible}.vb-connecting-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:10px 20px;background:var(--accent-primary);border-radius:20px;color:#fff;font-size:12px;font-weight:500;box-shadow:0 4px 12px #0000004d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.vb-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);pointer-events:none}.vb-empty-state svg{margin-bottom:16px;opacity:.5}.vb-empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.vb-empty-state p{font-size:13px;margin-bottom:4px}.vb-hint{font-size:11px;color:var(--text-muted)}.vb-context-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.vb-context-menu{position:absolute;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;overflow:hidden;z-index:100;min-width:160px}.vb-context-section{padding:4px}.vb-context-label{display:block;padding:6px 12px;font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.vb-context-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:background .15s ease}.vb-context-item:hover{background:var(--bg-hover)}@media(max-width:768px){.vb-toolbar{padding:6px 8px;gap:4px}.vb-toolbar-label{display:none}.vb-properties-panel{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;border-radius:16px 16px 0 0;max-height:50vh;overflow-y:auto}.vb-shape-dropdown .vb-dropdown-content{right:0;left:auto}}@media(max-width:768px){.logo-text-container{display:none}.mode-toggle{padding:2px}.mode-btn{padding:6px 8px}.mode-btn span,.theme-selector-btn span{display:none}.theme-selector-btn{padding:6px 8px}}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column}#root>div{height:100%;width:100%;display:flex;flex-direction:column}.panel-group-container{flex:1;overflow:hidden;display:flex;position:relative;width:100%}.monaco-container{height:100%;width:100%;overflow:hidden}.PanelResizeHandle{background-color:var(--border-color);border:none;transition:background-color .2s;position:relative;z-index:10;width:4px!important;cursor:col-resize;flex-shrink:0}[data-theme=dark] .PanelResizeHandle,.dark .PanelResizeHandle{background-color:var(--border-color)}.PanelResizeHandle:hover,.PanelResizeHandle[data-resize-handle-state=drag]{background-color:var(--accent-primary)}.PanelResizeHandle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:32px;width:2px;background-color:#0003;border-radius:1px}.diagram-bg{background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px;background-position:0 0}[data-theme=dark] .diagram-bg,.dark .diagram-bg{background-image:radial-gradient(#334155 1px,transparent 1px)}.mermaid-diagram-container{min-width:200px;min-height:200px}.mermaid-diagram-container svg{max-width:100%;max-height:100%;width:auto;height:auto}.markdown-preview-container{height:100%;width:100%;overflow-y:auto;padding:2rem;background-color:#fff}[data-theme=dark] .markdown-preview-container,.dark .markdown-preview-container{background-color:var(--bg-dark)}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #3b82f6;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #6b7280;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #f3f4f6;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb}.prose code{background-color:var(--bg-hover);padding:.25rem .375rem;border-radius:.25rem;font-size:.875em}.prose pre{background-color:var(--bg-hover-dark);color:#e5e7eb}.prose-dark{--tw-prose-body: #d1d5db;--tw-prose-headings: #f9fafb;--tw-prose-lead: #9ca3af;--tw-prose-links: #60a5fa;--tw-prose-bold: #f9fafb;--tw-prose-counters: #9ca3af;--tw-prose-bullets: #4b5563;--tw-prose-hr: #374151;--tw-prose-quotes: #9ca3af;--tw-prose-quote-borders: #374151;--tw-prose-captions: #9ca3af;--tw-prose-code: #f9fafb;--tw-prose-pre-code: #d1d5db;--tw-prose-pre-bg: #111827;--tw-prose-th-borders: #4b5563;--tw-prose-td-borders: #374151}.prose-dark code{background-color:var(--bg-hover-dark);color:#e5e7eb}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideInFromTop .3s ease-out}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in-from-top-4{animation:slideInFromTop4 .3s ease-out}@keyframes slideInFromTop4{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){html,body,#root{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;overflow:hidden}body{overscroll-behavior:none;position:fixed;width:100%}.panel-group-container{flex-direction:column}.PanelResizeHandle{width:100%;height:4px;cursor:row-resize}.monaco-container{font-size:12px}button{min-height:44px;min-width:44px}.fixed.top-4{top:16px!important;left:16px!important;right:16px!important;margin:0!important}body,html{overflow:hidden;position:fixed}}@media(max-width:480px){.prose{font-size:.875rem}.prose h1{font-size:1.5rem}.prose h2{font-size:1.25rem}.prose h3{font-size:1.125rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}[data-theme=dark] ::-webkit-scrollbar-track,.dark ::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] ::-webkit-scrollbar-thumb,.dark ::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] ::-webkit-scrollbar-thumb:hover,.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}@media print{body{background:#fff}.PanelResizeHandle,header{display:none}.mermaid-diagram-container{page-break-inside:avoid}}::selection{background-color:var(--accent-primary);color:#fff}::-moz-selection{background-color:var(--accent-primary);color:#fff}button:focus-visible,input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}main,[role=main]{height:100%}html{scroll-behavior:smooth}button,[role=button],header{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}