@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500&family=JetBrains+Mono:wght@400;500;600&display=swap";.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:grab}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}._headerMenu_ujnsp_4{position:fixed;top:0;left:0;right:0;height:var(--header-height);margin:var(--space-3) var(--space-4) 0;border-radius:var(--radius-xl);background:#fff;border:var(--border-width) solid var(--color-neutral-200);display:flex;align-items:center;padding:var(--space-4) var(--space-5);z-index:1001;box-shadow:var(--shadow-sm);transition:all .3s ease}._headerMenuContracted_ujnsp_22{height:calc(var(--header-height) - var(--space-2));margin-top:var(--space-2);padding:var(--space-3) var(--space-5)}._headerLogo_ujnsp_29{display:flex;align-items:center;gap:6px;font-weight:600;font-size:16px;color:#1a1a1a;min-width:120px;font-family:var(--font-heading)}._logoIcon_ujnsp_40{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:4px;color:#fff}._logoText_ujnsp_51{font-weight:600;letter-spacing:-.3px;font-family:var(--font-heading)}._headerCenter_ujnsp_58{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;max-width:500px;margin:0 auto}._diagramTypeSelector_ujnsp_69{position:relative}._diagramTypeSelect_ujnsp_69{background:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:16px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;height:32px;min-width:100px;font-family:var(--font-body)}._diagramTypeSelect_ujnsp_69:hover{background:#f3f4f6;border-color:#9ca3af}._diagramTypeSelect_ujnsp_69:focus{outline:2px solid #3b82f6;outline-offset:2px}._projectNameDisplay_ujnsp_99{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#f8f9fa;border-radius:6px;border:1px solid #e1e5e9}._projectName_ujnsp_99{font-size:14px;font-weight:500;color:#374151;font-family:var(--font-body)}._unsavedIndicator_ujnsp_116{color:#f59e0b;font-size:16px;font-weight:700;line-height:1}._canvasSelector_ujnsp_124{position:relative;width:100%;max-width:200px}._canvasDropdownTrigger_ujnsp_130{width:100%;background:#fff;border:none;border-radius:6px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;font-size:16px;height:32px}._canvasDropdownTrigger_ujnsp_130:hover{background:#f3f4f6;border-color:#9ca3af}._canvasDropdownTrigger_ujnsp_130:focus{outline:2px solid #3b82f6;outline-offset:2px}._canvasDropdownTrigger_ujnsp_130 ._canvasName_ujnsp_155{font-weight:500;color:#374151;margin-right:8px;flex:1;text-align:left;font-family:var(--font-body)}._dropdownArrow_ujnsp_164{transition:transform .2s ease;color:#6b7280;flex-shrink:0}._dropdownArrowOpen_ujnsp_170{transform:rotate(180deg)}._canvasDropdown_ujnsp_130{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1002;margin-top:4px;overflow:hidden}._dropdownHeader_ujnsp_189{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;font-size:12px;font-weight:600;color:#656d76;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-heading)}._addCanvasBtn_ujnsp_204{background:#3b82f6;color:#fff;border:none;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s ease}._addCanvasBtn_ujnsp_204:hover{background:#2563eb}._canvasList_ujnsp_224{max-height:300px;overflow-y:auto}._canvasItem_ujnsp_229{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #f1f3f4;transition:background .2s ease}._canvasItem_ujnsp_229:last-child{border-bottom:none}._canvasItem_ujnsp_229:hover{background:#f8f9fa}._canvasItemActive_ujnsp_246{background:#eff6ff;border-left:3px solid #3b82f6}._canvasInfo_ujnsp_251{flex:1;display:flex;align-items:center;justify-content:space-between;cursor:pointer}._canvasInfo_ujnsp_251 ._canvasName_ujnsp_155{font-weight:500;color:#1a1a1a;font-family:var(--font-body)}._canvasInfo_ujnsp_251 ._canvasType_ujnsp_265{font-size:11px;color:#656d76;background:#f1f3f4;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono)}._canvasNameInput_ujnsp_276{background:#fff;border:1px solid #3b82f6;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500;outline:none;width:150px;font-family:var(--font-body)}._canvasActions_ujnsp_288{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}._canvasItem_ujnsp_229:hover ._canvasActions_ujnsp_288{opacity:1}._canvasActionBtn_ujnsp_299{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}._canvasActionBtn_ujnsp_299:hover{background:#e1e5e9}._canvasActionBtnDelete_ujnsp_313:hover{background:#fee}._headerControls_ujnsp_318{display:flex;align-items:center;gap:8px;min-width:200px;justify-content:flex-end}._headerRight_ujnsp_327{display:flex;align-items:center;gap:8px;margin-left:auto}._controlGroup_ujnsp_334{display:flex;align-items:center;gap:2px}._controlDivider_ujnsp_340{width:1px;height:24px;background-color:#d1d5db;margin:0 4px}._controlBtn_ujnsp_347{display:flex;align-items:center;gap:4px;background:#f8f9fa;border:1px solid #d1d5db;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:12px;font-weight:500;color:#374151;transition:all .2s ease;height:32px;white-space:nowrap;font-family:var(--font-body)}._controlBtn_ujnsp_347:hover{background:#f3f4f6;border-color:#9ca3af}._controlBtn_ujnsp_347:active{transform:translateY(1px)}._controlBtnPrimary_ujnsp_374{background:#3b82f6;color:#fff;border-color:#3b82f6}._controlBtnPrimary_ujnsp_374:hover{background:#2563eb;border-color:#2563eb}._controlBtnDisabled_ujnsp_385{opacity:.4;cursor:not-allowed;pointer-events:none;background:#f9fafb;color:#9ca3af}._controlBtn_ujnsp_347 svg{flex-shrink:0;width:14px;height:14px}._controlBtnIconOnly_ujnsp_399{padding:6px;min-width:32px;justify-content:center}._controlBtnIconOnly_ujnsp_399 svg{width:16px;height:16px}._dropdownOverlay_ujnsp_411{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:transparent}._app_ujnsp_422{margin-top:60px;height:calc(100vh - 60px)}._plantumlToggleBtn_ujnsp_428{position:fixed;top:50%;right:0;transform:translateY(-50%);background:var(--accent);color:#fff;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;padding:12px 8px;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;min-height:80px;display:flex;align-items:center;justify-content:center;gap:4px}._plantumlToggleBtn_ujnsp_428:hover{background:#2563eb;transform:translateY(-50%) translate(-2px)}._plantumlToggleBtn_ujnsp_428._open_ujnsp_457{right:400px}._plantumlToggleBtn_ujnsp_428._open_ujnsp_457:hover{right:402px}._plantumlToggleBtn_ujnsp_428 ._toggleLabel_ujnsp_465{font-size:10px;letter-spacing:1px}._plantumlSidebar_ujnsp_470{position:fixed;top:70px;right:0;width:400px;height:94vh;margin-right:10px;border-radius:10px;background:var(--panel);transition:transform .3s ease;display:flex;flex-direction:column}._plantumlSidebarClosed_ujnsp_484{transform:translate(100%)}._plantumlSidebarOpen_ujnsp_488{transform:translate(0)}._plantumlHeader_ujnsp_492{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff}._plantumlHeader_ujnsp_492 h3{margin:0;color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading)}._closeBtn_ujnsp_508{background:none;border:none;color:var(--muted);cursor:pointer;font-size:20px;line-height:1;padding:4px;border-radius:4px;transition:all .2s ease}._closeBtn_ujnsp_508:hover{background:#ffffff1a;color:var(--text)}._plantumlControls_ujnsp_525{display:flex;flex-direction:column;gap:8px;padding:12px 16px}._controlRow_ujnsp_532{display:flex;align-items:center;justify-content:space-between;gap:8px}._autoUpdateToggle_ujnsp_539,._autoSyncToggle_ujnsp_539{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer;flex:1;font-family:var(--font-body)}._autoUpdateToggle_ujnsp_539 input[type=checkbox],._autoSyncToggle_ujnsp_539 input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}._updateBtn_ujnsp_556,._copyBtn_ujnsp_556,._syncBtn_ujnsp_556{background:#fff;color:var(--text);border:1px solid #000;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap;font-family:var(--font-body);font-weight:500}._updateBtn_ujnsp_556:hover,._copyBtn_ujnsp_556:hover,._syncBtn_ujnsp_556:hover{background:#e8e8e8}._plantumlContent_ujnsp_574{flex:1;padding:16px;display:flex;flex-direction:column}._plantumlTextarea_ujnsp_581{flex:1;color:var(--text);border:1px solid #cecece;border-radius:8px;padding:12px;font-family:var(--font-mono);font-size:12px;line-height:1.4;resize:none;outline:none;min-height:300px}._plantumlTextarea_ujnsp_581:focus{border-color:var(--accent)}._plantumlInfo_ujnsp_599{padding:12px 16px;border-top:1px solid #262937;background:var(--bg)}._infoItem_ujnsp_605{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;font-family:var(--font-body)}._infoLabel_ujnsp_614{color:var(--muted);font-weight:500;font-family:var(--font-body)}._infoValue_ujnsp_620{color:var(--text);font-weight:600;font-family:var(--font-mono)}._plantumlOverlay_ujnsp_626{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}._tooltip_ujnsp_638{position:fixed;background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;z-index:2000;pointer-events:none;box-shadow:0 2px 8px #00000026;font-family:var(--font-body)}._tooltip_ujnsp_638:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#333}@media (max-width: 1280px){._headerMenu_ujnsp_4{margin:0;border:none;border-radius:0}._headerRight_ujnsp_327{display:inline}._headerLogo_ujnsp_29,._relative_ujnsp_678,._user-name_ujnsp_682{display:none}._headerCenter_ujnsp_58>div:nth-child(2),._headerCenter_ujnsp_58>div:nth-child(4),._headerCenter_ujnsp_58>div:nth-child(5),._headerCenter_ujnsp_58>div:nth-child(8),._headerCenter_ujnsp_58>div:nth-child(9),._headerCenter_ujnsp_58>div:nth-child(10),._headerCenter_ujnsp_58>div:nth-child(11),._headerCenter_ujnsp_58>div:nth-child(12),._headerCenter_ujnsp_58>div:nth-child(3){display:none}}@media (max-width: 768px){._plantumlSidebar_ujnsp_470{width:100vw}._plantumlOverlay_ujnsp_626{display:block}._plantumlToggleBtn_ujnsp_428{right:10px;top:20px;transform:none;writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px}}._modalOverlay_1a98t_4{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}._modalDialog_1a98t_17{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}._archimateExportDialog_1a98t_28{max-width:600px;width:90vw}._modalClose_1a98t_50{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}._modalClose_1a98t_50:hover{background:#e5e7eb;color:#374151}._exportInfo_1a98t_72{display:flex;gap:16px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:24px}._infoIcon_1a98t_82{flex-shrink:0;color:#0284c7}._infoContent_1a98t_87{flex:1}._infoContent_1a98t_87 p{margin:0 0 8px;font-size:14px;line-height:1.5;font-family:var(--font-body)}._infoContent_1a98t_87 p:last-child{margin-bottom:0}._formGroup_1a98t_102{margin-bottom:24px}._formGroup_1a98t_102 label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px;font-family:var(--font-body)}._modelNameInput_1a98t_115{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;transition:border-color .2s ease;font-family:var(--font-body)}._modelNameInput_1a98t_115:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._formHelp_1a98t_131{display:block;margin-top:6px;font-size:12px;color:#6b7280;font-family:var(--font-body)}._exportDetails_1a98t_139{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}._exportDetails_1a98t_139 h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;font-family:var(--font-heading)}._exportDetails_1a98t_139 ul{margin:0 0 16px;padding-left:20px}._exportDetails_1a98t_139 li{margin-bottom:4px;font-size:14px;color:#4b5563;font-family:var(--font-body)}._exportDetails_1a98t_139 ._note_1a98t_166{margin:0;padding:12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;font-size:13px;color:#92400e;font-family:var(--font-body)}._btnSecondary_1a98t_200{background:#f3f4f6;color:#374151;border-color:#d1d5db}._btnSecondary_1a98t_200:hover{background:#e5e7eb;border-color:#9ca3af}._btnPrimary_1a98t_211:hover{background:#2563eb;border-color:#2563eb}._btnPrimary_1a98t_211:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6}._maintenanceMessage_1a98t_230{text-align:center;padding:20px}._maintenanceContent_1a98t_235{display:flex;flex-direction:column;align-items:center;gap:16px}._maintenanceTitle_1a98t_242{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;font-family:var(--font-heading)}._maintenanceDescription_1a98t_250{font-size:16px;color:#6b7280;margin:0;max-width:400px;line-height:1.5;font-family:var(--font-body)}._maintenanceIcon_1a98t_259{margin-top:8px}._maintenanceSpinner_1a98t_263{font-size:32px;display:inline-block}._projectHierarchyView_1a98t_269{display:flex;flex-direction:column;height:100%;overflow:hidden}._projectHeader_1a98t_276{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}._projectHeader_1a98t_276 h3{margin:0;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._savingIndicator_1a98t_293{font-size:12px;color:var(--accent);font-weight:500;font-family:var(--font-body)}._projectControls_1a98t_300{padding:12px 16px;border-bottom:1px solid #f1f3f4}._autoSaveToggle_1a98t_305{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);cursor:pointer;font-family:var(--font-body)}._autoSaveToggle_1a98t_305 input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}._currentProjectInfo_1a98t_321{padding:12px 16px;border-bottom:1px solid #f1f3f4;background:#f8f9fa}._currentProject_1a98t_321{margin-bottom:12px}._currentProject_1a98t_321 ._label_1a98t_331,._currentCanvas_1a98t_332 ._label_1a98t_331{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-family:var(--font-heading)}._currentProject_1a98t_321 ._name_1a98t_342,._currentCanvas_1a98t_332 ._name_1a98t_342{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px;font-family:var(--font-body)}._currentProject_1a98t_321 ._description_1a98t_351{font-size:12px;color:var(--muted);line-height:1.4;font-family:var(--font-body)}._currentCanvas_1a98t_332{display:flex;flex-direction:column;gap:4px}._diagramTypeBadge_1a98t_364{display:inline-block;padding:2px 6px;background:#e9ecef;color:var(--text);font-size:10px;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono)}._diagramTypeBadgeSmall_1a98t_377{font-size:9px;padding:1px 4px}._projectActions_1a98t_382{padding:12px 16px;border-bottom:1px solid #f1f3f4;display:flex;flex-direction:column;gap:8px}._actionBtn_1a98t_390{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text);transition:all .2s ease;font-family:var(--font-body)}._actionBtn_1a98t_390:hover{background:#e9ecef;border-color:#ced4da}._actionBtnPrimary_1a98t_411{background:var(--accent);color:#fff;border-color:var(--accent)}._actionBtnPrimary_1a98t_411:hover{background:#2563eb;border-color:#2563eb}._projectsTree_1a98t_422{flex:1;overflow-y:auto;padding:12px 16px}._treeHeader_1a98t_428{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-heading)}._projectNode_1a98t_438{margin-bottom:8px}._projectItem_1a98t_442{display:flex;align-items:center;gap:8px;padding:8px 0;border-radius:6px;transition:background-color .2s ease}._projectItem_1a98t_442:hover{background:#f8f9fa}._expandBtn_1a98t_455{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:2px;border-radius:2px;transition:all .2s ease;width:16px;height:16px;display:flex;align-items:center;justify-content:center}._expandBtn_1a98t_455:hover{background:#e9ecef;color:var(--text)}._projectName_1a98t_476{flex:1;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;font-family:var(--font-body)}._projectName_1a98t_476:hover{background:#f0f9ff;color:#0284c7}._projectNameActive_1a98t_493{background:#eff6ff;color:#0284c7;font-weight:600}._nodeActions_1a98t_499{display:flex;gap:2px;opacity:0;transition:opacity .2s ease}._projectItem_1a98t_442:hover ._nodeActions_1a98t_499,._canvasItem_1a98t_507:hover ._nodeActions_1a98t_499{opacity:1}._nodeActionBtn_1a98t_511{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}._nodeActionBtn_1a98t_511:hover{background:#e9ecef}._nodeActionBtnDelete_1a98t_530:hover{background:#fee;color:#dc2626}._canvasList_1a98t_535{margin-left:24px;border-left:1px solid #f1f3f4;padding-left:12px}._canvasItem_1a98t_507{display:flex;align-items:center;justify-content:space-between;padding:6px 0;margin-bottom:4px;border-radius:4px;transition:background-color .2s ease}._canvasItem_1a98t_507:hover{background:#f8f9fa}._canvasName_1a98t_555{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;font-family:var(--font-body)}._canvasName_1a98t_555:hover{background:#f0f9ff;color:#0284c7}._canvasItemActive_1a98t_575 ._canvasName_1a98t_555{background:#eff6ff;color:#0284c7;font-weight:600}._importExportSection_1a98t_581{padding:12px 16px;border-top:1px solid #f1f3f4;background:#f8f9fa}._sectionHeader_1a98t_587{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-heading)}._importExportActions_1a98t_597{display:flex;gap:8px}._loadingState_1a98t_602{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted);font-size:14px;font-family:var(--font-body)}._plantumlPanel_1a98t_613{display:flex;flex-direction:column;height:100%;overflow:hidden}._plantumlPanelHeader_1a98t_620{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}._plantumlPanelHeader_1a98t_620 h3{margin:0;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._plantumlPanelControls_1a98t_637{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #f1f3f4;background:#f8f9fa}._controlGroup_1a98t_646{display:flex;align-items:center;gap:8px}._controlToggle_1a98t_652{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer;font-family:var(--font-body)}._controlToggle_1a98t_652 input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}._controlBtn_1a98t_668{background:#fff;color:var(--text);border:1px solid #e1e5e9;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap;font-family:var(--font-body)}._controlBtn_1a98t_668:hover{background:#f8f9fa;border-color:#ced4da}._plantumlPanelContent_1a98t_687{flex:1;padding:16px;display:flex;flex-direction:column;overflow:hidden}._plantumlTextarea_1a98t_695{flex:1;width:100%;background:#fff;color:var(--text);border:1px solid #e1e5e9;border-radius:6px;padding:12px;font-family:var(--font-mono);font-size:12px;line-height:1.4;resize:none;outline:none;min-height:200px}._plantumlTextarea_1a98t_695:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}._modal_1a98t_4{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}._modalHeader_1a98t_33{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}._modalHeader_1a98t_33 h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a;font-family:var(--font-heading)}._closeBtn_1a98t_746{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}._closeBtn_1a98t_746:hover{background:#e5e7eb;color:#374151}._modalBody_1a98t_66{padding:24px;overflow-y:auto;flex:1}._formGroup_1a98t_102{margin-bottom:20px}._formGroup_1a98t_102 label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px;font-family:var(--font-body)}._formGroup_1a98t_102 input,._formGroup_1a98t_102 textarea,._formGroup_1a98t_102 select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease;font-family:var(--font-body)}._formGroup_1a98t_102 input:focus,._formGroup_1a98t_102 textarea:focus,._formGroup_1a98t_102 select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._formGroup_1a98t_102 textarea{resize:vertical;min-height:80px}._importPreview_1a98t_806{margin-top:16px}._importPreview_1a98t_806 textarea{background:#f9fafb;font-family:var(--font-mono);font-size:12px;line-height:1.4}._modalFooter_1a98t_177{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e1e5e9;background:#f8f9fa}._btn_1a98t_187{display:flex;align-items:center;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-family:var(--font-body)}._btn_1a98t_187:disabled{opacity:.6;cursor:not-allowed}._btnPrimary_1a98t_211{background:#3b82f6;color:#fff;border-color:#3b82f6}._btnPrimary_1a98t_211:hover:not(:disabled){background:#2563eb;border-color:#2563eb}._btn_1a98t_187:not(._btnPrimary_1a98t_211){background:#f3f4f6;color:#374151;border-color:#d1d5db}._btn_1a98t_187:not(._btnPrimary_1a98t_211):hover{background:#e5e7eb;border-color:#9ca3af}.aws-palette{height:100%;overflow-y:auto;max-height:calc(100vh - 200px)}.aws-palette-header{margin-bottom:20px;text-align:center}.aws-palette-header h3{margin:0 0 8px;color:#232f3e;font-size:18px;font-weight:600}.aws-palette-header p{margin:0;color:#666;font-size:12px}.aws-categories{display:flex;flex-direction:column;gap:8px}.aws-category{overflow:hidden}.aws-category-toggle{width:100%;padding:12px 16px;background:#f8f9fa;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;color:#232f3e;transition:background-color .2s}.aws-category-toggle:hover{background:#e9ecef}.aws-category-icon{font-size:12px;color:#666;min-width:12px}.aws-category-name{flex:1}.aws-category-count{font-size:12px;color:#666;background:#e9ecef;padding:2px 6px;border-radius:10px}.aws-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:12px;background:#fafbfc}.aws-service-item{display:flex;flex-direction:column;align-items:center;padding:8px;border:2px solid transparent;border-radius:6px;cursor:grab;background:#fff;transition:all .2s;min-height:70px}.aws-service-item:hover{border-color:#0073bb;background:#f0f8ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.aws-service-item:active{cursor:grabbing}.aws-service-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:4px}.aws-service-label{font-size:9px;text-align:center;color:#232f3e;font-weight:500;line-height:1.2;word-break:break-word}.adobe-toggle-btn{position:fixed;top:57%;left:0;transform:translateY(-55%);background:#ef2222;color:#fff;border:2px solid #000;border-left:none;border-radius:0 8px 8px 0;padding:12px 8px;cursor:pointer;z-index:1001;transition:all .3s ease;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;min-height:80px;display:flex;align-items:center;justify-content:center;gap:4px}.adobe-toggle-btn:hover{background:#d0161f;transform:translateY(-50%) translate(2px)}.adobe-toggle-btn.open{left:320px}.adobe-toggle-btn.open:hover{left:322px}.adobe-toggle-btn .toggle-label{letter-spacing:1px;font-size:10px}.adobe-panel{position:fixed;top:70px;left:0;width:320px;height:calc(100vh - 80px);background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #0000001a;z-index:1000;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.adobe-panel::-webkit-scrollbar{display:none}.adobe-panel:not(.collapsed){transform:translate(0)}._plantumlToggleBtn_3uagw_4{position:fixed;top:50%;right:0;transform:translateY(-50%);background:var(--accent);color:#fff;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;padding:12px 8px;cursor:pointer;z-index:1000;transition:all .3s ease;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;min-height:80px;display:flex;align-items:center;justify-content:center;gap:4px}._plantumlToggleBtn_3uagw_4:hover{background:#2563eb;transform:translateY(-50%) translate(-2px)}._plantumlToggleBtn_3uagw_4 ._toggleLabel_3uagw_34{font-size:10px;letter-spacing:1px}._plantumlSidebar_3uagw_39{position:fixed;top:70px;right:0;width:400px;height:94vh;margin-right:10px;border-radius:10px;background:var(--panel);transition:transform .3s ease;display:flex;flex-direction:column}._plantumlSidebarClosed_3uagw_53{transform:translate(100%)}._plantumlSidebarOpen_3uagw_57{transform:translate(0)}._plantumlHeader_3uagw_61{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff}._plantumlHeader_3uagw_61 h3{margin:0;color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading)}._closeBtn_3uagw_77{background:none;border:none;color:var(--muted);cursor:pointer;font-size:20px;line-height:1;padding:4px;border-radius:4px;transition:all .2s ease}._closeBtn_3uagw_77:hover{background:#ffffff1a;color:var(--text)}._plantumlControls_3uagw_94{display:flex;flex-direction:column;gap:8px;padding:12px 16px}._controlRow_3uagw_101{display:flex;align-items:center;justify-content:space-between;gap:8px}._autoUpdateToggle_3uagw_108,._autoSyncToggle_3uagw_108{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer;flex:1;font-family:var(--font-body)}._autoUpdateToggle_3uagw_108 input[type=checkbox],._autoSyncToggle_3uagw_108 input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}._updateBtn_3uagw_125,._copyBtn_3uagw_125,._syncBtn_3uagw_125{background:#fff;color:var(--text);border:1px solid #000;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap;font-family:var(--font-body);font-weight:500}._updateBtn_3uagw_125:hover,._copyBtn_3uagw_125:hover,._syncBtn_3uagw_125:hover{background:#e8e8e8}._plantumlContent_3uagw_143{flex:1;padding:16px;display:flex;flex-direction:column}._plantumlTextarea_3uagw_150{flex:1;color:var(--text);border:1px solid #cecece;border-radius:8px;padding:12px;font-family:var(--font-mono);font-size:12px;line-height:1.4;resize:none;outline:none;min-height:300px}._plantumlTextarea_3uagw_150:focus{border-color:var(--accent)}._plantumlInfo_3uagw_168{padding:12px 16px;border-top:1px solid #262937;background:var(--bg)}._infoItem_3uagw_174{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;font-family:var(--font-body)}._infoLabel_3uagw_183{color:var(--muted);font-weight:500;font-family:var(--font-body)}._infoValue_3uagw_189{color:var(--text);font-weight:600;font-family:var(--font-mono)}._plantumlOverlay_3uagw_195{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}@media (max-width: 768px){._plantumlSidebar_3uagw_39{width:100vw}._plantumlOverlay_3uagw_195{display:block}._plantumlToggleBtn_3uagw_4{right:10px;top:20px;transform:none;writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px}}._plantumlPanel_3uagw_228{display:flex;flex-direction:column;height:100%;overflow:hidden}._plantumlPanelHeader_3uagw_235{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}._plantumlPanelHeader_3uagw_235 h3{margin:0;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._plantumlPanelControls_3uagw_252{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #f1f3f4;background:#f8f9fa}._controlGroup_3uagw_261{display:flex;align-items:center;gap:8px}._controlToggle_3uagw_267{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer;font-family:var(--font-body)}._controlToggle_3uagw_267 input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}._controlBtn_3uagw_283{background:#fff;color:var(--text);border:1px solid #e1e5e9;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap;font-family:var(--font-body)}._controlBtn_3uagw_283:hover{background:#f8f9fa;border-color:#ced4da}._plantumlPanelContent_3uagw_302{flex:1;padding:16px;display:flex;flex-direction:column;overflow:hidden}._plantumlTextarea_3uagw_150{flex:1;width:100%;background:#fff;color:var(--text);border:1px solid #e1e5e9;border-radius:6px;padding:12px;font-family:var(--font-mono);font-size:12px;line-height:1.4;resize:none;outline:none;min-height:200px}._plantumlTextarea_3uagw_150:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}._scriptTabs_3uagw_332{display:flex;border-bottom:1px solid #e1e5e9;background:#f8f9fa}._scriptTab_3uagw_332{padding:12px 16px;border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);border-bottom:2px solid transparent;transition:all .2s ease}._scriptTab_3uagw_332:hover{color:var(--text);background:#ffffff80}._scriptTab_3uagw_332._active_3uagw_356{color:var(--accent);border-bottom-color:var(--accent);background:#fff}._app_1an18_4{position:relative;padding:var(--space-3);height:100%;margin-top:calc(var(--header-height) + var(--space-6));margin-bottom:calc(250px + var(--space-3) + var(--space-3));transition:margin-left .3s ease,margin-top .3s ease,margin-bottom .3s ease,margin-right .3s ease}._appLeftCollapsed_1an18_13{margin-left:12px}._appModlLibraryOpen_1an18_17,._appRightPanelOpen_1an18_21,._appAIAssistOpen_1an18_25{margin-right:410px}._appLeftPanelOpen_1an18_29{margin-left:320px}._panel_1an18_34{background:var(--panel);border-radius:8px;padding:12px;margin-top:10px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}._panelLeftPanel_1an18_43{position:relative;overflow:hidden}._panelLeftPanelCollapsed_1an18_48{transform:translate(-100%);visibility:hidden;opacity:0}._canvas_1an18_55{position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:none;border-radius:0;overflow:hidden;background:var(--bg)}._canvas_1an18_55._model-editing_1an18_67{border:3px solid #dc2626;border-radius:8px}._leftToggleBtn_1an18_73{position:fixed;top:50%;left:0;transform:translateY(-50%);background:var(--accent);color:#fff;border:2px solid #000;border-left:none;border-radius:0 8px 8px 0;padding:12px 8px;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;min-height:80px;display:flex;align-items:center;justify-content:center;gap:4px}._leftToggleBtn_1an18_73._open_1an18_97{opacity:0;visibility:hidden;left:320px;transition:opacity .15s ease,visibility .15s ease,left .3s ease}._leftToggleBtn_1an18_73:not(._open_1an18_97){opacity:1;visibility:visible;transition:opacity .15s ease .15s,visibility .15s ease .15s,left .3s ease}._leftToggleBtn_1an18_73:hover{background:#2563eb;transform:translateY(-50%) translate(2px)}._leftToggleBtn_1an18_73 ._toggleLabel_1an18_115{font-size:10px;letter-spacing:1px}._leftOpen_1an18_121{left:320px!important;opacity:1}._leftToggleBtn_1an18_73:not(._leftOpen_1an18_121){opacity:1;visibility:visible}._rightToggleBtn_1an18_132{position:fixed;top:50%;right:0;transform:translateY(-50%);background:var(--accent);color:#fff;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;padding:12px 8px;cursor:pointer;z-index:1001;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;min-height:80px;display:flex;align-items:center;justify-content:center;gap:4px}._rightToggleBtn_1an18_132:hover{background:#2563eb;transform:translateY(-50%) translate(-2px)}._rightOpen_1an18_162{right:410px!important;transition:right .3s ease;position:fixed!important}._rightToggleBtn_1an18_132._rightOpen_1an18_162:hover{right:412px!important}._rightSplitPanel_1an18_172{position:fixed;top:70px;right:0;width:400px;height:calc(100vh - 80px);margin-right:10px;border-radius:10px;background:var(--panel);border:1px solid #e1e5e9;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,right .3s ease;display:flex;flex-direction:column;z-index:999}._rightSplitPanelModlLibraryOpen_1an18_189,._rightSplitPanelAIAssistOpen_1an18_193{right:410px}._rightSplitPanelBothOpen_1an18_197{right:820px}._rightSplitPanelOpen_1an18_201{transform:translate(0)}._rightSplitPanelClosed_1an18_205{transform:translate(100%)}._splitSection_1an18_209{display:flex;flex-direction:column;overflow:hidden}._splitTop_1an18_215{border-bottom:1px solid #e1e5e9}._splitResizer_1an18_223{height:8px;background:#f8f9fa;border-top:1px solid #e1e5e9;border-bottom:1px solid #e1e5e9;cursor:row-resize;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;position:relative;z-index:1}._splitResizer_1an18_223:hover{background:#e9ecef}._splitResizerDragging_1an18_241{background:#dee2e6}._splitResizerHandle_1an18_245{width:40px;height:4px;display:flex;align-items:center;justify-content:center}._splitResizerLine_1an18_253{width:100%;height:2px;background:#ced4da;border-radius:1px}._splitResizer_1an18_223:hover ._splitResizerLine_1an18_253{background:#adb5bd}._rightPanelOverlay_1an18_264{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}._appPlantumlOpen_1an18_276{margin-right:400px}@media (max-width: 768px){._rightSplitPanel_1an18_172{width:100vw;left:0;right:0;margin-right:0}._rightPanelOverlay_1an18_264{display:block}._rightToggleBtn_1an18_132{right:10px;top:20px;transform:none;writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px}}@media (max-width: 1028px){._canvasTabPanel_1an18_307{position:fixed;bottom:10px;left:0!important;right:0!important;height:220px!important;background:var(--panel);border:none;border-radius:0!important;box-shadow:none}._canvasThumbnail_1an18_320{width:120px!important;height:70px!important}._canvasTabsContainer_1an18_325{padding:0;gap:8px}._tabsTitle_1an18_330{display:none}._new-canvas-buttons_1an18_334{margin-left:20px!important}._newCanvasBtn_1an18_338{margin-right:8px!important}._thumbnailPreview_1an18_342{display:none!important}._tabsTitle_1an18_330{font-size:8px}._thumbnailName_1an18_350{font-size:10px!important}._nodeCount_1an18_354,._rightToggleBtn_1an18_132{display:none}._modlLibraryToggleBtn_1an18_364,._aiAssistToggleBtn_1an18_368{display:none!important}}._canvasTabPanel_1an18_307{position:fixed;bottom:10px;left:342px;right:422px;height:250px;background:var(--panel);border:1px solid #e1e5e9;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:999;display:flex;flex-direction:column;overflow:hidden;transition:left .3s ease,right .3s ease,height .3s ease}._canvasTabPanelContracted_1an18_392{right:422px}._canvasTabPanelLeftCollapsed_1an18_397{left:80px}._canvasTabPanelRightCollapsed_1an18_402{right:22px}._canvasTabPanelLeftCollapsedRightCollapsed_1an18_407{left:80px;right:22px}._canvasTabsHeader_1an18_412{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;flex-shrink:0}._new-canvas-buttons_1an18_334{display:flex;gap:8px;margin-left:auto}._tabsTitle_1an18_330{font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._newCanvasBtn_1an18_338{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;margin-right:20px;font-size:12px;font-weight:500;transition:all .2s ease;font-family:var(--font-body)}._newCanvasBtn_1an18_338:hover{background:#2563eb;transform:translateY(-1px)}._newCanvasBtn_1an18_338:disabled{background:#9ca3af!important;cursor:not-allowed;opacity:.6}._canvasTabsContainer_1an18_325{flex:1;display:flex;gap:12px;padding:12px 16px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}._canvasTabsContainer_1an18_325::-webkit-scrollbar{height:6px}._canvasTabsContainer_1an18_325::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}._canvasTabsContainer_1an18_325::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}._canvasTabsContainer_1an18_325::-webkit-scrollbar-thumb:hover{background:#a8a8a8}._canvasThumbnail_1an18_320{flex-shrink:0;width:180px;height:120px;background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;overflow:hidden;position:relative}._canvasThumbnail_1an18_320:hover{border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._canvasThumbnailActive_1an18_511{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}._canvasThumbnailActive_1an18_511:hover{border-color:#2563eb}._thumbnailPreview_1an18_342{flex:1;position:relative;overflow:hidden;background:#f8f9fa}._thumbnailContent_1an18_527{width:100%;height:100%;position:relative}._thumbnailReactflow_1an18_533{width:100%;height:100%}._thumbnailReactflow_1an18_533 ._react-flow__viewport_1an18_538{pointer-events:none}._thumbnailReactflow_1an18_533 ._react-flow__node_1an18_542{font-size:8px!important}._thumbnailReactflow_1an18_533 ._react-flow__edge-text_1an18_546{font-size:6px!important}._emptyCanvas_1an18_550{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:11px;font-style:italic;font-family:var(--font-body)}._thumbnailInfo_1an18_562{padding:8px;background:#fff;border-top:1px solid #f1f3f4;flex-shrink:0}._thumbnailHeader_1an18_569{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}._thumbnailName_1an18_350{font-size:12px;font-weight:500;color:var(--text);cursor:pointer;padding:2px 4px;border-radius:3px;transition:all .2s ease;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body)}._thumbnailName_1an18_350:hover{background:#f0f9ff;color:#0284c7}._thumbnailNameInput_1an18_597{font-size:12px;font-weight:500;border:1px solid var(--accent);border-radius:3px;padding:2px 4px;background:#fff;color:var(--text);outline:none;width:150px;font-family:var(--font-body)}._thumbnailRemoveBtn_1an18_610{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;font-weight:700;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease;flex-shrink:0}._thumbnailRemoveBtn_1an18_610:hover{background:#fee;color:#dc2626}._thumbnailMeta_1an18_632{display:flex;align-items:center;justify-content:space-between;gap:6px}._diagramTypeBadge_1an18_639{display:inline-block;padding:2px 6px;color:#fff;font-size:9px;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono);flex-shrink:0}._nodeCount_1an18_354{font-size:10px;color:#6b7280;font-family:var(--font-body);flex-shrink:0}._newCanvasBtnArchimate_1an18_661{background:#3b82f6}._newCanvasBtnArchimate_1an18_661:hover{background:#2563eb}._newCanvasBtnC4_1an18_669{background:#22c55e}._newCanvasBtnC4_1an18_669:hover{background:#16a34a}._newCanvasBtnSequence_1an18_677{background:#a855f7}._newCanvasBtnSequence_1an18_677:hover{background:#9333ea}._loadingScreen_1an18_686{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}._loadingSpinner_1an18_694{text-align:center}._loadingSpinner_1an18_694 ._spinner_1an18_698{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--accent);border-radius:50%;animation:_spin_1an18_698 1s linear infinite;margin:0 auto 16px}@keyframes _spin_1an18_698{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingSpinner_1an18_694 p{color:var(--text);font-family:var(--font-body);margin:0}._modlLibraryPanel_1an18_720{padding:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}._modlLibraryHeader_1an18_728{margin-bottom:16px;flex-shrink:0}._modlHeaderTop_1an18_733{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}._modlLibraryHeader_1an18_728 h3{margin:0;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._modlCreateModelBtn_1an18_748{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);transition:all .2s ease}._modlCreateModelBtn_1an18_748:hover{background:#2563eb;transform:translateY(-1px)}._modlLibraryHeader_1an18_728 p{margin:0 0 12px;font-size:12px;color:#6b7280;font-family:var(--font-body)}._modlSearchContainer_1an18_773{margin-bottom:8px}._modlSearchInput_1an18_777{width:100%;padding:8px 12px;border:1px solid #e1e5e9;border-radius:6px;font-size:13px;font-family:var(--font-body);color:var(--text);background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}._modlSearchInput_1an18_777:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}._modlSearchInput_1an18_777::-moz-placeholder{color:#9ca3af}._modlSearchInput_1an18_777::placeholder{color:#9ca3af}._modlTemplatesGrid_1an18_799{flex:1;display:block;overflow-y:auto;padding:4px}._modlTemplatesGrid_1an18_799::-webkit-scrollbar{width:6px}._modlTemplatesGrid_1an18_799::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}._modlTemplatesGrid_1an18_799::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}._modlTemplatesGrid_1an18_799::-webkit-scrollbar-thumb:hover{background:#a8a8a8}._modlTemplateThumbnail_1an18_824{width:100%;height:150px;background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;overflow:hidden;position:relative;margin-bottom:20px}._modlTemplateThumbnail_1an18_824:hover{border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._modlThumbnailPreview_1an18_845{flex:1;position:relative;overflow:hidden;background:#f8f9fa;min-height:80px}._modlThumbnailContent_1an18_853,._modlThumbnailReactflow_1an18_859{width:100%;height:100%;position:relative}._modlThumbnailReactflow_1an18_859 ._react-flow_1an18_538,._modlThumbnailReactflow_1an18_859 ._react-flow__viewport_1an18_538{width:100%!important;height:100%!important}._modlThumbnailReactflow_1an18_859 ._react-flow__viewport_1an18_538{pointer-events:none}._modlThumbnailReactflow_1an18_859 ._react-flow__node_1an18_542{font-size:6px!important}._modlThumbnailReactflow_1an18_859 ._react-flow__edge-text_1an18_546{font-size:5px!important}._modlEmptyCanvas_1an18_887{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:10px;font-style:italic;font-family:var(--font-body)}._modlThumbnailInfo_1an18_899{padding:8px;background:#fff;border-top:1px solid #f1f3f4;flex-shrink:0}._modlThumbnailName_1an18_906{font-size:11px;font-weight:500;color:var(--text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body)}._modlThumbnailMeta_1an18_917{display:flex;align-items:center;justify-content:space-between;gap:6px}._modlDiagramTypeBadge_1an18_924{display:inline-block;padding:2px 6px;color:#fff;font-size:8px;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono);flex-shrink:0}._modlNodeCount_1an18_937{font-size:9px;color:#6b7280;font-family:var(--font-body);flex-shrink:0}._modlModelDomain_1an18_944{font-size:9px;color:#059669;font-weight:500;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px}._modlEmptyLibrary_1an18_953{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#6b7280;font-family:var(--font-body)}._modlEmptyLibrary_1an18_953 p{margin:0 0 8px;font-size:14px}._modlEmptyLibrary_1an18_953 p:last-child{font-size:12px;font-style:italic}._modlLibraryToggleBtn_1an18_364{position:fixed;top:57%;right:0;transform:translateY(-50%);background:#ec4899;color:#fff;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;padding:12px 8px;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;min-height:80px;display:flex;align-items:center;justify-content:center;gap:4px}._modlLibraryToggleBtn_1an18_364:hover{background:#db2777;transform:translateY(-50%) translate(-2px)}._modlLibraryOpen_1an18_1004{right:410px}._modlLibraryToggleBtn_1an18_364._modlLibraryOpen_1an18_1004:hover{right:412px}._modlLibraryToggleBtn_1an18_364 ._toggle-label_1an18_1012{font-size:10px;letter-spacing:1px}._modlLibraryPanelContainer_1an18_1017{position:fixed;top:70px;right:0;width:400px;height:calc(100vh - 80px);margin-right:10px;border-radius:10px;background:var(--panel);border:1px solid #e1e5e9;box-shadow:0 4px 12px #00000026;transition:transform .3s ease;z-index:999;overflow:hidden}._modlLibraryPanelOpen_1an18_1033{transform:translate(0)}._modlLibraryPanelClosed_1an18_1037{transform:translate(100%)}._modlLibraryOverlay_1an18_1041{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}@media (max-width: 768px){._modlLibraryToggleBtn_1an18_364{right:430px;top:20px;transform:none;writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px}._modlLibraryPanelContainer_1an18_1017{width:100vw;left:0;right:0;margin-right:0}._modlLibraryOverlay_1an18_1041{display:block}}._saveModelDialogOverlay_1an18_1077{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}._saveModelDialog_1an18_1077{background:var(--panel);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid #e1e5e9}._saveModelDialogHeader_1an18_1101{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e1e5e9}._saveModelDialogHeader_1an18_1101 h3{margin:0;font-size:18px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._saveModelDialogClose_1an18_1117{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}._saveModelDialogClose_1an18_1117:hover{background:#f3f4f6;color:#374151}._saveModelDialogContent_1an18_1138{padding:24px}._saveModelDialogField_1an18_1142{margin-bottom:20px}._saveModelDialogField_1an18_1142 label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text);font-family:var(--font-body)}._saveModelDialogInput_1an18_1155{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:var(--font-body);color:var(--text);background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}._saveModelDialogInput_1an18_1155:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}._saveModelDialogTextarea_1an18_1173{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:var(--font-body);color:var(--text);background:#fff;outline:none;resize:vertical;min-height:80px;transition:border-color .2s ease,box-shadow .2s ease}._saveModelDialogTextarea_1an18_1173:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}._saveModelDialogInfo_1an18_1193{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e1e5e9;margin-top:20px}._saveModelDialogInfo_1an18_1193 p{margin:0 0 8px;font-size:13px;color:#6b7280;font-family:var(--font-body)}._saveModelDialogInfo_1an18_1193 p:last-child{margin-bottom:0}._saveModelDialogFooter_1an18_1212{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid #e1e5e9}._saveModelDialogCancelBtn_1an18_1220{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);transition:all .2s ease}._saveModelDialogCancelBtn_1an18_1220:hover{background:#e5e7eb}._saveModelDialogSaveBtn_1an18_1237{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);transition:all .2s ease}._saveModelDialogSaveBtn_1an18_1237:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}._saveModelDialogSaveBtn_1an18_1237:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width: 768px){._saveModelDialog_1an18_1077{width:95%;margin:20px}._saveModelDialogHeader_1an18_1101{padding:16px 20px 12px}._saveModelDialogContent_1an18_1138{padding:20px}._saveModelDialogFooter_1an18_1212{padding:12px 20px 20px}}._aiAssistPanel_1an18_1282{padding:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}._aiAssistHeader_1an18_1290{margin-bottom:16px;flex-shrink:0}._aiAssistHeaderTop_1an18_1295{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}._aiAssistPanel_1an18_1282 h3{margin:0;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._aiAssistClearBtn_1an18_1310{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:all .2s ease}._aiAssistClearBtn_1an18_1310:hover{background:#f3f4f6;color:#374151}._aiAssistPanel_1an18_1282 p{margin:0 0 12px;font-size:12px;color:#6b7280;font-family:var(--font-body)}._aiAssistMessages_1an18_1333{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:4px;gap:12px}._aiAssistMessages_1an18_1333::-webkit-scrollbar{width:6px}._aiAssistMessages_1an18_1333::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}._aiAssistMessages_1an18_1333::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}._aiAssistMessages_1an18_1333::-webkit-scrollbar-thumb:hover{background:#a8a8a8}._aiAssistWelcome_1an18_1360{text-align:center;padding:20px;color:#6b7280;font-family:var(--font-body)}._aiAssistWelcomeIcon_1an18_1367{font-size:48px;margin-bottom:16px;display:block}._aiAssistWelcome_1an18_1360 h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._aiAssistWelcome_1an18_1360 p{margin:0 0 16px;font-size:14px}._aiAssistSuggestions_1an18_1386{display:flex;flex-direction:column;gap:8px}._aiAssistSuggestions_1an18_1386 button{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:12px;color:var(--text);font-family:var(--font-body);text-align:left;transition:all .2s ease}._aiAssistSuggestions_1an18_1386 button:hover{background:#e9ecef;border-color:#adb5bd}._aiAssistMessage_1an18_1333{display:flex;margin-bottom:8px}._aiAssistMessageUser_1an18_1415{justify-content:flex-end}._aiAssistMessageAssistant_1an18_1419{justify-content:flex-start}._aiAssistMessageContent_1an18_1423{max-width:80%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4;font-family:var(--font-body)}._aiAssistMessageContent_1an18_1423 p{margin:0 0 8px;color:#fcfcfc}._aiAssistMessageContent_1an18_1423 p:last-child{margin-bottom:0}._aiAssistMessageContent_1an18_1423 strong{font-weight:600}._aiAssistMessageContent_1an18_1423 ul,._aiAssistMessageContent_1an18_1423 ol{margin:8px 0;padding-left:20px}._aiAssistMessageContent_1an18_1423 li{margin-bottom:4px;color:#fff}._aiAssistMessageContent_1an18_1423 code{background:#0000001a;padding:2px 4px;border-radius:3px;font-family:var(--font-mono);font-size:13px}._aiAssistMessageContent_1an18_1423 pre{background:#0000001a;padding:8px 12px;border-radius:6px;margin:8px 0;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.3}._aiAssistMessageContent_1an18_1423 pre code{background:none;padding:0}._aiAssistMessageUser_1an18_1415 ._aiAssistMessageContent_1an18_1423{background:#007bff;color:#fff}._aiAssistMessageAssistant_1an18_1419 ._aiAssistMessageContent_1an18_1423{background:#0b2430;color:var(--text)}._aiAssistTyping_1an18_1490{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;font-family:var(--font-body)}._aiAssistTypingDots_1an18_1499{display:inline-block;animation:_aiAssistTypingAnimation_1an18_1 1.4s infinite}@keyframes _aiAssistTypingAnimation_1an18_1{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}._aiAssistInputForm_1an18_1513{padding:16px 0 0;border-top:1px solid #e1e5e9;display:flex;flex-direction:column;gap:8px;flex-shrink:0}._aiAssistInput_1an18_1513{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:var(--font-body);color:var(--text);background:#fff;outline:none;transition:border-color .2s ease}._aiAssistInput_1an18_1513:focus{border-color:#007bff}._aiAssistInput_1an18_1513::-moz-placeholder{color:#9ca3af}._aiAssistInput_1an18_1513::placeholder{color:#9ca3af}._aiAssistSendBtn_1an18_1543{padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);transition:all .2s ease}._aiAssistSendBtn_1an18_1543:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}._aiAssistSendBtn_1an18_1543:disabled{background:#6c757d;cursor:not-allowed;transform:none}._aiAssistConfirmation_1an18_1568{border-top:1px solid #e1e5e9;padding:16px;background:#f8f9fa;flex-shrink:0}._aiAssistConfirmationHeader_1an18_1575{margin-bottom:12px}._aiAssistConfirmationHeader_1an18_1575 h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._aiAssistConfirmationHeader_1an18_1575 p{margin:0;font-size:12px;color:#6b7280;font-family:var(--font-body)}._aiAssistConfirmationActions_1an18_1594{margin-bottom:16px;max-height:120px;overflow-y:auto}._aiAssistConfirmationAction_1an18_1594{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #e9ecef}._aiAssistConfirmationAction_1an18_1594:last-child{border-bottom:none}._aiAssistConfirmationActionType_1an18_1612{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono);flex-shrink:0;min-width:60px}._aiAssistConfirmationActionDetails_1an18_1623{font-size:12px;color:var(--text);font-family:var(--font-body);flex:1}._aiAssistConfirmationButtons_1an18_1630{display:flex;gap:8px;justify-content:flex-end}._aiAssistCancelBtn_1an18_1636{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);transition:all .2s ease}._aiAssistCancelBtn_1an18_1636:hover{background:#e5e7eb}._aiAssistApplyBtn_1an18_1653{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);transition:all .2s ease}._aiAssistApplyBtn_1an18_1653:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}._aiAssistApplyBtn_1an18_1653:disabled{background:#9ca3af;cursor:not-allowed;transform:none}._aiAssistToggleBtn_1an18_368{position:fixed;top:65%;right:0;transform:translateY(-50%);background:#10b981;color:#fff;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;padding:12px 8px;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;min-height:80px;display:flex;align-items:center;justify-content:center;gap:4px}._aiAssistToggleBtn_1an18_368:hover{background:#059669;transform:translateY(-50%) translate(-2px)}._aiAssistOpen_1an18_1708{right:410px}._aiAssistToggleBtn_1an18_368._aiAssistOpen_1an18_1708:hover{right:412px}._aiAssistToggleBtn_1an18_368 ._toggle-label_1an18_1012{font-size:10px;letter-spacing:1px}._aiAssistPanelContainer_1an18_1721{position:fixed;top:70px;right:0;width:400px;height:calc(100vh - 80px);margin-right:10px;border-radius:10px;background:var(--panel);border:1px solid #e1e5e9;box-shadow:0 4px 12px #00000026;transition:transform .3s ease;z-index:999;overflow:hidden}._aiAssistPanelOpen_1an18_1737{transform:translate(0)}._aiAssistPanelClosed_1an18_1741{transform:translate(100%)}._aiAssistOverlay_1an18_1745{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}@media (max-width: 768px){._aiAssistToggleBtn_1an18_368{right:830px;top:20px;transform:none;writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px}._aiAssistPanelContainer_1an18_1721{width:100vw;left:0;right:0;margin-right:0}._aiAssistOverlay_1an18_1745{display:block}}._react-flow-wrapper_1an18_1781._selection-mode_1an18_1781,._react-flow-wrapper_1an18_1781._selection-mode_1an18_1781 ._react-flow__node_1an18_542,._react-flow-wrapper_1an18_1781._selection-mode_1an18_1781 ._react-flow__edge_1an18_546,._react-flow-wrapper_1an18_1781._selection-mode_1an18_1781 ._react-flow__pane_1an18_1793{cursor:crosshair}._selection-mode-overlay_1an18_1798{position:fixed;top:70px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}._selection-mode-overlay_1an18_1798:before{content:"🎯";font-size:16px}._selection-mode-cancel-btn_1an18_1821{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;margin-left:12px;transition:all .2s ease}._selection-mode-cancel-btn_1an18_1821:hover{background:#ffffff4d}._historyButton_1an18_1838{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;color:#6b7280}._historyButton_1an18_1838:hover{background:#f3f4f6;color:#374151}._modalOverlay_1an18_1855{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}._modalContent_1an18_1868{background:var(--panel);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:600px;width:90%;max-height:80vh;overflow:hidden;border:1px solid #e1e5e9}._modalHeader_1an18_1879{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e1e5e9}._modalHeader_1an18_1879 h3{margin:0;font-size:18px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._closeButton_1an18_1895{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}._closeButton_1an18_1895:hover{background:#f3f4f6;color:#374151}._modalBody_1an18_1916{padding:24px;max-height:60vh;overflow-y:auto}._chatHistoryActions_1an18_1922{margin-bottom:20px}._primaryButton_1an18_1926{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);transition:all .2s ease}._primaryButton_1an18_1926:hover{background:#2563eb;transform:translateY(-1px)}._chatHistoryList_1an18_1944{display:flex;flex-direction:column;gap:8px}._emptyState_1an18_1950{text-align:center;padding:40px 20px;color:#6b7280;font-family:var(--font-body)}._emptyState_1an18_1950 p{margin:0 0 8px;font-size:14px}._emptyState_1an18_1950 p:last-child{font-size:12px;font-style:italic}._chatHistoryItem_1an18_1967{display:flex;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s ease}._chatHistoryItem_1an18_1967:hover{border-color:#9ca3af;background:#f8f9fa}._chatHistoryItemActive_1an18_1983{border-color:var(--accent);background:#eff6ff}._chatHistoryContent_1an18_1988{flex:1;min-width:0}._chatHistoryTitle_1an18_1993{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px;font-family:var(--font-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chatHistoryPreview_1an18_2004{font-size:12px;color:#6b7280;margin-bottom:6px;font-family:var(--font-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chatHistoryMeta_1an18_2014{display:flex;align-items:center;gap:12px;font-size:11px;color:#9ca3af;font-family:var(--font-body)}._chatHistoryDate_1an18_2023,._chatHistoryCount_1an18_2027{flex-shrink:0}._chatHistoryType_1an18_2031{background:#e1e5e9;color:#374151;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}._deleteButton_1an18_2043{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0;margin-left:8px}._deleteButton_1an18_2043:hover{background:#fee;color:#dc2626}@media (max-width: 768px){._modalContent_1an18_1868{width:95%;margin:20px}._modalHeader_1an18_1879{padding:16px 20px 12px}._modalBody_1an18_1916{padding:20px}}._mobile-footer_1an18_2082{position:fixed;bottom:0;left:0;right:0;background:var(--panel);border-top:1px solid #e1e5e9;box-shadow:0 -4px 12px #00000026;z-index:1000;padding:8px}._mobile-footer-content_1an18_2094{display:flex;gap:8px;justify-content:space-around;align-items:center;max-width:100%;overflow-x:auto;padding:0 8px}._mobile-footer-btn_1an18_2104{flex-shrink:0;min-width:80px;font-size:11px!important;padding:8px 12px!important;height:40px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._mobile-modal_1an18_2115{width:95vw!important;max-width:95vw!important;margin:20px!important}._mobile-modal-content_1an18_2121{padding:16px}._mobile-list_1an18_2125{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}._mobile-list-item_1an18_2133{justify-content:flex-start!important;text-align:left!important;font-size:14px!important;padding:12px 16px!important;height:auto!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._mobile-canvas-item_1an18_2144{display:flex;flex-direction:column;gap:2px;width:100%}._mobile-canvas-name_1an18_2151{font-weight:500;color:var(--text)}._mobile-canvas-type_1an18_2156{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}._mobile-empty-state_1an18_2163{text-align:center;color:#6b7280;font-style:italic;padding:40px 20px;margin:0}._mobile-create-btn_1an18_2171{width:100%;background:var(--accent)!important;color:#fff!important;border:none!important;padding:12px 16px!important;border-radius:6px!important;font-size:14px!important;font-weight:500!important}._mobile-create-btn_1an18_2171:hover{background:#2563eb!important;transform:translateY(-1px)}@media (min-width: 1029px){._mobile-footer_1an18_2082{display:none!important}}@media (max-width: 480px){._mobile-footer-btn_1an18_2104{min-width:70px;font-size:10px!important;padding:6px 8px!important}._mobile-modal_1an18_2115{width:100vw!important;max-width:100vw!important;margin:0!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}}._projectTilePanel_vyeo4_4{width:100%;height:var(--space-12);background:var(--panel);border-bottom:var(--border-width) solid var(--color-neutral-200);display:flex;align-items:center;justify-content:space-between;overflow:hidden;flex-shrink:0;padding:0 var(--space-3)}._projectTilesContainer_vyeo4_17{flex:1;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;align-items:center}._projectTilesContainer_vyeo4_17::-webkit-scrollbar{height:4px}._projectTilesContainer_vyeo4_17::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}._projectTilesContainer_vyeo4_17::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}._projectTilesContainer_vyeo4_17::-webkit-scrollbar-thumb:hover{background:#a8a8a8}._projectTile_vyeo4_4{flex-shrink:0;min-width:80px;max-width:150px;height:40px;background:#0ea5e9;border:1px solid #0ea5e9;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;position:relative}._projectTile_vyeo4_4:hover{background:#0284c7;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}._projectTileActive_vyeo4_69{background:#0284c7;border-color:#0284c7;box-shadow:0 0 0 2px #0ea5e94d}._projectTileActive_vyeo4_69:hover{background:#0369a1;border-color:#0369a1}._projectName_vyeo4_80{font-size:12px;font-weight:500;color:#fff;cursor:pointer;padding:2px 4px;border-radius:2px;transition:all .2s ease;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body)}._projectName_vyeo4_80:hover{background:#fff3}._projectNameInput_vyeo4_100{font-size:12px;font-weight:500;border:1px solid var(--accent);border-radius:2px;padding:2px 4px;background:#fff;color:var(--text);outline:none;width:120px;font-family:var(--font-body)}._projectRemoveBtn_vyeo4_113{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s ease;flex-shrink:0;margin-left:4px}._projectRemoveBtn_vyeo4_113:hover{background:#fee;color:#dc2626}._addProjectBtn_vyeo4_136{flex-shrink:0;min-width:70px;margin-right:20px;background:#0ea5e9;color:#fff;border:1px solid #0ea5e9;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:4px 18px;font-family:var(--font-body)}._addProjectBtn_vyeo4_136:hover{background:#0284c7;border-color:#0284c7;transform:scale(1.02)}@media (max-width: 1028px){._projectTilesContainer_vyeo4_17{margin-left:20px!important;right:5px;height:45px}._projectTile_vyeo4_4{min-width:70px;max-width:150px;height:45px;padding:3px 16px;border-radius:7px}._addProjectBtn_vyeo4_136{height:45px;padding:3px 16px;border-radius:7px}._projectName_vyeo4_80{font-size:11px}._projectNameInput_vyeo4_100{width:100px;font-size:11px}}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-50{z-index:50}.z-\[199999\]{z-index:199999}.z-\[200000\]{z-index:200000}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-16{margin-top:calc(var(--spacing)*16)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table\!{display:table!important}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(90vh-120px\)\]{max-height:calc(90vh - 120px)}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-80{width:calc(var(--spacing)*80)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-none{translate:none}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-3d{scale:var(--tw-scale-x)var(--tw-scale-y)var(--tw-scale-z)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.resize{resize:both}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.py-20{padding-block:calc(var(--spacing)*20)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-wrap{text-wrap:wrap}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:max-w-md{max-width:var(--container-md)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}*{box-sizing:border-box}html,body,#root{height:98%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body)}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:210 40% 96%;--secondary-foreground:222.2 84% 4.9%;--muted:var(--color-neutral-500);--muted-foreground:215.4 16.3% 46.9%;--accent:var(--color-primary-500);--accent-foreground:222.2 84% 4.9%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:221.2 83.2% 53.3%;--radius:.5rem;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-error-50:#fef2f2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--bg:var(--color-neutral-100);--panel:#fff;--text:var(--color-neutral-800);--font-heading:"Poppins","Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-body:"Poppins","Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Monaco","Menlo","Ubuntu Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--header-height:3.5rem;--sidebar-width:20rem;--panel-width:25rem;--border-width:1px}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 84% 4.9%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}.hstack{align-items:center;gap:8px;display:flex}.vstack{flex-direction:column;gap:8px;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border:var(--border-width)solid var(--color-neutral-300);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);cursor:pointer;white-space:nowrap;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.btn-primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-neutral-100);color:var(--color-neutral-800);border-color:var(--color-neutral-300)}.btn-secondary:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-400)}.btn-outline{color:var(--color-primary-600);border-color:var(--color-primary-500);background:0 0}.btn-outline:hover{background:var(--color-primary-50);border-color:var(--color-primary-600)}.btn-ghost{color:var(--color-neutral-700);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4)var(--space-6);font-size:var(--text-base)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.input,.select,.textarea{width:100%;padding:var(--space-3)var(--space-4);border:var(--border-width)solid var(--color-neutral-300);border-radius:var(--radius-lg);color:var(--color-neutral-800);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);background:#fff;transition:all .2s;display:block}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-neutral-100);color:var(--color-neutral-500);cursor:not-allowed}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--color-neutral-500)}.input::placeholder,.textarea::placeholder{color:var(--color-neutral-500)}.textarea{resize:vertical;min-height:120px}.select{cursor:pointer}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);white-space:nowrap;display:inline-flex}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-800)}.badge-secondary{background:var(--color-neutral-100);color:var(--color-neutral-700)}.badge-success{background:var(--color-success-100);color:var(--color-success-800)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-800)}.badge-error{background:var(--color-error-100);color:var(--color-error-800)}hr{border:none;border-top:1px solid #dee2e6;margin:8px 0}.header,.palette-header{font-family:var(--font-heading);font-size:18px;font-weight:700}.small{font-family:var(--font-body);color:var(--muted);font-size:12px}.export-box{width:100%;height:200px}img.preview{background:#fff;max-width:100%}.loading-dots{animation:1.5s infinite loading-dots;display:inline-block}.loading-dots:after{content:"";animation:1.5s infinite loading-dots-pulse}@keyframes loading-dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes loading-dots-pulse{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.loading-spinner{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.loading-spinner .spinner{border:3px solid var(--color-neutral-200);border-top:3px solid var(--color-primary-500);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:1s linear infinite spin}.loading-spinner .spinner-sm{border-width:2px;width:24px;height:24px}.loading-spinner p{color:var(--color-neutral-600);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200)25%,var(--color-neutral-100)50%,var(--color-neutral-200)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-text.wide{width:100%}.skeleton-text.medium{width:75%}.skeleton-text.narrow{width:50%}.skeleton-button{border-radius:var(--radius-lg);width:120px;height:40px}.skeleton-avatar{border-radius:var(--radius-full);width:40px;height:40px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-screen{background:linear-gradient(135deg,var(--color-primary-50)0%,var(--color-neutral-50)100%);z-index:9999;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center;padding:var(--space-8);max-width:400px}.loading-logo{margin-bottom:var(--space-6);opacity:.8}.loading-logo img{filter:drop-shadow(0 4px 12px #3b82f633);width:auto;height:80px}.loading-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-neutral-800);margin:0 0 var(--space-2)0}.loading-subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-neutral-600);margin:0 0 var(--space-6)0;line-height:var(--leading-relaxed)}.loading-progress{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.loading-bar{background:var(--color-neutral-200);border-radius:var(--radius-full);width:200px;height:4px;position:relative;overflow:hidden}.loading-bar:after{content:"";background:linear-gradient(90deg,transparent,var(--color-primary-500),transparent);width:100%;height:100%;animation:2s infinite loading-bar-shine;position:absolute;top:0;left:-100%}@keyframes loading-bar-shine{0%{left:-100%}to{left:100%}}.interactive-scale{transition:transform .2s}.interactive-scale:hover{transform:scale(1.02)}.interactive-scale:active{transform:scale(.98)}.interactive-lift{transition:transform .2s,box-shadow .2s}.interactive-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.interactive-fade{transition:opacity .2s}.interactive-fade:hover{opacity:.8}.focus-ring:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.focus-ring:focus:not(:focus-visible){outline:none}.focus-ring:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}.hover-brighten:hover{filter:brightness(1.1)}.hover-saturate:hover{filter:saturate(1.2)}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-bounce{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.transition-elastic{transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.btn{position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-ripple:active:after{width:300px;height:300px}.card-hover{cursor:pointer;transition:all .3s}.card-hover:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-200);transform:translateY(-4px)}.input-enhanced{position:relative}.input-enhanced:focus{box-shadow:0 0 0 3px var(--color-primary-100),var(--shadow-md);transform:scale(1.02)}.state-success{background:var(--color-success-50);border-color:var(--color-success-500);color:var(--color-success-700)}.state-error{background:var(--color-error-50);border-color:var(--color-error-500);color:var(--color-error-700)}.state-warning{background:var(--color-warning-50);border-color:var(--color-warning-500);color:var(--color-warning-700)}@keyframes pulse-gentle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse-gentle{animation:2s ease-in-out infinite pulse-gentle}@keyframes bounce-subtle{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.bounce-subtle{animation:1s ease-in-out bounce-subtle}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-up{animation:.6s ease-out slide-in-up}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:.8s ease-out fade-in}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.tooltip-enhanced{cursor:help;position:relative}.tooltip-enhanced:before,.tooltip-enhanced:after{opacity:0;pointer-events:none;z-index:1000;transition:opacity .2s;position:absolute}.tooltip-enhanced:before{content:attr(data-tooltip);background:var(--color-neutral-800);color:#fff;font-size:var(--text-xs);line-height:var(--leading-tight);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);white-space:nowrap;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip-enhanced:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--color-neutral-800);width:0;height:0;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-enhanced:hover:before,.tooltip-enhanced:hover:after{opacity:1}.ai-assistant{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ai-assistant input:focus,.ai-assistant button:focus{outline-offset:2px;outline:2px solid #007bff}.ai-assistant button:disabled{cursor:not-allowed;opacity:.5}.ai-toggle-btn:hover{transform:scale(1.05);background-color:#fff!important}.ai-toggle-btn:active{transform:scale(.95)}.ai-assistant div::-webkit-scrollbar{width:6px}.ai-assistant div::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ai-assistant div::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ai-assistant div::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.react-flow__viewport .react-flow__edge path,.react-flow__viewport g path,.react-flow__viewport .react-flow__edge g path{fill:none!important}@keyframes pulse-connection{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.react-flow__node-boundary{background:0 0!important;border:none!important;border-radius:4px!important}.react-flow__node-boundary .react-flow__node-default{background:0 0!important;border:none!important;padding:0!important}.react-flow__node-boundary>div{background:0 0!important;border:1px dashed #000!important;border-radius:4px!important}.plantumlToggleBtn{background:var(--accent);color:#fff;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:12px 8px;font-size:12px;font-weight:600;transition:all .3s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.scriptTabs{background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex}.scriptTab{color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;transition:all .2s}.scriptTab:hover{color:var(--text);background:#ffffff80}.scriptTab.active{color:var(--accent);border-bottom-color:var(--accent);background:#fff}.headerMenu{height:var(--header-height);margin:var(--space-3)var(--space-4)0;border-radius:var(--radius-xl);border:var(--border-width)solid var(--color-neutral-200);padding:var(--space-4)var(--space-5);z-index:1001;box-shadow:var(--shadow-sm);background:#fff;align-items:center;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.headerMenuContracted{height:calc(var(--header-height) - var(--space-2));margin-top:var(--space-2);padding:var(--space-3)var(--space-5)}.headerLogo{color:#1a1a1a;min-width:120px;font-size:16px;font-weight:600;font-family:var(--font-heading);align-items:center;gap:6px;display:flex}.logoIcon{color:#fff;background:#000;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.logoText{letter-spacing:-.3px;font-weight:600;font-family:var(--font-heading)}.headerCenter{flex:1;justify-content:center;align-items:center;gap:12px;max-width:500px;margin:0 auto;display:flex}.diagramTypeSelector{position:relative}.diagramTypeSelect{color:#374151;cursor:pointer;min-width:100px;height:32px;font-size:16px;font-weight:500;font-family:var(--font-body);background:#fff;border:none;border-radius:6px;padding:6px 10px;transition:all .2s}.diagramTypeSelect:hover{background:#f3f4f6;border-color:#9ca3af}.diagramTypeSelect:focus{outline-offset:2px;outline:2px solid #3b82f6}.projectNameDisplay{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;display:flex}.projectName{color:#374151;font-size:14px;font-weight:500;font-family:var(--font-body)}.unsavedIndicator{color:#f59e0b;font-size:16px;font-weight:700;line-height:1}.canvasSelector{width:100%;max-width:200px;position:relative}.canvasDropdownTrigger{cursor:pointer;background:#fff;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;height:32px;padding:6px 12px;font-size:16px;transition:all .2s;display:flex}.canvasDropdownTrigger:hover{background:#f3f4f6;border-color:#9ca3af}.canvasDropdownTrigger:focus{outline-offset:2px;outline:2px solid #3b82f6}.canvasDropdownTrigger .canvasName{color:#374151;text-align:left;font-weight:500;font-family:var(--font-body);flex:1;margin-right:8px}.dropdownArrow{color:#6b7280;flex-shrink:0;transition:transform .2s}.dropdownArrowOpen{transform:rotate(180deg)}.canvasDropdown{z-index:1002;background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdownHeader{color:#656d76;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;font-family:var(--font-heading);background:#f8f9fa;border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.addCanvasBtn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.addCanvasBtn:hover{background:#2563eb}.canvasList{max-height:300px;overflow-y:auto}.canvasItem{border-bottom:1px solid #f1f3f4;justify-content:space-between;align-items:center;padding:8px 16px;transition:background .2s;display:flex}.canvasItem:last-child{border-bottom:none}.canvasItemActive{background:#eff6ff;border-left:3px solid #3b82f6}.canvasInfo{cursor:pointer;flex:1;justify-content:space-between;align-items:center;display:flex}.canvasInfo .canvasName{color:#1a1a1a;font-weight:500;font-family:var(--font-body)}.canvasInfo .canvasType{color:#656d76;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-family:var(--font-mono);background:#f1f3f4;border-radius:4px;padding:2px 6px}.canvasNameInput{width:150px;font-size:14px;font-weight:500;font-family:var(--font-body);background:#fff;border:1px solid #3b82f6;border-radius:4px;outline:none;padding:4px 8px}.canvasActions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.canvasItem:hover .canvasActions{opacity:1}.canvasActionBtn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:12px;transition:background .2s}.canvasActionBtn:hover{background:#e1e5e9}.canvasActionBtnDelete:hover{background:#fee}.headerControls{justify-content:flex-end;align-items:center;gap:8px;min-width:200px;display:flex}.headerRight{align-items:center;gap:8px;margin-left:auto;display:flex}.controlDivider{background-color:#d1d5db;width:1px;height:24px;margin:0 4px}.controlBtn{cursor:pointer;color:#374151;white-space:nowrap;height:32px;font-size:12px;font-weight:500;font-family:var(--font-body);background:#f8f9fa;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;transition:all .2s;display:flex}.controlBtn:active{transform:translateY(1px)}.controlBtnPrimary{color:#fff;background:#3b82f6;border-color:#3b82f6}.controlBtnPrimary:hover{background:#2563eb;border-color:#2563eb}.controlBtnDisabled{opacity:.4;cursor:not-allowed;pointer-events:none;color:#9ca3af;background:#f9fafb}.controlBtn svg{flex-shrink:0;width:14px;height:14px}.controlBtnIconOnly{justify-content:center;min-width:32px;padding:6px}.controlBtnIconOnly svg{width:16px;height:16px}.dropdownOverlay{z-index:1001;background:0 0;position:fixed;top:0;right:0;bottom:0;left:0}.app{height:calc(100vh - 60px);margin-top:60px}.plantumlToggleBtn{background:var(--accent);color:#fff;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:12px 8px;font-size:12px;font-weight:600;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.plantumlToggleBtn:hover{background:#2563eb;transform:translateY(-50%)translate(-2px)}.plantumlToggleBtn.open{right:400px}.plantumlToggleBtn.open:hover{right:402px}.plantumlToggleBtn .toggleLabel{letter-spacing:1px;font-size:10px}.plantumlSidebar{background:var(--panel);border-radius:10px;flex-direction:column;width:400px;height:94vh;margin-right:10px;transition:transform .3s;display:flex;position:fixed;top:70px;right:0}.plantumlSidebarClosed{transform:translate(100%)}.plantumlSidebarOpen{transform:translate(0)}.plantumlHeader{background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.plantumlHeader h3{color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading);margin:0}.closeBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;line-height:1;transition:all .2s}.plantumlControls{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.controlRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.autoUpdateToggle,.autoSyncToggle{color:var(--text);cursor:pointer;font-size:12px;font-family:var(--font-body);flex:1;align-items:center;gap:6px;display:flex}.autoUpdateToggle input[type=checkbox],.autoSyncToggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.updateBtn,.copyBtn,.syncBtn{color:var(--text);cursor:pointer;white-space:nowrap;font-size:12px;font-family:var(--font-body);background:#fff;border:1px solid #000;border-radius:6px;padding:6px 12px;font-weight:500;transition:all .2s}.updateBtn:hover,.copyBtn:hover,.syncBtn:hover{background:#e8e8e8}.plantumlContent{flex-direction:column;flex:1;padding:16px;display:flex}.plantumlTextarea{color:var(--text);font-family:var(--font-mono);resize:none;border:1px solid #cecece;border-radius:8px;outline:none;flex:1;min-height:300px;padding:12px;font-size:12px;line-height:1.4}.plantumlTextarea:focus{border-color:var(--accent)}.plantumlInfo{background:var(--bg);border-top:1px solid #262937;padding:12px 16px}.infoItem{font-size:12px;font-family:var(--font-body);justify-content:space-between;align-items:center;padding:4px 0;display:flex}.infoLabel{color:var(--muted);font-weight:500;font-family:var(--font-body)}.infoValue{color:var(--text);font-weight:600;font-family:var(--font-mono)}.plantumlOverlay{z-index:998;background:#00000080;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.tooltip{color:#fff;white-space:nowrap;z-index:2000;pointer-events:none;font-size:12px;font-weight:500;font-family:var(--font-body);background:#333;border-radius:4px;padding:8px 12px;position:fixed;box-shadow:0 2px 8px #00000026}.tooltip:after{content:"";border:5px solid #0000;border-bottom-color:#333;position:absolute;top:-5px;left:50%;transform:translate(-50%)}@media (max-width:1280px){.headerMenu{border:none;border-radius:0;margin:0}.headerRight{display:inline}.headerLogo,.relative,.user-name,.headerCenter>div:nth-child(2),.headerCenter>div:nth-child(4),.headerCenter>div:nth-child(5),.headerCenter>div:nth-child(8),.headerCenter>div:nth-child(9),.headerCenter>div:nth-child(10),.headerCenter>div:nth-child(11),.headerCenter>div:nth-child(12),.headerCenter>div:nth-child(3){display:none}}@media (max-width:768px){.plantumlSidebar{width:100vw}.plantumlOverlay{display:block}.plantumlToggleBtn{writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px;top:20px;right:10px;transform:none}}.modalDialog{background:#fff;border-radius:8px;flex-direction:column;max-width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}.archimateExportDialog{width:90vw;max-width:600px}.modalClose{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:24px;transition:all .2s}.modalClose:hover{color:#374151;background:#e5e7eb}.exportInfo{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;gap:16px;margin-bottom:24px;padding:16px;display:flex}.infoIcon{color:#0284c7;flex-shrink:0}.infoContent{flex:1}.infoContent p{font-size:14px;line-height:1.5;font-family:var(--font-body);margin:0 0 8px}.infoContent p:last-child{margin-bottom:0}.modelNameInput{width:100%;font-size:16px;font-family:var(--font-body);border:1px solid #d1d5db;border-radius:6px;padding:12px 16px;transition:border-color .2s}.modelNameInput:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.formHelp{color:#6b7280;font-size:12px;font-family:var(--font-body);margin-top:6px;display:block}.exportDetails{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.exportDetails h4{color:#374151;font-size:14px;font-weight:600;font-family:var(--font-heading);margin:0 0 12px}.exportDetails ul{margin:0 0 16px;padding-left:20px}.exportDetails li{color:#4b5563;font-size:14px;font-family:var(--font-body);margin-bottom:4px}.exportDetails .note{color:#92400e;font-size:13px;font-family:var(--font-body);background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;margin:0;padding:12px}.btnSecondary{color:#374151;background:#f3f4f6;border-color:#d1d5db}.btnSecondary:hover{background:#e5e7eb;border-color:#9ca3af}.btnPrimary:hover{background:#2563eb;border-color:#2563eb}.btnPrimary:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af;border-color:#9ca3af}.maintenanceMessage{text-align:center;padding:20px}.maintenanceContent{flex-direction:column;align-items:center;gap:16px;display:flex}.maintenanceTitle{color:#1a1a1a;font-size:24px;font-weight:600;font-family:var(--font-heading);margin:0}.maintenanceDescription{color:#6b7280;max-width:400px;font-size:16px;line-height:1.5;font-family:var(--font-body);margin:0}.maintenanceIcon{margin-top:8px}.maintenanceSpinner{font-size:32px;display:inline-block}.projectHierarchyView{flex-direction:column;height:100%;display:flex;overflow:hidden}.projectHeader{background:#f8f9fa;border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;padding:16px;display:flex}.projectHeader h3{color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading);margin:0}.savingIndicator{color:var(--accent);font-size:12px;font-weight:500;font-family:var(--font-body)}.projectControls{border-bottom:1px solid #f1f3f4;padding:12px 16px}.autoSaveToggle{color:var(--text);cursor:pointer;font-size:12px;font-family:var(--font-body);align-items:center;gap:8px;display:flex}.autoSaveToggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.currentProjectInfo{background:#f8f9fa;border-bottom:1px solid #f1f3f4;padding:12px 16px}.currentProject{margin-bottom:12px}.currentProject .label,.currentCanvas .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600;font-family:var(--font-heading);margin-bottom:4px}.currentProject .name,.currentCanvas .name{color:var(--text);font-size:14px;font-weight:600;font-family:var(--font-body);margin-bottom:4px}.currentProject .description{color:var(--muted);font-size:12px;line-height:1.4;font-family:var(--font-body)}.currentCanvas{flex-direction:column;gap:4px;display:flex}.diagramTypeBadge{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500;font-family:var(--font-mono);background:#e9ecef;border-radius:4px;padding:2px 6px;display:inline-block}.diagramTypeBadgeSmall{padding:1px 4px;font-size:9px}.projectActions{border-bottom:1px solid #f1f3f4;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.actionBtn{cursor:pointer;color:var(--text);font-size:12px;font-weight:500;font-family:var(--font-body);background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.actionBtn:hover{background:#e9ecef;border-color:#ced4da}.actionBtnPrimary{background:var(--accent);color:#fff;border-color:var(--accent)}.actionBtnPrimary:hover{background:#2563eb;border-color:#2563eb}.projectsTree{flex:1;padding:12px 16px;overflow-y:auto}.treeHeader{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;font-family:var(--font-heading);margin-bottom:12px}.projectNode{margin-bottom:8px}.projectItem{border-radius:6px;align-items:center;gap:8px;padding:8px 0;transition:background-color .2s;display:flex}.projectItem:hover{background:#f8f9fa}.expandBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;padding:2px;font-size:12px;transition:all .2s;display:flex}.expandBtn:hover{color:var(--text);background:#e9ecef}.projectName{color:var(--text);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);border-radius:4px;flex:1;padding:4px 8px;transition:all .2s}.projectName:hover{color:#0284c7;background:#f0f9ff}.projectNameActive{color:#0284c7;background:#eff6ff;font-weight:600}.nodeActions{opacity:0;gap:2px;transition:opacity .2s;display:flex}.projectItem:hover .nodeActions,.canvasItem:hover .nodeActions{opacity:1}.nodeActionBtn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-size:12px;transition:all .2s;display:flex}.nodeActionBtn:hover{background:#e9ecef}.nodeActionBtnDelete:hover{color:#dc2626;background:#fee}.canvasList{border-left:1px solid #f1f3f4;margin-left:24px;padding-left:12px}.canvasItem{border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 0;transition:background-color .2s;display:flex}.canvasItem:hover{background:#f8f9fa}.canvasName{color:var(--text);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);border-radius:4px;flex:1;align-items:center;gap:8px;padding:4px 8px;transition:all .2s;display:flex}.canvasName:hover{color:#0284c7;background:#f0f9ff}.canvasItemActive .canvasName{color:#0284c7;background:#eff6ff;font-weight:600}.importExportSection{background:#f8f9fa;border-top:1px solid #f1f3f4;padding:12px 16px}.sectionHeader{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;font-family:var(--font-heading);margin-bottom:8px}.importExportActions{gap:8px;display:flex}.loadingState{color:var(--muted);font-size:14px;font-family:var(--font-body);justify-content:center;align-items:center;padding:40px 20px;display:flex}.plantumlPanel{flex-direction:column;height:100%;display:flex;overflow:hidden}.plantumlPanelHeader{background:#f8f9fa;border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;padding:16px;display:flex}.plantumlPanelHeader h3{color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading);margin:0}.plantumlPanelControls{background:#f8f9fa;border-bottom:1px solid #f1f3f4;flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.controlGroup{align-items:center;gap:8px;display:flex}.controlToggle{color:var(--text);cursor:pointer;font-size:12px;font-family:var(--font-body);align-items:center;gap:6px;display:flex}.controlToggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.controlBtn{color:var(--text);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:500;font-family:var(--font-body);background:#fff;border:1px solid #e1e5e9;border-radius:4px;padding:6px 12px;transition:all .2s}.controlBtn:hover{background:#f8f9fa;border-color:#ced4da}.plantumlPanelContent{flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.plantumlTextarea{width:100%;color:var(--text);font-family:var(--font-mono);resize:none;background:#fff;border:1px solid #e1e5e9;border-radius:6px;outline:none;flex:1;min-height:200px;padding:12px;font-size:12px;line-height:1.4}.plantumlTextarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}.modal{background:#fff;border-radius:8px;flex-direction:column;width:90vw;max-width:500px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}.modalHeader{background:#f8f9fa;border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.closeBtn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;transition:all .2s}.closeBtn:hover{color:#374151;background:#e5e7eb}.modalBody{flex:1;padding:24px;overflow-y:auto}.formGroup{margin-bottom:20px}.formGroup label{color:#374151;font-size:14px;font-weight:500;font-family:var(--font-body);margin-bottom:6px;display:block}.formGroup input,.formGroup textarea,.formGroup select{width:100%;font-size:14px;font-family:var(--font-body);border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;transition:border-color .2s}.formGroup input:focus,.formGroup textarea:focus,.formGroup select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.formGroup textarea{resize:vertical;min-height:80px}.importPreview{margin-top:16px}.importPreview textarea{font-family:var(--font-mono);background:#f9fafb;font-size:12px;line-height:1.4}.modalFooter{background:#f8f9fa;border-top:1px solid #e1e5e9;justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.btn{cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);border:1px solid #0000;border-radius:6px;align-items:center;padding:8px 16px;transition:all .2s;display:flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btnPrimary{color:#fff;background:#3b82f6;border-color:#3b82f6}.btnPrimary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn:not(.btnPrimary){color:#374151;background:#f3f4f6;border-color:#d1d5db}.btn:not(.btnPrimary):hover{background:#e5e7eb;border-color:#9ca3af}.app{padding:var(--space-3);height:100%;margin-top:calc(var(--header-height) + var(--space-6));margin-bottom:calc(250px + var(--space-3) + var(--space-3));transition:margin-left .3s,margin-top .3s,margin-bottom .3s,margin-right .3s;position:relative}.appLeftCollapsed{margin-left:12px}.appModlLibraryOpen,.appRightPanelOpen,.appAIAssistOpen{margin-right:410px}.appLeftPanelOpen{margin-left:320px}.panel{background:var(--panel);border-radius:8px;margin-top:10px;padding:12px;transition:transform .3s,opacity .3s,visibility .3s;box-shadow:0 4px 12px #00000026}.panelLeftPanel{position:relative;overflow:hidden}.panelLeftPanelCollapsed{visibility:hidden;opacity:0;transform:translate(-100%)}.canvas{background:var(--bg);border:none;border-radius:0;position:absolute;top:12px;right:12px;bottom:12px;left:12px;overflow:hidden}.canvas.model-editing{border:3px solid #dc2626;border-radius:8px}.leftToggleBtn{background:var(--accent);color:#fff;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;border:2px solid #000;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:12px 8px;font-size:12px;font-weight:600;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.leftToggleBtn.open{opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,left .3s;left:320px}.leftToggleBtn:not(.open){opacity:1;visibility:visible;transition:opacity .15s .15s,visibility .15s .15s,left .3s}.leftToggleBtn:hover{background:#2563eb;transform:translateY(-50%)translate(2px)}.leftToggleBtn .toggleLabel{letter-spacing:1px;font-size:10px}.leftOpen{opacity:1;left:320px!important}.leftToggleBtn:not(.leftOpen){opacity:1;visibility:visible}.rightToggleBtn{background:var(--accent);color:#fff;cursor:pointer;z-index:1001;writing-mode:vertical-rl;text-orientation:mixed;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:12px 8px;font-size:12px;font-weight:600;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.rightToggleBtn:hover{background:#2563eb;transform:translateY(-50%)translate(-2px)}.rightOpen{transition:right .3s;position:fixed!important;right:410px!important}.rightToggleBtn.rightOpen:hover{right:412px!important}.rightSplitPanel{background:var(--panel);z-index:999;border:1px solid #e1e5e9;border-radius:10px;flex-direction:column;width:400px;height:calc(100vh - 80px);margin-right:10px;transition:transform .3s,right .3s;display:flex;position:fixed;top:70px;right:0;box-shadow:0 4px 12px #00000026}.rightSplitPanelModlLibraryOpen,.rightSplitPanelAIAssistOpen{right:410px}.rightSplitPanelBothOpen{right:820px}.rightSplitPanelOpen{transform:translate(0)}.rightSplitPanelClosed{transform:translate(100%)}.splitSection{flex-direction:column;display:flex;overflow:hidden}.splitTop{border-bottom:1px solid #e1e5e9}.splitResizer{cursor:row-resize;z-index:1;background:#f8f9fa;border-top:1px solid #e1e5e9;border-bottom:1px solid #e1e5e9;justify-content:center;align-items:center;height:8px;transition:background-color .2s;display:flex;position:relative}.splitResizer:hover{background:#e9ecef}.splitResizerDragging{background:#dee2e6}.splitResizerHandle{justify-content:center;align-items:center;width:40px;height:4px;display:flex}.splitResizerLine{background:#ced4da;border-radius:1px;width:100%;height:2px}.splitResizer:hover .splitResizerLine{background:#adb5bd}.rightPanelOverlay{z-index:998;background:#00000080;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.appPlantumlOpen{margin-right:400px}@media (max-width:768px){.rightSplitPanel{width:100vw;margin-right:0;left:0;right:0}.rightPanelOverlay{display:block}.rightToggleBtn{writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px;top:20px;right:10px;transform:none}}@media (max-width:1028px){.canvasTabPanel{background:var(--panel);box-shadow:none;border:none;position:fixed;bottom:10px;border-radius:0!important;height:220px!important;left:0!important;right:0!important}.canvasThumbnail{width:120px!important;height:70px!important}.canvasTabsContainer{gap:8px;padding:0}.tabsTitle{display:none}.new-canvas-buttons{margin-left:20px!important}.newCanvasBtn{margin-right:8px!important}.thumbnailPreview{display:none!important}.tabsTitle{font-size:8px}.thumbnailName{font-size:10px!important}.nodeCount,.rightToggleBtn{display:none}.modlLibraryToggleBtn,.aiAssistToggleBtn{display:none!important}}.canvasTabPanel{background:var(--panel);z-index:999;border:1px solid #e1e5e9;border-radius:10px;flex-direction:column;height:250px;transition:left .3s,right .3s,height .3s;display:flex;position:fixed;bottom:10px;left:342px;right:422px;overflow:hidden;box-shadow:0 4px 12px #00000026}.canvasTabPanelContracted{right:422px}.canvasTabPanelLeftCollapsed{left:80px}.canvasTabPanelRightCollapsed{right:22px}.canvasTabPanelLeftCollapsedRightCollapsed{left:80px;right:22px}.canvasTabsHeader{background:#f8f9fa;border-bottom:1px solid #e1e5e9;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.new-canvas-buttons{gap:8px;margin-left:auto;display:flex}.tabsTitle{color:var(--text);font-size:14px;font-weight:600;font-family:var(--font-heading)}.newCanvasBtn{background:var(--accent);color:#fff;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);border:none;border-radius:6px;margin-right:20px;padding:6px 12px;transition:all .2s}.newCanvasBtn:hover{background:#2563eb;transform:translateY(-1px)}.newCanvasBtn:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af!important}.canvasTabsContainer{scroll-behavior:smooth;flex:1;gap:12px;padding:12px 16px;display:flex;overflow:auto hidden}.canvasTabsContainer::-webkit-scrollbar{height:6px}.canvasTabsContainer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.canvasTabsContainer::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.canvasTabsContainer::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.canvasThumbnail{cursor:pointer;background:#fff;border:2px solid #e1e5e9;border-radius:8px;flex-direction:column;flex-shrink:0;width:180px;height:120px;transition:all .2s;display:flex;position:relative;overflow:hidden}.canvasThumbnail:hover{border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.canvasThumbnailActive{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.canvasThumbnailActive:hover{border-color:#2563eb}.thumbnailPreview{background:#f8f9fa;flex:1;position:relative;overflow:hidden}.thumbnailContent{width:100%;height:100%;position:relative}.thumbnailReactflow{width:100%;height:100%}.thumbnailReactflow .react-flow__viewport{pointer-events:none}.thumbnailReactflow .react-flow__node{font-size:8px!important}.thumbnailReactflow .react-flow__edge-text{font-size:6px!important}.emptyCanvas{color:#9ca3af;width:100%;height:100%;font-size:11px;font-style:italic;font-family:var(--font-body);justify-content:center;align-items:center;display:flex}.thumbnailInfo{background:#fff;border-top:1px solid #f1f3f4;flex-shrink:0;padding:8px}.thumbnailHeader{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.thumbnailName{color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;font-family:var(--font-body);border-radius:3px;flex:1;padding:2px 4px;transition:all .2s;overflow:hidden}.thumbnailName:hover{color:#0284c7;background:#f0f9ff}.thumbnailNameInput{border:1px solid var(--accent);color:var(--text);width:150px;font-size:12px;font-weight:500;font-family:var(--font-body);background:#fff;border-radius:3px;outline:none;padding:2px 4px}.thumbnailRemoveBtn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.thumbnailRemoveBtn:hover{color:#dc2626;background:#fee}.thumbnailMeta{justify-content:space-between;align-items:center;gap:6px;display:flex}.diagramTypeBadge{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:500;font-family:var(--font-mono);border-radius:4px;flex-shrink:0;padding:2px 6px;display:inline-block}.nodeCount{color:#6b7280;font-size:10px;font-family:var(--font-body);flex-shrink:0}.newCanvasBtnArchimate{background:#3b82f6}.newCanvasBtnArchimate:hover{background:#2563eb}.newCanvasBtnC4{background:#22c55e}.newCanvasBtnC4:hover{background:#16a34a}.newCanvasBtnSequence{background:#a855f7}.newCanvasBtnSequence:hover{background:#9333ea}.loadingScreen{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.loadingSpinner{text-align:center}.loadingSpinner .spinner{border:4px solid #f3f3f3;border-top:4px solid var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}.loadingSpinner p{color:var(--text);font-family:var(--font-body);margin:0}.modlLibraryPanel{flex-direction:column;height:100%;padding:16px;display:flex;overflow:hidden}.modlLibraryHeader{flex-shrink:0;margin-bottom:16px}.modlHeaderTop{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.modlLibraryHeader h3{color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading);margin:0}.modlCreateModelBtn{background:var(--accent);color:#fff;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);border:none;border-radius:6px;padding:6px 12px;transition:all .2s}.modlCreateModelBtn:hover{background:#2563eb;transform:translateY(-1px)}.modlLibraryHeader p{color:#6b7280;font-size:12px;font-family:var(--font-body);margin:0 0 12px}.modlSearchContainer{margin-bottom:8px}.modlSearchInput{width:100%;font-size:13px;font-family:var(--font-body);color:var(--text);background:#fff;border:1px solid #e1e5e9;border-radius:6px;outline:none;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.modlSearchInput:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}.modlSearchInput::-moz-placeholder{color:#9ca3af}.modlSearchInput::placeholder{color:#9ca3af}.modlTemplatesGrid{flex:1;padding:4px;display:block;overflow-y:auto}.modlTemplatesGrid::-webkit-scrollbar{width:6px}.modlTemplatesGrid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modlTemplatesGrid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modlTemplatesGrid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modlTemplateThumbnail{cursor:pointer;background:#fff;border:2px solid #e1e5e9;border-radius:8px;flex-direction:column;width:100%;height:150px;margin-bottom:20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.modlTemplateThumbnail:hover{border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.modlThumbnailPreview{background:#f8f9fa;flex:1;min-height:80px;position:relative;overflow:hidden}.modlThumbnailContent,.modlThumbnailReactflow{width:100%;height:100%;position:relative}.modlThumbnailReactflow .react-flow,.modlThumbnailReactflow .react-flow__viewport{width:100%!important;height:100%!important}.modlThumbnailReactflow .react-flow__viewport{pointer-events:none}.modlThumbnailReactflow .react-flow__node{font-size:6px!important}.modlThumbnailReactflow .react-flow__edge-text{font-size:5px!important}.modlEmptyCanvas{color:#9ca3af;width:100%;height:100%;font-size:10px;font-style:italic;font-family:var(--font-body);justify-content:center;align-items:center;display:flex}.modlThumbnailInfo{background:#fff;border-top:1px solid #f1f3f4;flex-shrink:0;padding:8px}.modlThumbnailName{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;font-family:var(--font-body);margin-bottom:4px;overflow:hidden}.modlThumbnailMeta{justify-content:space-between;align-items:center;gap:6px;display:flex}.modlDiagramTypeBadge{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:500;font-family:var(--font-mono);border-radius:4px;flex-shrink:0;padding:2px 6px;display:inline-block}.modlNodeCount{color:#6b7280;font-size:9px;font-family:var(--font-body);flex-shrink:0}.modlModelDomain{color:#059669;font-size:9px;font-weight:500;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px}.modlEmptyLibrary{text-align:center;color:#6b7280;font-family:var(--font-body);grid-column:1/-1;padding:40px 20px}.modlEmptyLibrary p{margin:0 0 8px;font-size:14px}.modlEmptyLibrary p:last-child{font-size:12px;font-style:italic}.modlLibraryToggleBtn{color:#fff;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;background:#ec4899;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:12px 8px;font-size:12px;font-weight:600;display:flex;position:fixed;top:57%;right:0;transform:translateY(-50%)}.modlLibraryToggleBtn:hover{background:#db2777;transform:translateY(-50%)translate(-2px)}.modlLibraryOpen{right:410px}.modlLibraryToggleBtn.modlLibraryOpen:hover{right:412px}.modlLibraryToggleBtn .toggle-label{letter-spacing:1px;font-size:10px}.modlLibraryPanelContainer{background:var(--panel);z-index:999;border:1px solid #e1e5e9;border-radius:10px;width:400px;height:calc(100vh - 80px);margin-right:10px;transition:transform .3s;position:fixed;top:70px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.modlLibraryPanelOpen{transform:translate(0)}.modlLibraryPanelClosed{transform:translate(100%)}.modlLibraryOverlay{z-index:998;background:#00000080;display:none;position:fixed;top:0;right:0;bottom:0;left:0}@media (max-width:768px){.modlLibraryToggleBtn{writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px;top:20px;right:430px;transform:none}.modlLibraryPanelContainer{width:100vw;margin-right:0;left:0;right:0}.modlLibraryOverlay{display:block}}.saveModelDialogOverlay{z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.saveModelDialog{background:var(--panel);border:1px solid #e1e5e9;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.saveModelDialogHeader{border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.saveModelDialogHeader h3{color:var(--text);font-size:18px;font-weight:600;font-family:var(--font-heading);margin:0}.saveModelDialogClose{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.saveModelDialogClose:hover{color:#374151;background:#f3f4f6}.saveModelDialogContent{padding:24px}.saveModelDialogField{margin-bottom:20px}.saveModelDialogField label{color:var(--text);font-size:14px;font-weight:500;font-family:var(--font-body);margin-bottom:6px;display:block}.saveModelDialogInput{width:100%;font-size:14px;font-family:var(--font-body);color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.saveModelDialogInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.saveModelDialogTextarea{width:100%;font-size:14px;font-family:var(--font-body);color:var(--text);resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;min-height:80px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.saveModelDialogTextarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.saveModelDialogInfo{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-top:20px;padding:16px}.saveModelDialogInfo p{color:#6b7280;font-size:13px;font-family:var(--font-body);margin:0 0 8px}.saveModelDialogInfo p:last-child{margin-bottom:0}.saveModelDialogFooter{border-top:1px solid #e1e5e9;justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.saveModelDialogCancelBtn{color:#374151;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;transition:all .2s}.saveModelDialogCancelBtn:hover{background:#e5e7eb}.saveModelDialogSaveBtn{background:var(--accent);color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);border:none;border-radius:6px;padding:8px 16px;transition:all .2s}.saveModelDialogSaveBtn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.saveModelDialogSaveBtn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}@media (max-width:768px){.saveModelDialog{width:95%;margin:20px}.saveModelDialogHeader{padding:16px 20px 12px}.saveModelDialogContent{padding:20px}.saveModelDialogFooter{padding:12px 20px 20px}}.aiAssistPanel{flex-direction:column;height:100%;padding:16px;display:flex;overflow:hidden}.aiAssistHeader{flex-shrink:0;margin-bottom:16px}.aiAssistHeaderTop{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.aiAssistPanel h3{color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading);margin:0}.aiAssistClearBtn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px;transition:all .2s}.aiAssistClearBtn:hover{color:#374151;background:#f3f4f6}.aiAssistPanel p{color:#6b7280;font-size:12px;font-family:var(--font-body);margin:0 0 12px}.aiAssistMessages{flex-direction:column;flex:1;gap:12px;padding:4px;display:flex;overflow-y:auto}.aiAssistMessages::-webkit-scrollbar{width:6px}.aiAssistMessages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.aiAssistMessages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.aiAssistMessages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.aiAssistWelcome{text-align:center;color:#6b7280;font-family:var(--font-body);padding:20px}.aiAssistWelcomeIcon{margin-bottom:16px;font-size:48px;display:block}.aiAssistWelcome h4{color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading);margin:0 0 8px}.aiAssistWelcome p{margin:0 0 16px;font-size:14px}.aiAssistSuggestions{flex-direction:column;gap:8px;display:flex}.aiAssistSuggestions button{cursor:pointer;color:var(--text);font-size:12px;font-family:var(--font-body);text-align:left;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:8px 12px;transition:all .2s}.aiAssistSuggestions button:hover{background:#e9ecef;border-color:#adb5bd}.aiAssistMessage{margin-bottom:8px;display:flex}.aiAssistMessageUser{justify-content:flex-end}.aiAssistMessageAssistant{justify-content:flex-start}.aiAssistMessageContent{max-width:80%;font-size:14px;line-height:1.4;font-family:var(--font-body);border-radius:12px;padding:8px 12px}.aiAssistMessageContent p{color:#fcfcfc;margin:0 0 8px}.aiAssistMessageContent p:last-child{margin-bottom:0}.aiAssistMessageContent strong{font-weight:600}.aiAssistMessageContent ul,.aiAssistMessageContent ol{margin:8px 0;padding-left:20px}.aiAssistMessageContent li{color:#fff;margin-bottom:4px}.aiAssistMessageContent code{font-family:var(--font-mono);background:#0000001a;border-radius:3px;padding:2px 4px;font-size:13px}.aiAssistMessageContent pre{font-family:var(--font-mono);background:#0000001a;border-radius:6px;margin:8px 0;padding:8px 12px;font-size:13px;line-height:1.3;overflow-x:auto}.aiAssistMessageContent pre code{background:0 0;padding:0}.aiAssistMessageUser .aiAssistMessageContent{color:#fff;background:#007bff}.aiAssistMessageAssistant .aiAssistMessageContent{color:var(--text);background:#0b2430}.aiAssistTyping{color:#6b7280;font-size:14px;font-family:var(--font-body);align-items:center;gap:8px;display:flex}.aiAssistTypingDots{animation:1.4s infinite aiAssistTypingAnimation;display:inline-block}@keyframes aiAssistTypingAnimation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.aiAssistInputForm{border-top:1px solid #e1e5e9;flex-direction:column;flex-shrink:0;gap:8px;padding:16px 0 0;display:flex}.aiAssistInput{width:100%;font-size:14px;font-family:var(--font-body);color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:12px 16px;transition:border-color .2s}.aiAssistInput:focus{border-color:#007bff}.aiAssistInput::-moz-placeholder{color:#9ca3af}.aiAssistInput::placeholder{color:#9ca3af}.aiAssistSendBtn{color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);background:#007bff;border:none;border-radius:20px;padding:10px 16px;transition:all .2s}.aiAssistSendBtn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.aiAssistSendBtn:disabled{cursor:not-allowed;background:#6c757d;transform:none}.aiAssistConfirmation{background:#f8f9fa;border-top:1px solid #e1e5e9;flex-shrink:0;padding:16px}.aiAssistConfirmationHeader{margin-bottom:12px}.aiAssistConfirmationHeader h4{color:var(--text);font-size:14px;font-weight:600;font-family:var(--font-heading);margin:0 0 4px}.aiAssistConfirmationHeader p{color:#6b7280;font-size:12px;font-family:var(--font-body);margin:0}.aiAssistConfirmationActions{max-height:120px;margin-bottom:16px;overflow-y:auto}.aiAssistConfirmationAction{border-bottom:1px solid #e9ecef;align-items:center;gap:8px;padding:6px 0;display:flex}.aiAssistConfirmationAction:last-child{border-bottom:none}.aiAssistConfirmationActionType{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;font-family:var(--font-mono);flex-shrink:0;min-width:60px}.aiAssistConfirmationActionDetails{color:var(--text);font-size:12px;font-family:var(--font-body);flex:1}.aiAssistConfirmationButtons{justify-content:flex-end;gap:8px;display:flex}.aiAssistCancelBtn{color:#374151;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;transition:all .2s}.aiAssistCancelBtn:hover{background:#e5e7eb}.aiAssistApplyBtn{background:var(--accent);color:#fff;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);border:none;border-radius:6px;padding:8px 16px;transition:all .2s}.aiAssistApplyBtn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.aiAssistApplyBtn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.aiAssistToggleBtn{color:#fff;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;background:#10b981;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:12px 8px;font-size:12px;font-weight:600;display:flex;position:fixed;top:65%;right:0;transform:translateY(-50%)}.aiAssistToggleBtn:hover{background:#059669;transform:translateY(-50%)translate(-2px)}.aiAssistOpen{right:410px}.aiAssistToggleBtn.aiAssistOpen:hover{right:412px}.aiAssistToggleBtn .toggle-label{letter-spacing:1px;font-size:10px}.aiAssistPanelContainer{background:var(--panel);z-index:999;border:1px solid #e1e5e9;border-radius:10px;width:400px;height:calc(100vh - 80px);margin-right:10px;transition:transform .3s;position:fixed;top:70px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.aiAssistPanelOpen{transform:translate(0)}.aiAssistPanelClosed{transform:translate(100%)}.aiAssistOverlay{z-index:998;background:#00000080;display:none;position:fixed;top:0;right:0;bottom:0;left:0}@media (max-width:768px){.aiAssistToggleBtn{writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px;top:20px;right:830px;transform:none}.aiAssistPanelContainer{width:100vw;margin-right:0;left:0;right:0}.aiAssistOverlay{display:block}}.react-flow-wrapper.selection-mode,.react-flow-wrapper.selection-mode .react-flow__node,.react-flow-wrapper.selection-mode .react-flow__edge,.react-flow-wrapper.selection-mode .react-flow__pane{cursor:crosshair}.selection-mode-overlay{color:#fff;z-index:1000;background:#3b82f6;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.selection-mode-overlay:before{content:"🎯";font-size:16px}.selection-mode-cancel-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;margin-left:12px;padding:4px 8px;font-size:12px;transition:all .2s}.selection-mode-cancel-btn:hover{background:#ffffff4d}.historyButton{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px;transition:all .2s}.historyButton:hover{color:#374151;background:#f3f4f6}.modalOverlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modalContent{background:var(--panel);border:1px solid #e1e5e9;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0000004d}.modalHeader{border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modalHeader h3{color:var(--text);font-size:18px;font-weight:600;font-family:var(--font-heading);margin:0}.closeButton{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.closeButton:hover{color:#374151;background:#f3f4f6}.modalBody{max-height:60vh;padding:24px;overflow-y:auto}.chatHistoryActions{margin-bottom:20px}.primaryButton{background:var(--accent);color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);border:none;border-radius:6px;padding:8px 16px;transition:all .2s}.primaryButton:hover{background:#2563eb;transform:translateY(-1px)}.chatHistoryList{flex-direction:column;gap:8px;display:flex}.emptyState{text-align:center;color:#6b7280;font-family:var(--font-body);padding:40px 20px}.emptyState p{margin:0 0 8px;font-size:14px}.emptyState p:last-child{font-size:12px;font-style:italic}.chatHistoryItem{cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:8px;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.chatHistoryItem:hover{background:#f8f9fa;border-color:#9ca3af}.chatHistoryItemActive{border-color:var(--accent);background:#eff6ff}.chatHistoryContent{flex:1;min-width:0}.chatHistoryTitle{color:var(--text);font-size:14px;font-weight:600;font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;overflow:hidden}.chatHistoryPreview{color:#6b7280;font-size:12px;font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;overflow:hidden}.chatHistoryMeta{color:#9ca3af;font-size:11px;font-family:var(--font-body);align-items:center;gap:12px;display:flex}.chatHistoryDate,.chatHistoryCount{flex-shrink:0}.chatHistoryType{color:#374151;text-transform:uppercase;letter-spacing:.5px;background:#e1e5e9;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:500}.deleteButton{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;font-size:18px;transition:all .2s;display:flex}.deleteButton:hover{color:#dc2626;background:#fee}@media (max-width:768px){.modalContent{width:95%;margin:20px}.modalHeader{padding:16px 20px 12px}.modalBody{padding:20px}}.mobile-footer{background:var(--panel);z-index:1000;border-top:1px solid #e1e5e9;padding:8px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000026}.mobile-footer-content{justify-content:space-around;align-items:center;gap:8px;max-width:100%;padding:0 8px;display:flex;overflow-x:auto}.mobile-footer-btn{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;min-width:80px;overflow:hidden;height:40px!important;padding:8px 12px!important;font-size:11px!important}.mobile-modal{width:95vw!important;max-width:95vw!important;margin:20px!important}.mobile-modal-content{padding:16px}.mobile-list{flex-direction:column;gap:8px;max-height:60vh;display:flex;overflow-y:auto}.mobile-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left!important;justify-content:flex-start!important;height:auto!important;padding:12px 16px!important;font-size:14px!important}.mobile-canvas-item{flex-direction:column;gap:2px;width:100%;display:flex}.mobile-canvas-name{color:var(--text);font-weight:500}.mobile-canvas-type{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.mobile-empty-state{text-align:center;color:#6b7280;margin:0;padding:40px 20px;font-style:italic}.mobile-create-btn{width:100%;background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:12px 16px!important;font-size:14px!important;font-weight:500!important}.mobile-create-btn:hover{transform:translateY(-1px);background:#2563eb!important}@media (min-width:1029px){.mobile-footer{display:none!important}}@media (max-width:480px){.mobile-footer-btn{min-width:70px;padding:6px 8px!important;font-size:10px!important}.mobile-modal{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important}}.tutorial-welcome-overlay{z-index:2000;background-color:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.tutorial-welcome-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tutorial-welcome-header{text-align:center;margin-bottom:32px}.tutorial-welcome-header h2{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:700}.tutorial-welcome-header p{color:#6b7280;margin:0;font-size:16px}.tutorial-welcome-content{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.tutorial-preview,.tutorial-benefits{background:#f9fafb;border-radius:8px;padding:20px}.tutorial-preview h3,.tutorial-benefits h3{color:#1f2937;margin:0 0 16px;font-size:18px;font-weight:600}.tutorial-preview ul{margin:0;padding:0;list-style:none}.tutorial-preview li{color:#4b5563;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.benefits-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.benefit-item{color:#4b5563;align-items:center;gap:8px;font-size:14px;display:flex}.benefit-icon{font-size:16px}.tutorial-welcome-actions{justify-content:center;gap:16px;display:flex}.tutorial-start-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.tutorial-start-btn:hover{background:#2563eb;transform:translateY(-1px)}.tutorial-skip-btn{color:#6b7280;cursor:pointer;background:0 0;border:2px solid #e5e7eb;border-radius:8px;padding:10px 24px;font-size:16px;font-weight:500;transition:all .2s}.tutorial-skip-btn:hover{background:#f9fafb;border-color:#d1d5db}.tutorial-step-content{padding:8px 0}.tutorial-step-content h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.tutorial-step-content p{color:#4b5563;margin:0 0 12px;font-size:14px;line-height:1.5}.feature-summary{color:#6b7280;background:#f3f4f6;border-left:3px solid #3b82f6;border-radius:6px;padding:8px 12px;font-size:12px;font-style:italic}@media (max-width:768px){.tutorial-welcome-overlay{padding:16px}.tutorial-welcome-modal{max-width:none;padding:24px}.tutorial-welcome-content{grid-template-columns:1fr;gap:24px}.tutorial-welcome-header h2{font-size:24px}.benefits-grid{grid-template-columns:1fr}.tutorial-welcome-actions{flex-direction:column}}.__floater{z-index:2001!important}.__floater__-tooltip{border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.__floater__-arrow{border-color:#fff!important}.tutorial-highlight{animation:2s infinite tutorial-pulse}@keyframes tutorial-pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.tutorial-loading{color:#6b7280;justify-content:center;align-items:center;padding:40px;display:flex}.tutorial-loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;margin-right:12px;animation:1s linear infinite tutorial-spin}@keyframes tutorial-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-page{background:#fff;min-height:100vh;position:relative;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #f1f1f1;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;height:100px;margin:0 auto;padding:1rem 2rem;display:flex}.logo-image{width:auto;height:150px}.header-actions{align-items:center;gap:1rem;display:flex}.primary-button{color:#fff;cursor:pointer;z-index:200;background:#000;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.primary-button:hover{background:#333;transform:translateY(-1px)}.secondary-button{color:#666;cursor:pointer;z-index:200;background:0 0;border:1px solid #e5e5e5;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.secondary-button:hover{background:#f9f9f9;border-color:#d4d4d4;transform:translateY(-1px)}.hero-section{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero-content{width:100%;max-width:800px;padding:0 2rem}.hero-logo{justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.logo-image-hero{filter:drop-shadow(0 2px 8px #0000001a);width:auto;height:360px}.hero-title{color:#000;letter-spacing:-.025em;margin:0 0 1.5rem;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-subtitle{color:#666;max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.5}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{color:#000;letter-spacing:-.025em;margin:0 0 1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.section-header p{color:#666;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.diagram-types-section{background:#fafafa;padding:6rem 0}.diagram-types-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;margin-top:3rem;display:flex}.diagram-type-card{text-align:center;cursor:default;background:#fff;border:1px solid #f1f1f1;border-radius:1rem;padding:2rem;transition:all .3s}.diagram-type-card:hover{border-color:#e5e5e5;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.diagram-type-icon{background:#f8f8f8;border:1px solid #f1f1f1;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;display:flex}.diagram-type-icon img{-o-object-fit:contain;object-fit:contain;width:32px;height:32px}.diagram-type-card h3{color:#000;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.diagram-type-card p{color:#666;margin:0;font-size:.875rem;line-height:1.5}.features-section{background:#fff;padding:6rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-card{text-align:center;cursor:default;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem;transition:all .3s;display:flex}.feature-card:hover{border-color:#e5e5e5;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.feature-icon{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;display:flex}.feature-icon svg{color:#000;width:48px;height:48px}.feature-card h3{color:#000;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.feature-card p{color:#666;margin:0;font-size:.875rem;line-height:1.5}.screenshots-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem;display:grid}.screenshot-item{background:#fff;border:1px solid #f1f1f1;border-radius:1rem;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:2rem;display:grid}.screenshot-image img{border:1px solid #f1f1f1;border-radius:.5rem;width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.screenshot-content h3{color:#000;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.screenshot-content p{color:#666;margin:0;font-size:.875rem;line-height:1.5}.cta-section{color:#fff;background:#000;padding:6rem 0}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{letter-spacing:-.025em;margin:0 0 1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.cta-content p{opacity:.9;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.cta-actions{justify-content:center;align-items:center;gap:1rem;display:flex}.archimate-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-archimate{will-change:transform,opacity}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;min-width:450px;max-width:500px;padding:2.5rem;box-shadow:0 10px 40px #0000001a}.divider-line{background:#000;width:100%;height:1px;margin:2rem 0}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h2{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.login-header p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.login-form{flex-direction:column;gap:1rem;display:flex}.error-message{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.google-login-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.google-login-wrapper button{border:1px solid #e2e8f0!important;border-radius:8px!important;justify-content:center!important;width:100%!important;max-width:none!important;padding:12px 16px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important}.google-login-wrapper button:hover{border-color:#cbd5e1!important;box-shadow:0 2px 8px #0000001a!important}.google-login-button{cursor:pointer;color:#fff;background:#000;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.google-login-button:hover{background:#333;border-color:#333;box-shadow:0 2px 8px #0000004d}.google-login-button:active{transform:translateY(1px)}.demo-notice{color:#64748b;text-align:center;margin-top:8px;font-size:12px}.loading-screen{background:linear-gradient(135deg,#f8fafc,#e2e8f0);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{text-align:center;color:#64748b}.spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}.user-avatar-container{position:relative}.user-avatar-button{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.user-avatar-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}.user-avatar-image{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:28px;height:28px}.user-avatar-placeholder{color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.user-dropdown{z-index:1002;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:240px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.user-info{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px;display:flex}.user-dropdown-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:40px;height:40px}.user-dropdown-avatar-placeholder{color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.user-details{flex:1;min-width:0}.user-dropdown-name{color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:600}.user-dropdown-email{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dropdown-divider{background:#e2e8f0;height:1px}.dropdown-item{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.dropdown-item:hover{background:#f8fafc}.logout-button{color:#dc2626}.logout-button:hover{background:#fef2f2}.features-section{width:100%;margin-bottom:2rem}.features-grid{flex-flow:wrap;justify-content:center;gap:1.5rem;width:100%;display:flex}.feature-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:270px;padding:.5rem;transition:all .3s;display:flex}.feature-card:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.feature-icon{background:#fff;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto .5rem;display:flex}.feature-icon img{-o-object-fit:contain;object-fit:contain;width:24px;height:24px}.feature-title{color:#1e293b;margin:0;padding:0 .25rem;font-size:.85rem;font-weight:600;line-height:1.2}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #3b82f64d}50%{box-shadow:0 4px 30px #3b82f680}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-card{cursor:pointer;animation:6s ease-in-out infinite float-gentle}.login-card:hover{animation-play-state:paused}.logo-icon{animation:3s ease-in-out infinite pulse-glow}.brand-section{animation:.8s ease-out slide-in-up}.login-card{animation:6s ease-in-out infinite float-gentle,.6s ease-out fade-in-scale}.feature-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:radial-gradient(circle,#3b82f61a,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-8px)scale(1.05);box-shadow:0 20px 40px #00000026}.feature-card:nth-child(odd){animation-delay:.2s}.feature-card:nth-child(2n){animation-delay:.4s}.google-login-button{position:relative;overflow:hidden}.google-login-button:before{content:"";background:linear-gradient(90deg,#0000,#3b82f61a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.google-login-button:hover:before{left:100%}.floating-archimate:nth-child(odd){animation-delay:.5s}.floating-archimate:nth-child(2n){animation-delay:1s}.top-login-section{align-items:center;display:flex}@media (max-width:1028px){.container{max-width:100%;padding:0 1.5rem}.header{display:none}.header-content{height:auto;min-height:80px;padding:1rem 1.5rem}.logo-image{height:100px}.hero-section{min-height:auto;padding:4rem 0 3rem}.hero-content{max-width:100%;padding:0 1rem}.hero-logo{margin-bottom:1.5rem}.logo-image-hero{height:200px}.hero-title{margin-bottom:1rem;font-size:2.5rem}.hero-subtitle{margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.hero-actions{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:300px;margin:0 auto}.primary-button,.secondary-button{width:100%;max-width:250px}.section-header{margin-bottom:3rem}.section-header h2{margin-bottom:.75rem;font-size:2rem}.section-header p{font-size:1rem}.diagram-types-section,.features-section,.screenshots-section,.cta-section{padding:4rem 0}.diagram-types-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.diagram-type-card{padding:1.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.feature-card{padding:2rem 1.5rem}.screenshots-grid{grid-template-columns:1fr;gap:2rem;margin-top:2rem;display:grid}.screenshot-item{text-align:center;grid-template-columns:1fr;gap:1.5rem;padding:2rem}.screenshot-image img{max-width:100%;height:auto}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}}@media (max-width:480px){.brand-section{gap:1rem}.logo-section{flex-direction:column;gap:.5rem}.login-card{padding:1.5rem}.login-header h2{font-size:1.25rem}}.features-section{z-index:10;background:#fff;padding:5rem 0;position:relative}.features-header{text-align:center;margin-bottom:4rem}.features-header h2{color:#1e293b;letter-spacing:-1px;margin:0 0 1rem;font-size:2.5rem;font-weight:700}.features-header p{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem}.features-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;margin-top:3rem;display:flex}.functionality-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:5rem 0}.functionality-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.functionality-text h2{color:#1e293b;letter-spacing:-1px;margin:0 0 1.5rem;font-size:2.5rem;font-weight:700}.functionality-text p{color:#64748b;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.functionality-list{margin:0;padding:0;list-style:none}.functionality-list li{color:#374151;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;display:flex}.functionality-list li:before{content:"✓";color:#10b981;font-size:1.25rem;font-weight:700}.functionality-visual{justify-content:center;align-items:center;display:flex}.diagram-preview{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:300px;height:300px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000001a}.diagram-preview img{-o-object-fit:contain;object-fit:contain;width:200px;height:200px}.collaboration-section{background:#fff;padding:5rem 0}.collaboration-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.collaboration-visual{order:2;justify-content:center;align-items:center;display:flex}.collaboration-preview{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:300px;height:300px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000001a}.collaboration-preview img{-o-object-fit:contain;object-fit:contain;width:200px;height:200px}.collaboration-text{order:1}.collaboration-text h2{color:#1e293b;letter-spacing:-1px;margin:0 0 1.5rem;font-size:2.5rem;font-weight:700}.collaboration-text p{color:#64748b;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.collaboration-list{margin:0;padding:0;list-style:none}.collaboration-list li{color:#374151;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;display:flex}.collaboration-list li:before{content:"👥";font-size:1.25rem}.standards-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:5rem 0}.standards-header{text-align:center;margin-bottom:4rem}.standards-header h2{color:#1e293b;letter-spacing:-1px;margin:0 0 1rem;font-size:2.5rem;font-weight:700}.standards-header p{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem}.standards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.standard-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #00000014}.standard-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.standard-icon{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.standard-icon img{-o-object-fit:contain;object-fit:contain;width:40px;height:40px}.standard-card h3{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.standard-card p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.export-section{background:#fff;padding:5rem 0}.export-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.export-text h2{color:#1e293b;letter-spacing:-1px;margin:0 0 1.5rem;font-size:2.5rem;font-weight:700}.export-text p{color:#64748b;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.export-list{margin:0;padding:0;list-style:none}.export-list li{color:#374151;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;display:flex}.export-list li:before{content:"📄";font-size:1.25rem}.export-visual{justify-content:center;align-items:center;display:flex}.export-preview{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:300px;height:300px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000001a}.export-preview img{-o-object-fit:contain;object-fit:contain;width:200px;height:200px}.final-cta-section{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:5rem 0}.final-cta-content{text-align:center;max-width:600px;margin:0 auto}.final-cta-content h2{letter-spacing:-1px;margin:0 0 1rem;font-size:2.5rem;font-weight:700}.final-cta-content p{opacity:.9;margin:0 0 2rem;font-size:1.125rem}.final-login-card{background:#fff;border-radius:16px;max-width:400px;margin:0 auto;padding:2rem;box-shadow:0 10px 40px #0003}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.features-header h2,.functionality-text h2,.collaboration-text h2,.standards-header h2,.export-text h2,.final-cta-content h2{font-size:1.75rem}.diagram-preview,.collaboration-preview,.export-preview{width:200px;height:200px}.diagram-preview img,.collaboration-preview img,.export-preview img{width:120px;height:120px}}.screenshots-section{background:#fff;padding:5rem 0}.screenshots-header{text-align:center;margin-bottom:4rem}.screenshots-header h2{color:#1e293b;letter-spacing:-1px;margin:0 0 1rem;font-size:2.5rem;font-weight:700}.screenshots-header p{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem}.screenshots-grid{grid-template-columns:1fr;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.screenshot-item{border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:3rem;display:grid}.screenshot-image{justify-content:center;align-items:center;display:flex}.screenshot-image img{border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:500px;height:auto;box-shadow:0 8px 30px #00000026}.screenshot-features h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.75rem;font-weight:600}.screenshot-features ul{margin:0;padding:0;list-style:none}.screenshot-features li{color:#374151;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:1rem;display:flex}.screenshot-features li:before{content:"✓";color:#10b981;font-size:1.25rem;font-weight:700}@media (max-width:1024px){.functionality-content,.collaboration-content,.export-content{grid-template-columns:1fr;gap:3rem}.collaboration-visual{order:1}.collaboration-text{text-align:center;order:2}.hero-title{font-size:2.5rem}.features-header h2,.functionality-text h2,.collaboration-text h2,.standards-header h2,.export-text h2,.final-cta-content h2{font-size:2rem}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.features-header h2,.functionality-text h2,.collaboration-text h2,.standards-header h2,.export-text h2,.final-cta-content h2{font-size:1.75rem}.diagram-preview,.collaboration-preview,.export-preview{width:200px;height:200px}.diagram-preview img,.collaboration-preview img,.export-preview img{width:120px;height:120px}.screenshot-item{padding:1.5rem}.screenshot-image img{max-width:100%}}.tablet-warning-message{text-align:center;background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;max-width:500px;margin:2rem auto 0;padding:1.5rem;box-shadow:0 10px 40px #0000001a}.tablet-warning-message p{color:#374151;margin:0;font-size:1rem;font-weight:500;line-height:1.6}.mobile-responsive-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem 1rem;position:relative;overflow-x:hidden}.mobile-responsive-content{text-align:center;flex-direction:column;gap:3rem;width:100%;max-width:600px;margin:0 auto;padding-top:2rem;display:flex}.mobile-logo-section{justify-content:center;margin-bottom:2rem;display:flex}.mobile-logo{filter:drop-shadow(0 4px 20px #3b82f64d);width:auto;height:200px}.mobile-message-section h2{color:#1e293b;font-size:2rem;font-weight:700;line-height:1.3;font-family:var(--font-heading);margin:0 0 1rem}.mobile-message-section p{color:#64748b;font-size:1.125rem;line-height:1.6;font-family:var(--font-body);margin:0 0 2rem}.mobile-features-preview{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.mobile-feature-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0000001a}.mobile-feature-item span:first-child{font-size:1.5rem}.mobile-feature-item span:last-child{color:#374151;font-size:1rem;font-weight:500;font-family:var(--font-body)}@media (max-width:480px){.mobile-content{gap:1.5rem}.mobile-logo{height:240px}.mobile-message-section h2{font-size:1.25rem}.mobile-features-section h3{font-size:1.125rem}.mobile-features-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.mobile-feature-item{padding:.75rem}.mobile-feature-icon{width:28px;height:28px}.mobile-feature-title{font-size:.8rem}}@media (max-width:1024px){.header-content{padding:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.section-header h2{font-size:2rem}.diagram-types-grid,.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.screenshot-item{text-align:center;grid-template-columns:1fr;gap:1.5rem}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.875rem}.section-header h2{font-size:1.5rem}.diagram-type-card,.feature-card{padding:1rem}.diagram-type-card h3,.feature-card h3,.screenshot-content h3{font-size:1.125rem}.diagram-type-card p,.feature-card p,.screenshot-content p{font-size:.8rem}.cta-content h2{font-size:1.75rem}}.error-message{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem}@media (prefers-reduced-motion:reduce){.login-card,.floating-archimate{animation:none}.feature-card,.standard-card,.screenshot-item,.diagram-type-card{transition:none}.feature-card:hover,.standard-card:hover,.diagram-type-card:hover,.primary-button:hover,.secondary-button:hover{transform:none}}.panel.palette-panel,.panel.aws-panel{z-index:1000;scrollbar-width:none;-ms-overflow-style:none;width:320px;height:calc(100vh - 80px);transition:transform .3s;position:fixed;top:70px;left:0;overflow-y:auto}.panel.palette-panel::-webkit-scrollbar{display:none}.panel.aws-panel::-webkit-scrollbar{display:none}.palette-container{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.palette-container::-webkit-scrollbar{display:none}.panel.palette-panel.collapsed,.panel.aws-panel.collapsed{transform:translate(-100%)}.palette-toggle-btn{background:var(--accent);color:#fff;cursor:pointer;z-index:1001;writing-mode:vertical-rl;text-orientation:mixed;border:2px solid #000;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:12px 8px;font-size:12px;font-weight:600;transition:all .3s;display:flex;position:fixed;top:45%;left:0;transform:translateY(-50%)}.palette-toggle-btn:hover{background:#2563eb;left:2px}.palette-toggle-btn.open{left:320px}.palette-toggle-btn.open:hover{left:322px}.palette-toggle-btn .toggle-label{letter-spacing:1px;font-size:10px}.aws-toggle-btn{color:#fff;cursor:pointer;z-index:1001;writing-mode:vertical-rl;text-orientation:mixed;background:#ff6b35;border:2px solid #000;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:12px 8px;font-size:12px;font-weight:600;transition:all .3s;display:flex;position:fixed;top:51%;left:0;transform:translateY(-55%)}.aws-toggle-btn:hover{background:#e55a2b;left:2px}.aws-toggle-btn.open{left:320px}.aws-toggle-btn.open:hover{left:322px}.aws-toggle-btn .toggle-label{letter-spacing:1px;font-size:10px}.left-panel-tabs{background:#f8f9fa;border-bottom:1px solid #e1e5e9;margin-bottom:8px;display:flex}.left-panel-tab{cursor:pointer;color:#666;text-align:center;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.left-panel-tab:hover{color:#232f3e;background:#0073bb1a}.left-panel-tab.active{color:#232f3e;background:#fff;border-bottom-color:#0073bb;font-weight:600;box-shadow:0 1px 3px #0000001a}@media (min-width:769px){.app.plantuml-open{margin-right:400px}}.nopan{pointer-events:all!important}.react-flow__edges{pointer-events:none;z-index:99999!important}.react-flow__edge,.react-flow__connection,.react-flow__connection-line,.react-flow__edge-path,.react-flow__connection-wrapper{vector-effect:non-scaling-stroke;pointer-events:auto!important;z-index:100000!important;fill:none!important}.react-flow__handle{z-index:110000;pointer-events:all;position:absolute!important}.react-flow__connection-line{stroke-width:2.5px!important;stroke:#333!important;opacity:1!important}.react-flow__edge-path{cursor:crosshair}.react-flow__waypoint-handle{cursor:grab;pointer-events:all!important}.react-flow__waypoint-handle:hover{transform:scale(1.2);fill:#007bff!important}.react-flow__waypoint-handle:active{cursor:grabbing!important}.react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round;fill:none!important}.react-flow__edge path,.react-flow__edge-path,.react-flow__viewport .react-flow__edge path,.react-flow__viewport svg path.react-flow__edge-path{vector-effect:non-scaling-stroke;fill:none!important;fill-rule:evenodd!important}.react-flow__viewport svg g path.react-flow__edge-path{fill:none!important;fill-rule:evenodd!important}.react-flow__viewport .react-flow__edge path,.react-flow__viewport g path{fill:none!important}.react-flow__viewport svg g path.react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round;fill:none!important}.react-flow__viewport svg path{vector-effect:non-scaling-stroke}.react-flow__viewport .react-flow__edge g path{fill:none!important}.react-flow__handle.potential-connection{z-index:1002!important;background:#ff6b6b!important;border:2px solid #fff!important;transition:all .2s!important;transform:scale(1.3)!important;box-shadow:0 0 10px #ff6b6b99!important}.react-flow__handle.potential-connection:after{content:"";border:2px dashed #ff6b6b;border-radius:50%;animation:1s infinite pulse-connection;position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.react-flow__handle{transition:all .2s}.maintenance-message{text-align:center;padding:20px}.maintenance-content{flex-direction:column;align-items:center;gap:16px;display:flex}.maintenance-title{color:#1a1a1a;font-size:24px;font-weight:600;font-family:var(--font-heading);margin:0}.maintenance-description{color:#6b7280;max-width:400px;font-size:16px;line-height:1.5;font-family:var(--font-body);margin:0}.maintenance-icon{margin-top:8px}.maintenance-spinner{font-size:32px;display:inline-block}@media (max-width:768px){.right-split-panel{width:100vw;margin-right:0;left:0;right:0}.right-panel-overlay{display:block}.right-toggle-btn{writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px;top:20px;right:10px;transform:none}}.ai-toggle-btn:hover .spin-text{animation:.6s linear infinite spin}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}