@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_5kt3t_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_5kt3t_22{height:calc(var(--header-height) - var(--space-2));margin-top:var(--space-2);padding:var(--space-3) var(--space-5)}._headerLogo_5kt3t_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_5kt3t_40{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:4px;color:#fff}._logoText_5kt3t_51{font-weight:600;letter-spacing:-.3px;font-family:var(--font-heading)}._headerCenter_5kt3t_58{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;max-width:500px;margin:0 auto}._diagramTypeSelector_5kt3t_69{position:relative}._diagramTypeSelect_5kt3t_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_5kt3t_69:hover{background:#f3f4f6;border-color:#9ca3af}._diagramTypeSelect_5kt3t_69:focus{outline:2px solid #3b82f6;outline-offset:2px}._projectNameDisplay_5kt3t_99{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#f8f9fa;border-radius:6px;border:1px solid #e1e5e9}._projectName_5kt3t_99{font-size:14px;font-weight:500;color:#374151;font-family:var(--font-body)}._unsavedIndicator_5kt3t_116{color:#f59e0b;font-size:16px;font-weight:700;line-height:1}._canvasSelector_5kt3t_124{position:relative;width:100%;max-width:200px}._canvasDropdownTrigger_5kt3t_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_5kt3t_130:hover{background:#f3f4f6;border-color:#9ca3af}._canvasDropdownTrigger_5kt3t_130:focus{outline:2px solid #3b82f6;outline-offset:2px}._canvasDropdownTrigger_5kt3t_130 ._canvasName_5kt3t_155{font-weight:500;color:#374151;margin-right:8px;flex:1;text-align:left;font-family:var(--font-body)}._dropdownArrow_5kt3t_164{transition:transform .2s ease;color:#6b7280;flex-shrink:0}._dropdownArrowOpen_5kt3t_170{transform:rotate(180deg)}@media (max-width: 1028px){._headerMenu_5kt3t_4{margin:var(--space-2) var(--space-3) 0;padding:var(--space-3) var(--space-4)}._headerMenuContracted_5kt3t_22{padding:var(--space-2) var(--space-4)}._headerLogo_5kt3t_29{font-size:14px;min-width:96px}._logoIcon_5kt3t_40{width:20px;height:20px}._headerCenter_5kt3t_58{gap:8px;max-width:420px}._diagramTypeSelect_5kt3t_69{font-size:14px;height:28px;padding:4px 8px}._projectName_5kt3t_99{font-size:12px}._canvasDropdownTrigger_5kt3t_130{font-size:14px;height:28px;padding:4px 8px}}._canvasDropdown_5kt3t_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_5kt3t_231{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_5kt3t_246{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_5kt3t_246:hover{background:#2563eb}._canvasList_5kt3t_266{max-height:300px;overflow-y:auto}._canvasItem_5kt3t_271{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #f1f3f4;transition:background .2s ease}._canvasItem_5kt3t_271:last-child{border-bottom:none}._canvasItem_5kt3t_271:hover{background:#f8f9fa}._canvasItemActive_5kt3t_288{background:#eff6ff;border-left:3px solid #3b82f6}._canvasInfo_5kt3t_293{flex:1;display:flex;align-items:center;justify-content:space-between;cursor:pointer}._canvasInfo_5kt3t_293 ._canvasName_5kt3t_155{font-weight:500;color:#1a1a1a;font-family:var(--font-body)}._canvasInfo_5kt3t_293 ._canvasType_5kt3t_307{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_5kt3t_318{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_5kt3t_330{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}._canvasItem_5kt3t_271:hover ._canvasActions_5kt3t_330{opacity:1}._canvasActionBtn_5kt3t_341{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}._canvasActionBtn_5kt3t_341:hover{background:#e1e5e9}._canvasActionBtnDelete_5kt3t_355:hover{background:#fee}._headerControls_5kt3t_360{display:flex;align-items:center;gap:8px;min-width:200px;justify-content:flex-end}._headerRight_5kt3t_369{display:flex;align-items:center;gap:8px;margin-left:auto}._controlGroup_5kt3t_376{display:flex;align-items:center;gap:2px}._controlDivider_5kt3t_382{width:1px;height:24px;background-color:#d1d5db;margin:0 4px}._controlBtn_5kt3t_389{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_5kt3t_389:hover{background:#f3f4f6;border-color:#9ca3af}._controlBtn_5kt3t_389:active{transform:translateY(1px)}._controlBtnPrimary_5kt3t_416{background:#3b82f6;color:#fff;border-color:#3b82f6}._controlBtnPrimary_5kt3t_416:hover{background:#2563eb;border-color:#2563eb}._controlBtnDisabled_5kt3t_427{opacity:.4;cursor:not-allowed;pointer-events:none;background:#f9fafb;color:#9ca3af}._controlBtn_5kt3t_389 svg{flex-shrink:0;width:14px;height:14px}._controlBtnIconOnly_5kt3t_441{padding:6px;min-width:32px;justify-content:center}._controlBtnIconOnly_5kt3t_441 svg{width:16px;height:16px}._dropdownOverlay_5kt3t_453{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:transparent}._app_5kt3t_464{margin-top:60px;height:calc(100vh - 60px)}._plantumlToggleBtn_5kt3t_470{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_5kt3t_470:hover{background:#2563eb;transform:translateY(-50%) translate(-2px)}._plantumlToggleBtn_5kt3t_470._open_5kt3t_499{right:400px}._plantumlToggleBtn_5kt3t_470._open_5kt3t_499:hover{right:402px}._plantumlToggleBtn_5kt3t_470 ._toggleLabel_5kt3t_507{font-size:10px;letter-spacing:1px}._plantumlSidebar_5kt3t_512{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_5kt3t_526{transform:translate(100%)}._plantumlSidebarOpen_5kt3t_530{transform:translate(0)}._plantumlHeader_5kt3t_534{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff}._plantumlHeader_5kt3t_534 h3{margin:0;color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading)}._closeBtn_5kt3t_550{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_5kt3t_550:hover{background:#ffffff1a;color:var(--text)}._plantumlControls_5kt3t_567{display:flex;flex-direction:column;gap:8px;padding:12px 16px}._controlRow_5kt3t_574{display:flex;align-items:center;justify-content:space-between;gap:8px}._autoUpdateToggle_5kt3t_581,._autoSyncToggle_5kt3t_581{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer;flex:1;font-family:var(--font-body)}._autoUpdateToggle_5kt3t_581 input[type=checkbox],._autoSyncToggle_5kt3t_581 input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}._updateBtn_5kt3t_598,._copyBtn_5kt3t_598,._syncBtn_5kt3t_598{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_5kt3t_598:hover,._copyBtn_5kt3t_598:hover,._syncBtn_5kt3t_598:hover{background:#e8e8e8}._plantumlContent_5kt3t_616{flex:1;padding:16px;display:flex;flex-direction:column}._plantumlTextarea_5kt3t_623{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_5kt3t_623:focus{border-color:var(--accent)}._plantumlInfo_5kt3t_641{padding:12px 16px;border-top:1px solid #262937;background:var(--bg)}._infoItem_5kt3t_647{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;font-family:var(--font-body)}._infoLabel_5kt3t_656{color:var(--muted);font-weight:500;font-family:var(--font-body)}._infoValue_5kt3t_662{color:var(--text);font-weight:600;font-family:var(--font-mono)}._plantumlOverlay_5kt3t_668{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}._tooltip_5kt3t_680{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_5kt3t_680:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#333}@media (max-width: 1280px){._headerMenu_5kt3t_4{margin:0;border:none;border-radius:0}._headerRight_5kt3t_369{display:inline}._headerLogo_5kt3t_29,._relative_5kt3t_720,._user-name_5kt3t_724{display:none}._headerCenter_5kt3t_58>div:nth-child(2),._headerCenter_5kt3t_58>div:nth-child(4),._headerCenter_5kt3t_58>div:nth-child(5),._headerCenter_5kt3t_58>div:nth-child(8),._headerCenter_5kt3t_58>div:nth-child(9),._headerCenter_5kt3t_58>div:nth-child(10),._headerCenter_5kt3t_58>div:nth-child(11),._headerCenter_5kt3t_58>div:nth-child(12),._headerCenter_5kt3t_58>div:nth-child(3){display:none}}@media (max-width: 768px){._plantumlSidebar_5kt3t_512{width:100vw}._plantumlOverlay_5kt3t_668{display:block}._plantumlToggleBtn_5kt3t_470{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:calc(var(--panel-toggle-stack-center) + var(--panel-toggle-offset));left:0;transform:translateY(-50%);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;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);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}@media (max-width: 1028px){.adobe-toggle-btn{display:none}}.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_1jltn_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_1jltn_4:hover{background:#2563eb;transform:translateY(-50%) translate(-2px)}._plantumlToggleBtn_1jltn_4 ._toggleLabel_1jltn_34{font-size:10px;letter-spacing:1px}._plantumlSidebar_1jltn_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_1jltn_53{transform:translate(100%)}._plantumlSidebarOpen_1jltn_57{transform:translate(0)}._plantumlHeader_1jltn_61{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff}._plantumlHeader_1jltn_61 h3{margin:0;color:var(--text);font-size:16px;font-weight:600;font-family:var(--font-heading)}._closeBtn_1jltn_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_1jltn_77:hover{background:#ffffff1a;color:var(--text)}._plantumlControls_1jltn_94{display:flex;flex-direction:column;gap:8px;padding:12px 16px}._controlRow_1jltn_101{display:flex;align-items:center;justify-content:space-between;gap:8px}._autoUpdateToggle_1jltn_108,._autoSyncToggle_1jltn_108{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer;flex:1;font-family:var(--font-body)}._autoUpdateToggle_1jltn_108 input[type=checkbox],._autoSyncToggle_1jltn_108 input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}._updateBtn_1jltn_125,._copyBtn_1jltn_125,._syncBtn_1jltn_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_1jltn_125:hover,._copyBtn_1jltn_125:hover,._syncBtn_1jltn_125:hover{background:#e8e8e8}._plantumlContent_1jltn_143{flex:1;padding:16px;display:flex;flex-direction:column}._plantumlTextarea_1jltn_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_1jltn_150:focus{border-color:var(--accent)}._plantumlInfo_1jltn_168{padding:12px 16px;border-top:1px solid #262937;background:var(--bg)}._infoItem_1jltn_174{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;font-family:var(--font-body)}._infoLabel_1jltn_183{color:var(--muted);font-weight:500;font-family:var(--font-body)}._infoValue_1jltn_189{color:var(--text);font-weight:600;font-family:var(--font-mono)}._plantumlOverlay_1jltn_195{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}@media (max-width: 768px){._plantumlSidebar_1jltn_39{width:100vw}._plantumlOverlay_1jltn_195{display:block}._plantumlToggleBtn_1jltn_4{right:10px;top:20px;transform:none;writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px}}._plantumlPanel_1jltn_228{display:flex;flex-direction:column;height:100%;overflow:hidden}._plantumlPanelHeader_1jltn_235{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}._plantumlPanelHeader_1jltn_235 h3{margin:0;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._plantumlPanelControls_1jltn_252{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #f1f3f4;background:#f8f9fa}._controlGroup_1jltn_261{display:flex;align-items:center;gap:8px}._controlToggle_1jltn_267{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer;font-family:var(--font-body)}._controlToggle_1jltn_267 input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}._controlBtn_1jltn_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_1jltn_283:hover{background:#f8f9fa;border-color:#ced4da}._plantumlPanelContent_1jltn_302{flex:1;padding:16px;display:flex;flex-direction:column;overflow:hidden}._plantumlTextarea_1jltn_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_1jltn_150:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}._scriptTabs_1jltn_332{display:flex;border-bottom:1px solid #e1e5e9;background:#f8f9fa}._scriptTab_1jltn_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_1jltn_332:hover{color:var(--text);background:#ffffff80}._scriptTab_1jltn_332._active_1jltn_356{color:var(--accent);border-bottom-color:var(--accent);background:#fff}@media (max-width: 1028px){._plantumlToggleBtn_1jltn_4,._scriptTabs_1jltn_332{display:none}}._app_8lpjt_4{position:relative;padding:var(--space-3);height:calc(100vh - var(--header-height) - var(--space-6) - var(--canvas-tab-panel-height-current) - var(--space-3) - var(--space-3) - var(--mobile-footer-height));margin-top:calc(var(--header-height) + var(--space-6));margin-bottom:calc(var(--canvas-tab-panel-height-current) + var(--space-3) + var(--space-3) + var(--mobile-footer-height));transition:margin-left .3s ease,margin-top .3s ease,margin-bottom .3s ease,margin-right .3s ease}._canvas-panel_8lpjt_13{position:relative;height:100%}._appCanvasTabsHidden_8lpjt_18{--canvas-tab-panel-height-current: 0px}._appLeftCollapsed_8lpjt_22{margin-left:12px}._appModlLibraryOpen_8lpjt_26,._appRightPanelOpen_8lpjt_30,._appAIAssistOpen_8lpjt_34{margin-right:410px}._appLeftPanelOpen_8lpjt_38{margin-left:12px}._panel_8lpjt_43{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_8lpjt_52{position:relative;overflow:hidden}._panelLeftPanelCollapsed_8lpjt_57{transform:translate(-100%);visibility:hidden;opacity:0}._canvas_8lpjt_13{position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:none;border-radius:0;overflow:hidden;background:var(--bg)}._canvas_8lpjt_13._model-editing_8lpjt_76{border:3px solid #dc2626;border-radius:8px}._leftToggleBtn_8lpjt_82{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;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);display:flex;align-items:center;justify-content:center;gap:4px}._leftToggleBtn_8lpjt_82._open_8lpjt_107{opacity:0;visibility:hidden;left:320px;transition:opacity .15s ease,visibility .15s ease,left .3s ease}._leftToggleBtn_8lpjt_82:not(._open_8lpjt_107){opacity:1;visibility:visible;transition:opacity .15s ease .15s,visibility .15s ease .15s,left .3s ease}._leftToggleBtn_8lpjt_82:hover{background:#2563eb;transform:translateY(-50%) translate(2px)}._leftToggleBtn_8lpjt_82 ._toggleLabel_8lpjt_125{font-size:10px;letter-spacing:1px}._leftOpen_8lpjt_131{left:320px!important;opacity:1}._leftToggleBtn_8lpjt_82:not(._leftOpen_8lpjt_131){opacity:1;visibility:visible}._rightToggleBtn_8lpjt_142{position:fixed;top:calc(var(--panel-toggle-stack-center) - var(--panel-toggle-offset));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;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);display:flex;align-items:center;justify-content:center;gap:4px}._rightToggleBtn_8lpjt_142:hover{background:#2563eb;transform:translateY(-50%) translate(-2px)}._rightOpen_8lpjt_173{right:410px!important;transition:right .3s ease;position:fixed!important}._rightToggleBtn_8lpjt_142._rightOpen_8lpjt_173:hover{right:412px!important}._rightSplitPanel_8lpjt_183{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_8lpjt_200,._rightSplitPanelAIAssistOpen_8lpjt_204{right:410px}._rightSplitPanelBothOpen_8lpjt_208{right:820px}._rightSplitPanelOpen_8lpjt_212{transform:translate(0)}._rightSplitPanelClosed_8lpjt_216{transform:translate(100%)}._splitSection_8lpjt_220{display:flex;flex-direction:column;overflow:hidden}._splitTop_8lpjt_226{border-bottom:1px solid #e1e5e9}._splitResizer_8lpjt_234{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_8lpjt_234:hover{background:#e9ecef}._splitResizerDragging_8lpjt_252{background:#dee2e6}._splitResizerHandle_8lpjt_256{width:40px;height:4px;display:flex;align-items:center;justify-content:center}._splitResizerLine_8lpjt_264{width:100%;height:2px;background:#ced4da;border-radius:1px}._splitResizer_8lpjt_234:hover ._splitResizerLine_8lpjt_264{background:#adb5bd}._rightPanelOverlay_8lpjt_275{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}._appPlantumlOpen_8lpjt_287{margin-right:400px}@media (max-width: 1028px){._rightSplitPanel_8lpjt_183{width:100vw;left:0;right:0;margin-right:0}._rightPanelOverlay_8lpjt_275{display:block}._rightToggleBtn_8lpjt_142{right:10px;top:20px;transform:none;writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px}}@media (max-width: 1028px){._appRightPanelOpen_8lpjt_30,._appAIAssistOpen_8lpjt_34,._appModlLibraryOpen_8lpjt_26{margin-right:0}._appLeftPanelOpen_8lpjt_38{margin-left:0}._rightToggleBtn_8lpjt_142,._modlLibraryToggleBtn_8lpjt_328,._aiAssistToggleBtn_8lpjt_329,._canvasTabPanel_8lpjt_333,._canvasTabToggleWrap_8lpjt_334{display:none!important}._canvasThumbnail_8lpjt_338,._addCanvasThumbnail_8lpjt_339{width:120px;height:70px}._canvasTabsContainer_8lpjt_344{padding:6px var(--space-3) 10px;scroll-padding:0 var(--space-3);gap:8px}._newCanvasBtn_8lpjt_350{padding:6px 12px;font-size:11px}}@media (min-width: 1029px) and (max-width: 1400px){._thumbnailPreview_8lpjt_357{display:none!important}._addCanvasHint_8lpjt_361{display:none}._thumbnailInfo_8lpjt_365{min-height:auto}}._canvasTabPanel_8lpjt_333{position:fixed;bottom:10px;left:342px;right:422px;height:var(--canvas-tab-panel-height-current);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}._canvasTabPanelHidden_8lpjt_389{transform:translateY(calc(100% + 16px));opacity:0;pointer-events:none}._canvasTabToggleWrap_8lpjt_334{position:fixed;bottom:0;left:342px;right:422px;display:flex;justify-content:center;pointer-events:none;z-index:998}._canvasTabToggleWrapOpen_8lpjt_406{bottom:calc(var(--canvas-tab-panel-height-current) + 10px)}._canvasTabToggleWrapLeftCollapsed_8lpjt_410{left:80px}._canvasTabToggleWrapRightCollapsed_8lpjt_414{right:22px}._canvasTabToggleWrapLeftCollapsedRightCollapsed_8lpjt_418{left:80px;right:22px}._canvasTabToggleWrapContracted_8lpjt_423{right:422px}._canvasTabToggle_8lpjt_334{padding:10px 12px;border:2px solid #000;border-bottom:none;border-radius:10px 10px 0 0;background:var(--accent);color:#fff;font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;box-shadow:0 -2px 10px #0000002e;pointer-events:auto}._canvasTabToggle_8lpjt_334:hover{transform:translateY(-1px)}._canvasTabPanelContracted_8lpjt_446{right:422px}._canvasTabPanelLeftCollapsed_8lpjt_451{left:25px}._canvasTabPanelRightCollapsed_8lpjt_456{right:22px}._canvasTabPanelLeftCollapsedRightCollapsed_8lpjt_461{left:25px;right:22px}._canvasTabsHeader_8lpjt_466{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;flex-shrink:0}._new-canvas-buttons_8lpjt_476{display:flex;gap:8px;margin-left:auto}._tabsTitle_8lpjt_482{font-size:13px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._newCanvasBtn_8lpjt_350{background:var(--color-primary-600);color:#fff;border:1px solid var(--color-primary-600);border-radius:var(--radius-full);padding:6px 12px;cursor:pointer;margin-right:8px;font-size:11px;font-weight:500;transition:all .2s ease;font-family:var(--font-body);box-shadow:var(--shadow-sm)}._newCanvasBtn_8lpjt_350:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}._newCanvasBtn_8lpjt_350:disabled{background:#9ca3af!important;cursor:not-allowed;opacity:.6}._canvasTabsContainer_8lpjt_344{flex:1;display:flex;gap:12px;padding:5px var(--space-3);height:calc(var(--canvas-thumb-height) + 10px);box-sizing:border-box;scroll-padding:0 var(--space-4);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;align-items:center}._canvasTabsContainer_8lpjt_344::-webkit-scrollbar{height:6px}._canvasTabsContainer_8lpjt_344::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}._canvasTabsContainer_8lpjt_344::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}._canvasTabsContainer_8lpjt_344::-webkit-scrollbar-thumb:hover{background:#a8a8a8}._canvasThumbnail_8lpjt_338{flex-shrink:0;width:var(--canvas-thumb-width);height:var(--canvas-thumb-height);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_8lpjt_338:hover{border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._canvasThumbnailActive_8lpjt_572{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}._canvasThumbnailActive_8lpjt_572:hover{border-color:#2563eb}._addCanvasRow_8lpjt_581{min-width:180px;height:44px;border:1px dashed #cbd5f5;border-radius:12px;background:#f8fafc;color:#1f2937;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}._addCanvasRow_8lpjt_581 ._addCanvasHint_8lpjt_361{display:none}._addCanvasRow_8lpjt_581 ._addCanvasIcon_8lpjt_602{font-size:16px}._addCanvasRow_8lpjt_581 ._addCanvasLabel_8lpjt_606{font-size:12px}._addCanvasRow_8lpjt_581:hover{border-color:#94a3b8;background:#f1f5f9}._canvasListItem_8lpjt_615{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e1e5e9;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:220px;max-width:260px;flex-shrink:0}._canvasListItem_8lpjt_615:hover{border-color:#94a3b8;box-shadow:0 6px 14px #0f172a14;transform:translateY(-1px)}._canvasListItemActive_8lpjt_637{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f626}._canvasListMain_8lpjt_642{min-width:0}._canvasListName_8lpjt_646{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-body)}._canvasListNameInput_8lpjt_656{width:100%;font-size:13px;font-weight:600;border:1px solid var(--accent);border-radius:8px;padding:4px 6px;background:#fff;color:var(--text);outline:none;font-family:var(--font-body)}._canvasListMeta_8lpjt_669{display:flex;align-items:center;gap:6px}._canvasListType_8lpjt_675{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#fff;padding:4px 8px;border-radius:999px;white-space:nowrap}._canvasListRemoveBtn_8lpjt_686{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}._canvasListRemoveBtn_8lpjt_686:hover{background:#fee;color:#dc2626}._thumbnailPreview_8lpjt_357{flex:1;position:relative;overflow:hidden;background:#f8f9fa}._thumbnailContent_8lpjt_713{width:100%;height:100%;position:relative}._thumbnailReactflow_8lpjt_719{width:100%;height:100%}._thumbnailReactflow_8lpjt_719 ._react-flow__viewport_8lpjt_724{pointer-events:none}._thumbnailReactflow_8lpjt_719 ._react-flow__node_8lpjt_728{font-size:8px!important}._thumbnailReactflow_8lpjt_719 ._react-flow__edge-text_8lpjt_732{font-size:6px!important}._emptyCanvas_8lpjt_736{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_8lpjt_365{padding:4px 6px;background:#fff;border-top:1px solid #f1f3f4;flex-shrink:0;min-height:30px}._thumbnailHeader_8lpjt_756{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}._thumbnailName_8lpjt_763{font-size:11px;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_8lpjt_763:hover{background:#f0f9ff;color:#0284c7}._thumbnailNameInput_8lpjt_784{font-size:11px;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)}._addCanvasThumbnail_8lpjt_339{flex-shrink:0;width:var(--canvas-thumb-width);height:var(--canvas-thumb-height);background:#f8fafc;border:2px dashed #cbd5f5;border-radius:10px;color:#1f2937;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}._addCanvasThumbnail_8lpjt_339:hover{border-color:#94a3b8;background:#f1f5f9;transform:translateY(-2px);box-shadow:0 6px 14px #0f172a1f}._addCanvasThumbnail_8lpjt_339:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}._addCanvasThumbnail_8lpjt_339[data-disabled=true]{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}._addCanvasIcon_8lpjt_602{font-size:22px;font-weight:600;line-height:1;color:#334155}._addCanvasLabel_8lpjt_606{font-size:11px;font-weight:600}._addCanvasHint_8lpjt_361{font-size:9px;color:#64748b}._emptyCanvasState_8lpjt_853{min-width:220px;padding:16px;border-radius:10px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.4;font-family:var(--font-body)}._emptyCanvasState_8lpjt_853 p{margin:0}._emptyCanvasState_8lpjt_853 p+p{margin-top:6px;color:#64748b}._createCanvasDialog_8lpjt_873{max-width:760px}._createCanvasLoading_8lpjt_877{margin-top:8px;margin-bottom:4px;display:flex;justify-content:center}._diagramOptionGrid_8lpjt_884{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:8px}._diagramOptionCard_8lpjt_891{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:all .2s ease;font-family:var(--font-body)}._diagramOptionCard_8lpjt_891:hover{border-color:#94a3b8;box-shadow:0 8px 20px #0f172a1f;transform:translateY(-2px)}._diagramOptionCard_8lpjt_891[data-disabled=true]{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}._diagramOptionCard_8lpjt_891[data-disabled=true]:hover{border-color:#e2e8f0;box-shadow:none;transform:none}._diagramOptionPreview_8lpjt_924{background:#f8fafc;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;min-height:76px}._diagramOptionTitle_8lpjt_934{font-size:13px;font-weight:600;color:#0f172a}._diagramOptionSummary_8lpjt_940{font-size:11px;color:#64748b;line-height:1.4}._thumbnailRemoveBtn_8lpjt_946{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_8lpjt_946:hover{background:#fee;color:#dc2626}._thumbnailMeta_8lpjt_968{display:flex;align-items:center;justify-content:space-between;gap:6px}._diagramTypeBadge_8lpjt_975{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}._nodeCount_8lpjt_988{font-size:9px;color:#6b7280;font-family:var(--font-body);flex-shrink:0}@media (min-width: 1029px) and (max-width: 1400px){._tabsTitle_8lpjt_482{font-size:12px}._newCanvasBtn_8lpjt_350{font-size:10px;padding:5px 10px}._thumbnailName_8lpjt_763,._thumbnailNameInput_8lpjt_784{font-size:10px}._addCanvasIcon_8lpjt_602{font-size:20px}._addCanvasLabel_8lpjt_606{font-size:10px}._addCanvasHint_8lpjt_361{font-size:8px}._diagramTypeBadge_8lpjt_975{font-size:7px}._nodeCount_8lpjt_988{font-size:8px}}._newCanvasBtnArchimate_8lpjt_1033{background:#3b82f6}._newCanvasBtnArchimate_8lpjt_1033:hover{background:#2563eb}._newCanvasBtnC4_8lpjt_1041{background:#22c55e}._newCanvasBtnC4_8lpjt_1041:hover{background:#16a34a}._newCanvasBtnSequence_8lpjt_1049{background:#a855f7}._newCanvasBtnSequence_8lpjt_1049:hover{background:#9333ea}._loadingScreen_8lpjt_1058{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}._loadingSpinner_8lpjt_1066{text-align:center}._loadingSpinner_8lpjt_1066 ._spinner_8lpjt_1070{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--accent);border-radius:50%;animation:_spin_8lpjt_1070 1s linear infinite;margin:0 auto 16px}@keyframes _spin_8lpjt_1070{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingSpinner_8lpjt_1066 p{color:var(--text);font-family:var(--font-body);margin:0}._modlLibraryPanel_8lpjt_1092{padding:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}._modlLibraryHeader_8lpjt_1100{margin-bottom:16px;flex-shrink:0}._modlHeaderTop_8lpjt_1105{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}._modlLibraryHeader_8lpjt_1100 h3{margin:0;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._modlCreateModelBtn_8lpjt_1120{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_8lpjt_1120:hover{background:#2563eb;transform:translateY(-1px)}._modlLibraryHeader_8lpjt_1100 p{margin:0 0 12px;font-size:12px;color:#6b7280;font-family:var(--font-body)}._modlSearchContainer_8lpjt_1145{margin-bottom:8px}._modlSearchInput_8lpjt_1149{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_8lpjt_1149:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}._modlSearchInput_8lpjt_1149::-moz-placeholder{color:#9ca3af}._modlSearchInput_8lpjt_1149::placeholder{color:#9ca3af}._modlTemplatesGrid_8lpjt_1171{flex:1;display:block;overflow-y:auto;padding:4px}._modlTemplatesGrid_8lpjt_1171::-webkit-scrollbar{width:6px}._modlTemplatesGrid_8lpjt_1171::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}._modlTemplatesGrid_8lpjt_1171::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}._modlTemplatesGrid_8lpjt_1171::-webkit-scrollbar-thumb:hover{background:#a8a8a8}._modlTemplateThumbnail_8lpjt_1196{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_8lpjt_1196:hover{border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._modlThumbnailPreview_8lpjt_1217{flex:1;position:relative;overflow:hidden;background:#f8f9fa;min-height:80px}._modlThumbnailContent_8lpjt_1225,._modlThumbnailReactflow_8lpjt_1231{width:100%;height:100%;position:relative}._modlThumbnailReactflow_8lpjt_1231 ._react-flow_8lpjt_724,._modlThumbnailReactflow_8lpjt_1231 ._react-flow__viewport_8lpjt_724{width:100%!important;height:100%!important}._modlThumbnailReactflow_8lpjt_1231 ._react-flow__viewport_8lpjt_724{pointer-events:none}._modlThumbnailReactflow_8lpjt_1231 ._react-flow__node_8lpjt_728{font-size:6px!important}._modlThumbnailReactflow_8lpjt_1231 ._react-flow__edge-text_8lpjt_732{font-size:5px!important}._modlEmptyCanvas_8lpjt_1259{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_8lpjt_1271{padding:8px;background:#fff;border-top:1px solid #f1f3f4;flex-shrink:0}._modlThumbnailName_8lpjt_1278{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_8lpjt_1289{display:flex;align-items:center;justify-content:space-between;gap:6px}._modlDiagramTypeBadge_8lpjt_1296{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_8lpjt_1309{font-size:9px;color:#6b7280;font-family:var(--font-body);flex-shrink:0}._modlModelDomain_8lpjt_1316{font-size:9px;color:#059669;font-weight:500;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px}._modlEmptyLibrary_8lpjt_1325{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#6b7280;font-family:var(--font-body)}._modlEmptyLibrary_8lpjt_1325 p{margin:0 0 8px;font-size:14px}._modlEmptyLibrary_8lpjt_1325 p:last-child{font-size:12px;font-style:italic}._modlLibraryToggleBtn_8lpjt_328{position:fixed;top:var(--panel-toggle-stack-center);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;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);display:flex;align-items:center;justify-content:center;gap:4px}._modlLibraryToggleBtn_8lpjt_328:hover{background:#db2777;transform:translateY(-50%) translate(-2px)}._modlLibraryOpen_8lpjt_1377{right:410px}._modlLibraryToggleBtn_8lpjt_328._modlLibraryOpen_8lpjt_1377:hover{right:412px}._modlLibraryToggleBtn_8lpjt_328 ._toggle-label_8lpjt_1385{font-size:10px;letter-spacing:1px}._modlLibraryPanelContainer_8lpjt_1390{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_8lpjt_1406{transform:translate(0)}._modlLibraryPanelClosed_8lpjt_1410{transform:translate(100%)}._modlLibraryOverlay_8lpjt_1414{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}@media (max-width: 768px){._modlLibraryToggleBtn_8lpjt_328{right:430px;top:20px;transform:none;writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px}._modlLibraryPanelContainer_8lpjt_1390{width:100vw;left:0;right:0;margin-right:0}._modlLibraryOverlay_8lpjt_1414{display:block}}._saveModelDialogOverlay_8lpjt_1450{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}._saveModelDialog_8lpjt_1450{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_8lpjt_1474{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e1e5e9}._saveModelDialogHeader_8lpjt_1474 h3{margin:0;font-size:18px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._saveModelDialogClose_8lpjt_1490{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_8lpjt_1490:hover{background:#f3f4f6;color:#374151}._saveModelDialogContent_8lpjt_1511{padding:24px}._saveModelDialogField_8lpjt_1515{margin-bottom:20px}._saveModelDialogField_8lpjt_1515 label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text);font-family:var(--font-body)}._saveModelDialogInput_8lpjt_1528{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_8lpjt_1528:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}._saveModelDialogTextarea_8lpjt_1546{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_8lpjt_1546:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}._saveModelDialogInfo_8lpjt_1566{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e1e5e9;margin-top:20px}._saveModelDialogInfo_8lpjt_1566 p{margin:0 0 8px;font-size:13px;color:#6b7280;font-family:var(--font-body)}._saveModelDialogInfo_8lpjt_1566 p:last-child{margin-bottom:0}._saveModelDialogFooter_8lpjt_1585{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid #e1e5e9}._saveModelDialogCancelBtn_8lpjt_1593{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_8lpjt_1593:hover{background:#e5e7eb}._saveModelDialogSaveBtn_8lpjt_1610{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_8lpjt_1610:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}._saveModelDialogSaveBtn_8lpjt_1610:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width: 768px){._saveModelDialog_8lpjt_1450{width:95%;margin:20px}._saveModelDialogHeader_8lpjt_1474{padding:16px 20px 12px}._saveModelDialogContent_8lpjt_1511{padding:20px}._saveModelDialogFooter_8lpjt_1585{padding:12px 20px 20px}}._aiAssistPanel_8lpjt_1655{padding:16px;height:100%;display:flex;flex-direction:column;overflow:hidden;font-size:13px}._aiAssistHeader_8lpjt_1664{margin-bottom:16px;flex-shrink:0}._aiAssistHeaderTop_8lpjt_1669{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}._aiAssistControls_8lpjt_1676,._aiAssistStatusRow_8lpjt_1682{display:flex;align-items:center;gap:8px}._aiAssistStatusPill_8lpjt_1688{font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#1f2937;background:#eef2f7;border:1px solid #e2e8f0;padding:4px 8px;border-radius:999px;font-family:var(--font-body)}._aiAssistStatusPillMuted_8lpjt_1701{font-size:11px;color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;padding:4px 8px;border-radius:999px;font-family:var(--font-body)}._aiAssistPanel_8lpjt_1655 h3{margin:0;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._aiAssistClearBtn_8lpjt_1719{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:all .2s ease}._aiAssistClearBtn_8lpjt_1719:hover{background:#f3f4f6;color:#374151}._aiAssistPanel_8lpjt_1655 p{margin:0 0 12px;font-size:inherit;color:#6b7280;font-family:var(--font-body)}._aiAssistMessages_8lpjt_1742{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:4px;gap:12px}._aiAssistMessages_8lpjt_1742::-webkit-scrollbar{width:6px}._aiAssistMessages_8lpjt_1742::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}._aiAssistMessages_8lpjt_1742::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}._aiAssistMessages_8lpjt_1742::-webkit-scrollbar-thumb:hover{background:#a8a8a8}._aiAssistWelcome_8lpjt_1769{text-align:center;padding:20px;color:#6b7280;font-family:var(--font-body)}._aiAssistWelcomeIcon_8lpjt_1776{font-size:48px;margin-bottom:16px;display:block}._aiAssistWelcome_8lpjt_1769 h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._aiAssistWelcome_8lpjt_1769 p{margin:0 0 16px;font-size:inherit}._aiAssistSuggestions_8lpjt_1795{display:flex;flex-direction:column;gap:8px}._aiAssistSuggestions_8lpjt_1795 button{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:inherit;color:var(--text);font-family:var(--font-body);text-align:left;transition:all .2s ease}._aiAssistSuggestions_8lpjt_1795 button:hover{background:#e9ecef;border-color:#adb5bd}._aiAssistMessage_8lpjt_1742{display:flex;margin-bottom:8px}._aiAssistMessageUser_8lpjt_1824{justify-content:flex-end}._aiAssistMessageAssistant_8lpjt_1828{justify-content:flex-start}._aiAssistMessageContent_8lpjt_1832{max-width:80%;padding:8px 12px;border-radius:12px;font-size:inherit;line-height:1.4;font-family:var(--font-body)}._aiAssistMessageContent_8lpjt_1832 p{margin:0 0 8px;color:inherit}._aiAssistMessageContent_8lpjt_1832 p:last-child{margin-bottom:0}._aiAssistMessageContent_8lpjt_1832 strong{font-weight:600}._aiAssistMessageContent_8lpjt_1832 ul,._aiAssistMessageContent_8lpjt_1832 ol{margin:8px 0;padding-left:20px}._aiAssistMessageContent_8lpjt_1832 li{margin-bottom:4px;color:inherit}._aiAssistMessageContent_8lpjt_1832 code{background:#0000001a;padding:2px 4px;border-radius:3px;font-family:var(--font-mono);font-size:13px}._aiAssistMessageContent_8lpjt_1832 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_8lpjt_1832 pre code{background:none;padding:0}._aiAssistMessageUser_8lpjt_1824 ._aiAssistMessageContent_8lpjt_1832{background:#007bff;color:#fff}._aiAssistMessageAssistant_8lpjt_1828 ._aiAssistMessageContent_8lpjt_1832{background:#f3f6f8;color:#1f2937;border:1px solid #e5e7eb}._aiAssistTyping_8lpjt_1900{display:flex;align-items:center;gap:8px;font-size:inherit;color:#6b7280;font-family:var(--font-body)}._aiAssistTypingDots_8lpjt_1909{display:inline-block;animation:_aiAssistTypingAnimation_8lpjt_1 1.4s infinite}@keyframes _aiAssistTypingAnimation_8lpjt_1{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}._aiAssistInputForm_8lpjt_1923{padding:16px 0 0;border-top:1px solid #e1e5e9;display:flex;gap:8px;flex-shrink:0}._aiAssistInput_8lpjt_1923{width:100%;flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:inherit;font-family:var(--font-body);color:var(--text);background:#fff;outline:none;transition:border-color .2s ease}._aiAssistInput_8lpjt_1923:focus{border-color:#007bff}._aiAssistInput_8lpjt_1923::-moz-placeholder{color:#9ca3af}._aiAssistInput_8lpjt_1923::placeholder{color:#9ca3af}._aiAssistSendBtn_8lpjt_1953{padding:10px 18px;background:#007bff;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:inherit;font-weight:500;font-family:var(--font-body);transition:all .2s ease;white-space:nowrap}._aiAssistSendBtn_8lpjt_1953:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}._aiAssistSendBtn_8lpjt_1953:disabled{background:#6c757d;cursor:not-allowed;transform:none}._aiAssistConfirmation_8lpjt_1979{border-top:1px solid #e1e5e9;padding:16px;background:#f8f9fa;flex-shrink:0}._aiAssistConfirmationHeader_8lpjt_1986{margin-bottom:12px}._aiAssistConfirmationHeader_8lpjt_1986 h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._aiAssistConfirmationHeader_8lpjt_1986 p{margin:0;font-size:12px;color:#6b7280;font-family:var(--font-body)}._aiAssistConfirmationActions_8lpjt_2005{margin-bottom:16px;max-height:120px;overflow-y:auto}._aiAssistConfirmationAction_8lpjt_2005{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #e9ecef}._aiAssistConfirmationAction_8lpjt_2005:last-child{border-bottom:none}._aiAssistConfirmationActionType_8lpjt_2023{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_8lpjt_2034{font-size:12px;color:var(--text);font-family:var(--font-body);flex:1}._aiAssistConfirmationButtons_8lpjt_2041{display:flex;gap:8px;justify-content:flex-end}._aiAssistCancelBtn_8lpjt_2047{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_8lpjt_2047:hover{background:#e5e7eb}._aiAssistApplyBtn_8lpjt_2064{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_8lpjt_2064:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}._aiAssistApplyBtn_8lpjt_2064:disabled{background:#9ca3af;cursor:not-allowed;transform:none}._aiAssistToggleBtn_8lpjt_329{position:fixed;top:calc(var(--panel-toggle-stack-center) + var(--panel-toggle-offset));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;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);display:flex;align-items:center;justify-content:center;gap:4px}._aiAssistToggleBtn_8lpjt_329:hover{background:#059669;transform:translateY(-50%) translate(-2px)}._aiAssistOpen_8lpjt_2120{right:410px}._aiAssistToggleBtn_8lpjt_329._aiAssistOpen_8lpjt_2120:hover{right:412px}._aiAssistToggleBtn_8lpjt_329 ._toggle-label_8lpjt_1385{font-size:10px;letter-spacing:1px}._aiAssistPanelContainer_8lpjt_2133{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_8lpjt_2149{transform:translate(0)}._aiAssistPanelClosed_8lpjt_2153{transform:translate(100%)}._aiAssistOverlay_8lpjt_2157{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}@media (max-width: 768px){._aiAssistToggleBtn_8lpjt_329{right:830px;top:20px;transform:none;writing-mode:horizontal-tb;text-orientation:initial;min-height:auto;padding:8px 12px}._aiAssistPanelContainer_8lpjt_2133{width:100vw;left:0;right:0;margin-right:0}._aiAssistOverlay_8lpjt_2157{display:block}}._react-flow-wrapper_8lpjt_2193._selection-mode_8lpjt_2193,._react-flow-wrapper_8lpjt_2193._selection-mode_8lpjt_2193 ._react-flow__node_8lpjt_728,._react-flow-wrapper_8lpjt_2193._selection-mode_8lpjt_2193 ._react-flow__edge_8lpjt_732,._react-flow-wrapper_8lpjt_2193._selection-mode_8lpjt_2193 ._react-flow__pane_8lpjt_2205{cursor:crosshair}._selection-mode-overlay_8lpjt_2210{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_8lpjt_2210:before{content:"🎯";font-size:16px}._selection-mode-cancel-btn_8lpjt_2233{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_8lpjt_2233:hover{background:#ffffff4d}._historyButton_8lpjt_2250{background:#f3f4f6;border:1px solid #e5e7eb;font-size:12px;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:999px;transition:all .2s ease;color:#374151;text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-body)}._historyButton_8lpjt_2250:hover{background:#e5e7eb;border-color:#d1d5db}._modalOverlay_8lpjt_2271{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}._modalContent_8lpjt_2284{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_8lpjt_2295{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e1e5e9}._modalHeader_8lpjt_2295 h3{margin:0;font-size:18px;font-weight:600;color:var(--text);font-family:var(--font-heading)}._closeButton_8lpjt_2311{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_8lpjt_2311:hover{background:#f3f4f6;color:#374151}._modalBody_8lpjt_2332{padding:24px;max-height:60vh;overflow-y:auto}._chatHistoryActions_8lpjt_2338{margin-bottom:20px}._primaryButton_8lpjt_2342{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_8lpjt_2342:hover{background:#2563eb;transform:translateY(-1px)}._chatHistoryList_8lpjt_2360{display:flex;flex-direction:column;gap:8px}._emptyState_8lpjt_2366{text-align:center;padding:40px 20px;color:#6b7280;font-family:var(--font-body)}._canvasEmptyState_8lpjt_2373{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;min-height:320px;padding:32px;text-align:center;color:#475569;background:#f8fafc;border:1px dashed #cbd5f5;border-radius:16px;font-family:var(--font-body)}._canvasEmptyState_8lpjt_2373 h3{margin:0;font-size:18px;color:#0f172a}._canvasEmptyState_8lpjt_2373 p{margin:0 0 4px;font-size:14px}._emptyState_8lpjt_2366 p{margin:0 0 8px;font-size:14px}._emptyState_8lpjt_2366 p:last-child{font-size:12px;font-style:italic}._chatHistoryItem_8lpjt_2411{display:flex;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s ease}._chatHistoryItem_8lpjt_2411:hover{border-color:#9ca3af;background:#f8f9fa}._chatHistoryItemActive_8lpjt_2427{border-color:var(--accent);background:#eff6ff}._chatHistoryContent_8lpjt_2432{flex:1;min-width:0}._chatHistoryTitle_8lpjt_2437{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_8lpjt_2448{font-size:12px;color:#6b7280;margin-bottom:6px;font-family:var(--font-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chatHistoryMeta_8lpjt_2458{display:flex;align-items:center;gap:12px;font-size:11px;color:#9ca3af;font-family:var(--font-body)}._chatHistoryDate_8lpjt_2467,._chatHistoryCount_8lpjt_2471{flex-shrink:0}._chatHistoryType_8lpjt_2475{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_8lpjt_2487{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_8lpjt_2487:hover{background:#fee;color:#dc2626}@media (max-width: 768px){._modalContent_8lpjt_2284{width:95%;margin:20px}._modalHeader_8lpjt_2295{padding:16px 20px 12px}._modalBody_8lpjt_2332{padding:20px}}._mobile-footer_8lpjt_2526{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #f1f1f1;box-shadow:0 -6px 20px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:10px 12px calc(12px + env(safe-area-inset-bottom));min-height:var(--mobile-footer-height)}._mobile-footer-content_8lpjt_2541{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center;max-width:720px;margin:0 auto}._mobile-footer-btn_8lpjt_2550{min-width:0;height:56px!important;padding:6px 4px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e5e5e5!important;color:#111!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px!important;font-weight:600;line-height:1;box-shadow:0 1px #00000008}._mobile-footer-btn-active_8lpjt_2570{background:#111!important;color:#fff!important;border-color:#111!important;box-shadow:0 8px 18px #0003}._mobile-footer-icon_8lpjt_2578{display:inline-flex;align-items:center;justify-content:center}._mobile-footer-icon_8lpjt_2578 svg{width:18px;height:18px;stroke-width:1.6}._mobile-footer-label_8lpjt_2591{font-size:10px;letter-spacing:.2px}._mobile-footer-badge_8lpjt_2596{margin-top:2px;padding:2px 6px;border-radius:999px;background:#f1f1f1;color:#111;font-size:9px;font-weight:700;line-height:1}._mobile-footer-btn-active_8lpjt_2570 ._mobile-footer-badge_8lpjt_2596{background:#fff3;color:#fff}._mobile-modal_8lpjt_2613{width:95vw!important;max-width:95vw!important;margin:20px!important}._mobile-modal-content_8lpjt_2619{padding:16px}._mobileSelectionGrid_8lpjt_2623{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;max-height:60vh;overflow-y:auto;padding-right:4px}._mobileSelectionTile_8lpjt_2632{border:1px solid #e1e5e9;background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;cursor:pointer;text-align:left;transition:all .2s ease}._mobileSelectionTile_8lpjt_2632:hover{border-color:#9ca3af;box-shadow:0 6px 14px #0f172a14;transform:translateY(-1px)}._mobileSelectionTileActive_8lpjt_2652{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}._mobileSelectionTileIcon_8lpjt_2657{font-size:20px;line-height:1}._mobileSelectionTileName_8lpjt_2662{font-size:14px;font-weight:600;color:#111827;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._mobileSelectionTileMeta_8lpjt_2672{font-size:11px;color:#6b7280}._mobileCanvasGrid_8lpjt_2677{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-height:60vh;overflow-y:auto;padding-right:4px;justify-items:center}._mobileCanvasThumbnail_8lpjt_2687{width:100%;max-width:var(--canvas-thumb-width);padding:0}._mobile-list_8lpjt_2693{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}._mobile-list-item_8lpjt_2701{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_8lpjt_2712{display:flex;flex-direction:column;gap:2px;width:100%}._mobile-canvas-name_8lpjt_2719{font-weight:500;color:var(--text)}._mobile-canvas-type_8lpjt_2724{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}._mobile-empty-state_8lpjt_2731{text-align:center;color:#6b7280;font-style:italic;padding:40px 20px;margin:0}._mobile-create-btn_8lpjt_2739{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_8lpjt_2739:hover{background:#2563eb!important;transform:translateY(-1px)}@media (min-width: 1029px){._mobile-footer_8lpjt_2526{display:none!important}}@media (max-width: 480px){._mobile-footer-btn_8lpjt_2550{height:48px!important;font-size:9px!important}._mobile-footer-icon_8lpjt_2578 svg{width:16px;height:16px;stroke-width:1.6}._mobile-modal_8lpjt_2613{width:100vw!important;max-width:100vw!important;margin:0!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}}._projectTilePanel_107tx_4{width:100%;height:var(--space-16);background:linear-gradient(180deg,#fff,#f8fafc);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-4);gap:var(--space-3)}._projectTilesWrap_107tx_18{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}._projectLabel_107tx_26{font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-500);white-space:nowrap}._projectTilesContainer_107tx_35{flex:1;display:flex;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;align-items:center;padding:6px 0;scroll-snap-type:x proximity}._projectTilesContainer_107tx_35::-webkit-scrollbar{height:4px}._projectTilesContainer_107tx_35::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}._projectTilesContainer_107tx_35::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}._projectTilesContainer_107tx_35::-webkit-scrollbar-thumb:hover{background:#a8a8a8}._projectTile_107tx_4{flex-shrink:0;min-width:120px;max-width:200px;height:44px;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;padding:0 14px;position:relative;scroll-snap-align:start;box-shadow:var(--shadow-sm)}._projectTile_107tx_4:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}._projectTileActive_107tx_91{background:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:0 8px 16px #2563eb33}._projectTileActive_107tx_91:hover{background:var(--color-primary-700);border-color:var(--color-primary-700)}._projectName_107tx_102{font-size:13px;font-weight:var(--font-medium);color:var(--color-neutral-800);cursor:pointer;padding:6px 4px;border-radius:var(--radius-md);transition:color .2s ease,background .2s ease;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body)}._projectName_107tx_102:hover{background:#3b82f61f}._projectNameInput_107tx_122{font-size:13px;font-weight:var(--font-medium);border:1px solid var(--accent);border-radius:var(--radius-md);padding:6px 8px;background:#fff;color:var(--text);outline:none;width:140px;font-family:var(--font-body)}._projectRemoveBtn_107tx_135{background:none;border:none;color:var(--color-neutral-400);cursor:pointer;font-size:16px;font-weight:700;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all .2s ease;flex-shrink:0;margin-left:4px}._projectRemoveBtn_107tx_135:hover{background:#fee;color:var(--color-error-600)}._addProjectBtn_107tx_158{flex-shrink:0;min-width:110px;margin-right:8px;background:var(--color-primary-600);color:#fff;border:1px solid var(--color-primary-600);border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:8px 18px;font-family:var(--font-body)}._addProjectBtn_107tx_158:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-1px)}._addProjectBtn_107tx_158:disabled{opacity:.6;cursor:not-allowed;transform:none}._addProjectBtn_107tx_158[data-disabled=true]{opacity:.6;cursor:not-allowed;transform:none}._projectTileActive_107tx_91 ._projectName_107tx_102{color:#fff}._projectTileActive_107tx_91 ._projectName_107tx_102:hover{background:#ffffff2e}._projectEmptyState_107tx_203{display:flex;align-items:center;gap:var(--space-3);color:var(--color-neutral-500);font-size:13px;font-weight:var(--font-medium)}._projectEmptyAction_107tx_212{background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-full);padding:6px 14px;cursor:pointer;font-size:12px;font-weight:var(--font-semibold);transition:all .2s ease}._projectEmptyAction_107tx_212:hover{background:var(--color-primary-700)}._projectEmptyAction_107tx_212:disabled{opacity:.6;cursor:not-allowed}._projectEmptyAction_107tx_212[data-disabled=true]{opacity:.6;cursor:not-allowed}@media (max-width: 1028px){._projectTilePanel_107tx_4{height:56px;padding:0 var(--space-3)}._projectLabel_107tx_26{display:none}._projectTile_107tx_4{min-width:110px;max-width:180px;height:40px;padding:0 12px}._addProjectBtn_107tx_158{min-width:96px;padding:6px 14px}._projectName_107tx_102{font-size:12px}._projectNameInput_107tx_122{width:120px;font-size:12px}}@media (min-width: 1029px) and (max-width: 1400px){._projectTilePanel_107tx_4{height:52px;padding:0 var(--space-3);gap:var(--space-2)}._projectLabel_107tx_26{font-size:10px}._projectTilesContainer_107tx_35{padding:4px 0;gap:var(--space-2)}._projectTile_107tx_4{min-width:110px;max-width:180px;height:38px;padding:6px 12px}._projectName_107tx_102{font-size:12px;font-weight:500}._projectNameInput_107tx_122{width:130px;font-size:12px;font-weight:500}._addProjectBtn_107tx_158{min-width:96px;padding:6px 12px;font-size:12px;font-weight:500}}:root{--upgrade-accent: #0ea5e9;--upgrade-accent-dark: #0369a1;--upgrade-ink: #0f172a;--upgrade-mist: rgba(15, 23, 42, .15)}._overlay_1l1u0_8{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 10%,rgba(14,165,233,.18),transparent 55%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.14),transparent 60%),#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1200;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}._modal_1l1u0_22{width:min(940px,100%);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;border:1px solid rgba(148,163,184,.35);box-shadow:0 40px 80px #0f172a4d;padding:28px;font-family:var(--font-body);position:relative;overflow:hidden}._loadingOverlay_1l1u0_34{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8fafcbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:2}._loadingSpinner_1l1u0_47{width:32px;height:32px;border:3px solid rgba(148,163,184,.5);border-top:3px solid var(--upgrade-accent);border-radius:50%;animation:_spin_1l1u0_1 1s linear infinite}._loadingText_1l1u0_56{margin:0;font-size:13px;font-weight:600;color:#475569}._modal_1l1u0_22:before{content:"";position:absolute;inset:-40% -20% auto auto;width:380px;height:380px;background:radial-gradient(circle,rgba(14,165,233,.18),transparent 65%);opacity:.9;pointer-events:none}._header_1l1u0_74{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}._badge_1l1u0_82{background:#0ea5e926;color:var(--upgrade-accent-dark);border:1px solid rgba(14,165,233,.35);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}._closeBtn_1l1u0_94{background:#0f172a14;border:none;border-radius:999px;width:32px;height:32px;font-size:20px;cursor:pointer;color:#0f172a;transition:transform .2s ease,background .2s ease}._closeBtn_1l1u0_94:hover{background:#0f172a26;transform:scale(1.05)}._titleBlock_1l1u0_111 h2{font-family:var(--font-heading);font-size:28px;margin:0 0 8px;color:var(--upgrade-ink)}._titleBlock_1l1u0_111 p{color:#475569;font-size:15px;line-height:1.6;max-width:680px}._grid_1l1u0_125{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}._valueCard_1l1u0_132{background:#0f172a;color:#f8fafc;border-radius:18px;padding:22px;box-shadow:inset 0 0 0 1px #94a3b833}._valueTitle_1l1u0_140{font-family:var(--font-heading);font-size:18px;margin-bottom:12px}._valueList_1l1u0_146{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px;color:#f8fafcd9}._valueList_1l1u0_146 li{display:flex;align-items:center;gap:8px}._valueList_1l1u0_146 li:before{content:"*";color:var(--upgrade-accent);font-size:18px}._pricingCard_1l1u0_168{background:#fff;border-radius:18px;padding:20px;border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 40px #0f172a1f;display:grid;gap:14px}._priceRow_1l1u0_178{display:flex;align-items:center;justify-content:space-between;gap:16px}._planName_1l1u0_185{text-transform:uppercase;font-size:11px;letter-spacing:.1em;color:#64748b}._planPrice_1l1u0_192{font-family:var(--font-heading);font-size:26px;color:var(--upgrade-ink);margin-top:4px}._planSub_1l1u0_199{font-size:12px;color:#64748b}._primaryBtn_1l1u0_204{border:none;border-radius:999px;background:linear-gradient(120deg,var(--upgrade-accent),#6366f1);color:#fff;font-weight:600;padding:10px 18px;cursor:pointer;box-shadow:0 12px 24px #0ea5e947;transition:transform .2s ease,box-shadow .2s ease}._primaryBtn_1l1u0_204:hover{transform:translateY(-1px);box-shadow:0 16px 32px #0ea5e952}._ghostBtn_1l1u0_221{border-radius:999px;padding:10px 18px;border:1px solid rgba(15,23,42,.2);background:#f8fafc;color:#0f172a;font-weight:600;cursor:pointer;transition:border .2s ease,transform .2s ease}._ghostBtn_1l1u0_221:hover{transform:translateY(-1px);border-color:#0f172a66}._divider_1l1u0_237{height:1px;background:#94a3b859}._footer_1l1u0_242{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#64748b}._linkBtn_1l1u0_252{background:none;border:none;color:var(--upgrade-accent-dark);font-weight:600;cursor:pointer}._error_1l1u0_260{margin-top:12px;font-size:12px;color:#fecaca;background:#ef444426;padding:8px 12px;border-radius:10px}@media (max-width: 640px){._modal_1l1u0_22{padding:20px}._titleBlock_1l1u0_111 h2{font-size:22px}._footer_1l1u0_242,._priceRow_1l1u0_178{flex-direction:column;align-items:flex-start}}/*! 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)}.h-auto{height:auto}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-\[80vh\]{max-height:80vh}.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-fit{width:-moz-fit-content;width:fit-content}.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-\[92vw\]{max-width:92vw}.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)}.min-w-\[250px\]{min-width:250px}.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;--panel-toggle-stack-center: calc(50% + 100px) ;--panel-toggle-height:80px;--panel-toggle-gap:20px;--panel-toggle-offset:calc(var(--panel-toggle-height) + var(--panel-toggle-gap));--canvas-tab-panel-height:220px;--canvas-tab-panel-height-mobile:200px;--canvas-tab-panel-extra-height:108px;--canvas-tab-panel-height-current:calc(var(--canvas-thumb-height) + var(--canvas-tab-panel-extra-height));--mobile-footer-height:0px;--canvas-thumb-width:168px;--canvas-thumb-height:110px}@media (max-width:1028px){:root{--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.125rem;--text-2xl:1.25rem;--canvas-tab-panel-height-current:0px;--mobile-footer-height:3.75rem;--panel-toggle-height:64px;--panel-toggle-gap:12px;--panel-toggle-offset:calc(var(--panel-toggle-height) + var(--panel-toggle-gap))}}@media (min-width:1029px) and (max-width:1400px){:root{--mobile-footer-height:0px;--canvas-thumb-width:132px;--canvas-thumb-height:64px;--canvas-tab-panel-extra-height:74px}}.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}.loading-rotating-text{color:var(--color-neutral-500);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.02em;animation:1s infinite bounce}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.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}.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;transition:all .2s;position:absolute!important}.react-flow__connection-line{stroke-width:2.5px!important;stroke:#333!important;opacity:1!important}.react-flow__edge-path{cursor:crosshair}.edge-interaction-path{cursor:crosshair;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--edge-interaction-width,6px);vector-effect:non-scaling-stroke;fill:none!important;pointer-events:stroke!important;stroke:#00000003!important}.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 .react-flow__edge path,.react-flow__viewport g path,.react-flow__viewport .react-flow__edge 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__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 2px 8px #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}@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}@media (max-width:1028px){.plantumlToggleBtn,.scriptTabs{display:none}}.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)}@media (max-width:1028px){.headerMenu{margin:var(--space-2)var(--space-3)0;padding:var(--space-3)var(--space-4)}.headerMenuContracted{padding:var(--space-2)var(--space-4)}.headerLogo{min-width:96px;font-size:14px}.logoIcon{width:20px;height:20px}.headerCenter{gap:8px;max-width:420px}.diagramTypeSelect{height:28px;padding:4px 8px;font-size:14px}.projectName{font-size:12px}.canvasDropdownTrigger{height:28px;padding:4px 8px;font-size:14px}}.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:calc(100vh - var(--header-height) - var(--space-6) - var(--canvas-tab-panel-height-current) - var(--space-3) - var(--space-3) - var(--mobile-footer-height));margin-top:calc(var(--header-height) + var(--space-6));margin-bottom:calc(var(--canvas-tab-panel-height-current) + var(--space-3) + var(--space-3) + var(--mobile-footer-height));transition:margin-left .3s,margin-top .3s,margin-bottom .3s,margin-right .3s;position:relative}.canvas-panel{height:100%;position:relative}.appCanvasTabsHidden{--canvas-tab-panel-height-current:0px}.appLeftCollapsed{margin-left:12px}.appModlLibraryOpen,.appRightPanelOpen,.appAIAssistOpen{margin-right:410px}.appLeftPanelOpen{margin-left:12px}.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;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);border:2px solid #000;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;gap:4px;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{top:calc(var(--panel-toggle-stack-center) - var(--panel-toggle-offset));background:var(--accent);color:#fff;cursor:pointer;z-index:1001;writing-mode:vertical-rl;text-orientation:mixed;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:600;display:flex;position:fixed;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:1028px){.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}.appRightPanelOpen,.appAIAssistOpen,.appModlLibraryOpen{margin-right:0}.appLeftPanelOpen{margin-left:0}.rightToggleBtn,.modlLibraryToggleBtn,.aiAssistToggleBtn,.canvasTabPanel,.canvasTabToggleWrap{display:none!important}.canvasThumbnail,.addCanvasThumbnail{width:120px;height:70px}.canvasTabsContainer{padding:6px var(--space-3)10px;scroll-padding:0 var(--space-3);gap:8px}.newCanvasBtn{padding:6px 12px;font-size:11px}}@media (min-width:1029px) and (max-width:1400px){.thumbnailPreview{display:none!important}.addCanvasHint{display:none}.thumbnailInfo{min-height:auto}}.canvasTabPanel{height:var(--canvas-tab-panel-height-current);background:var(--panel);z-index:999;border:1px solid #e1e5e9;border-radius:10px;flex-direction:column;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}.canvasTabPanelHidden{opacity:0;pointer-events:none;transform:translateY(calc(100% + 16px))}.canvasTabToggleWrap{pointer-events:none;z-index:998;justify-content:center;display:flex;position:fixed;bottom:0;left:342px;right:422px}.canvasTabToggleWrapOpen{bottom:calc(var(--canvas-tab-panel-height-current) + 10px)}.canvasTabToggleWrapLeftCollapsed{left:80px}.canvasTabToggleWrapRightCollapsed{right:22px}.canvasTabToggleWrapLeftCollapsedRightCollapsed{left:80px;right:22px}.canvasTabToggleWrapContracted{right:422px}.canvasTabToggle{background:var(--accent);color:#fff;font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;pointer-events:auto;border:2px solid #000;border-bottom:none;border-radius:10px 10px 0 0;padding:10px 12px;box-shadow:0 -2px 10px #0000002e}.canvasTabToggle:hover{transform:translateY(-1px)}.canvasTabPanelContracted{right:422px}.canvasTabPanelLeftCollapsed{left:25px}.canvasTabPanelRightCollapsed{right:22px}.canvasTabPanelLeftCollapsedRightCollapsed{left:25px;right:22px}.canvasTabsHeader{background:#f8f9fa;border-bottom:1px solid #e1e5e9;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.new-canvas-buttons{gap:8px;margin-left:auto;display:flex}.tabsTitle{color:var(--text);font-size:13px;font-weight:600;font-family:var(--font-heading)}.newCanvasBtn{background:var(--color-primary-600);color:#fff;border:1px solid var(--color-primary-600);border-radius:var(--radius-full);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font-body);box-shadow:var(--shadow-sm);margin-right:8px;padding:6px 12px;transition:all .2s}.newCanvasBtn:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.newCanvasBtn:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af!important}.canvasTabsContainer{padding:5px var(--space-3);height:calc(var(--canvas-thumb-height) + 10px);box-sizing:border-box;scroll-padding:0 var(--space-4);scroll-behavior:smooth;flex:1;align-items:center;gap:12px;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{width:var(--canvas-thumb-width);height:var(--canvas-thumb-height);cursor:pointer;background:#fff;border:2px solid #e1e5e9;border-radius:8px;flex-direction:column;flex-shrink:0;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}.addCanvasRow{color:#1f2937;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5f5;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:180px;height:44px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.addCanvasRow .addCanvasHint{display:none}.addCanvasRow .addCanvasIcon{font-size:16px}.addCanvasRow .addCanvasLabel{font-size:12px}.addCanvasRow:hover{background:#f1f5f9;border-color:#94a3b8}.canvasListItem{cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:12px;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:10px;min-width:220px;max-width:260px;padding:10px 12px;transition:all .2s;display:grid}.canvasListItem:hover{border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a14}.canvasListItemActive{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f626}.canvasListMain{min-width:0}.canvasListName{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;font-family:var(--font-body);overflow:hidden}.canvasListNameInput{border:1px solid var(--accent);width:100%;color:var(--text);font-size:13px;font-weight:600;font-family:var(--font-body);background:#fff;border-radius:8px;outline:none;padding:4px 6px}.canvasListMeta{align-items:center;gap:6px;display:flex}.canvasListType{text-transform:uppercase;letter-spacing:.4px;color:#fff;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.canvasListRemoveBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;transition:all .2s;display:flex}.canvasListRemoveBtn:hover{color:#dc2626;background:#fee}.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;min-height:30px;padding:4px 6px}.thumbnailHeader{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.thumbnailName{color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;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:11px;font-weight:500;font-family:var(--font-body);background:#fff;border-radius:3px;outline:none;padding:2px 4px}.addCanvasThumbnail{width:var(--canvas-thumb-width);height:var(--canvas-thumb-height);color:#1f2937;cursor:pointer;font-family:var(--font-body);background:#f8fafc;border:2px dashed #cbd5f5;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;transition:all .2s;display:flex}.addCanvasThumbnail:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 6px 14px #0f172a1f}.addCanvasThumbnail:disabled,.addCanvasThumbnail[data-disabled=true]{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.addCanvasIcon{color:#334155;font-size:22px;font-weight:600;line-height:1}.addCanvasLabel{font-size:11px;font-weight:600}.addCanvasHint{color:#64748b;font-size:9px}.emptyCanvasState{color:#475569;min-width:220px;font-size:12px;line-height:1.4;font-family:var(--font-body);background:#f8fafc;border-radius:10px;padding:16px}.emptyCanvasState p{margin:0}.emptyCanvasState p+p{color:#64748b;margin-top:6px}.createCanvasDialog{max-width:760px}.createCanvasLoading{justify-content:center;margin-top:8px;margin-bottom:4px;display:flex}.diagramOptionGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:8px;display:grid}.diagramOptionCard{text-align:left;cursor:pointer;font-family:var(--font-body);background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex}.diagramOptionCard:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.diagramOptionCard[data-disabled=true]{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.diagramOptionCard[data-disabled=true]:hover{box-shadow:none;border-color:#e2e8f0;transform:none}.diagramOptionPreview{background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;min-height:76px;padding:10px;display:flex}.diagramOptionTitle{color:#0f172a;font-size:13px;font-weight:600}.diagramOptionSummary{color:#64748b;font-size:11px;line-height:1.4}.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:8px;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:9px;font-family:var(--font-body);flex-shrink:0}@media (min-width:1029px) and (max-width:1400px){.tabsTitle{font-size:12px}.newCanvasBtn{padding:5px 10px;font-size:10px}.thumbnailName,.thumbnailNameInput{font-size:10px}.addCanvasIcon{font-size:20px}.addCanvasLabel{font-size:10px}.addCanvasHint{font-size:8px}.diagramTypeBadge{font-size:7px}.nodeCount{font-size:8px}}.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{top:var(--panel-toggle-stack-center);color:#fff;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);background:#ec4899;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:600;display:flex;position:fixed;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;font-size:13px;display:flex;overflow:hidden}.aiAssistHeader{flex-shrink:0;margin-bottom:16px}.aiAssistHeaderTop{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.aiAssistControls,.aiAssistStatusRow{align-items:center;gap:8px;display:flex}.aiAssistStatusPill{letter-spacing:.3px;text-transform:uppercase;color:#1f2937;font-size:11px;font-weight:600;font-family:var(--font-body);background:#eef2f7;border:1px solid #e2e8f0;border-radius:999px;padding:4px 8px}.aiAssistStatusPillMuted{color:#6b7280;font-size:11px;font-family:var(--font-body);background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:4px 8px}.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{font-size:inherit;color:#6b7280;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{font-size:inherit;margin:0 0 16px}.aiAssistSuggestions{flex-direction:column;gap:8px;display:flex}.aiAssistSuggestions button{cursor:pointer;font-size:inherit;color:var(--text);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:inherit;line-height:1.4;font-family:var(--font-body);border-radius:12px;padding:8px 12px}.aiAssistMessageContent p{color:inherit;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:inherit;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:#1f2937;background:#f3f6f8;border:1px solid #e5e7eb}.aiAssistTyping{font-size:inherit;color:#6b7280;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-shrink:0;gap:8px;padding:16px 0 0;display:flex}.aiAssistInput{width:100%;font-size:inherit;font-family:var(--font-body);color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;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:inherit;font-weight:500;font-family:var(--font-body);white-space:nowrap;background:#007bff;border:none;border-radius:10px;padding:10px 18px;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{top:calc(var(--panel-toggle-stack-center) + var(--panel-toggle-offset));color:#fff;cursor:pointer;z-index:1000;writing-mode:vertical-rl;text-orientation:mixed;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);background:#10b981;border:2px solid #000;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:600;display:flex;position:fixed;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:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600;font-family:var(--font-body);background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;transition:all .2s}.historyButton:hover{background:#e5e7eb;border-color:#d1d5db}.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}.canvasEmptyState{text-align:center;color:#475569;height:100%;min-height:320px;font-family:var(--font-body);background:#f8fafc;border:1px dashed #cbd5f5;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.canvasEmptyState h3{color:#0f172a;margin:0;font-size:18px}.canvasEmptyState p{margin:0 0 4px;font-size:14px}.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{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:10px 12px calc(12px + env(safe-area-inset-bottom));min-height:var(--mobile-footer-height);background:#fff;border-top:1px solid #f1f1f1;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #00000014}.mobile-footer-content{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:8px;max-width:720px;margin:0 auto;display:grid}.mobile-footer-btn{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;font-weight:600;line-height:1;box-shadow:0 1px #00000008;color:#111!important;background:#fff!important;border:1px solid #e5e5e5!important;border-radius:12px!important;height:56px!important;padding:6px 4px!important;font-size:10px!important;display:flex!important}.mobile-footer-btn-active{box-shadow:0 8px 18px #0003;color:#fff!important;background:#111!important;border-color:#111!important}.mobile-footer-icon{justify-content:center;align-items:center;display:inline-flex}.mobile-footer-icon svg{stroke-width:1.6px;width:18px;height:18px}.mobile-footer-label{letter-spacing:.2px;font-size:10px}.mobile-footer-badge{color:#111;background:#f1f1f1;border-radius:999px;margin-top:2px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1}.mobile-footer-btn-active .mobile-footer-badge{color:#fff;background:#fff3}.mobile-modal{width:95vw!important;max-width:95vw!important;margin:20px!important}.mobile-modal-content{padding:16px}.mobileSelectionGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;max-height:60vh;padding-right:4px;display:grid;overflow-y:auto}.mobileSelectionTile{cursor:pointer;text-align:left;background:#fff;border:1px solid #e1e5e9;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;transition:all .2s;display:flex}.mobileSelectionTile:hover{border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a14}.mobileSelectionTileActive{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.mobileSelectionTileIcon{font-size:20px;line-height:1}.mobileSelectionTileName{color:#111827;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:600;overflow:hidden}.mobileSelectionTileMeta{color:#6b7280;font-size:11px}.mobileCanvasGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;gap:12px;max-height:60vh;padding-right:4px;display:grid;overflow-y:auto}.mobileCanvasThumbnail{width:100%;max-width:var(--canvas-thumb-width);padding:0}.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{height:48px!important;font-size:9px!important}.mobile-footer-icon svg{stroke-width:1.6px;width:16px;height:16px}.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:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.tutorial-welcome-modal{width:100%;max-width:600px;max-height:90vh;font-family:var(--font-body);background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.tutorial-welcome-header{text-align:left;background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:20px 24px}.tutorial-welcome-header h2{color:#1f2937;font-size:20px;font-weight:600;font-family:var(--font-heading);margin:0 0 4px}.tutorial-welcome-header p{color:#6b7280;margin:0;font-size:14px}.tutorial-welcome-content{grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px 0;display:grid}.tutorial-preview,.tutorial-benefits{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.tutorial-preview h3,.tutorial-benefits h3{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600;font-family:var(--font-heading);margin:0 0 12px}.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}.tutorial-diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tutorial-diagram-card{text-align:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.tutorial-diagram-preview{justify-content:center;align-items:center;width:100%;min-height:56px;display:flex}.tutorial-diagram-title{color:#1f2937;font-size:13px;font-weight:600}.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{color:#374151;font-size:13px}.tutorial-capabilities{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tutorial-capabilities li{color:#4b5563;padding-left:18px;font-size:14px;position:relative}.tutorial-capabilities li:before{content:"•";color:#3b82f6;position:absolute;left:0}.tutorial-welcome-actions{justify-content:center;gap:16px;padding:20px 24px 24px;display:flex}.tutorial-start-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.tutorial-start-btn:hover{background:#2563eb;transform:translateY(-1px)}.tutorial-skip-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.tutorial-skip-btn:hover{background:#f3f4f6;border-color:#d1d5db}.tutorial-plan-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:8px 24px 20px;padding:16px}.tutorial-plan-section h3{color:#111827;margin:0 0 12px;font-size:16px;font-weight:600}.tutorial-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tutorial-plan-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;transition:border-color .2s,box-shadow .2s}.tutorial-plan-card:hover{border-color:#3b82f6;box-shadow:0 6px 16px #3b82f61f}.tutorial-plan-card.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f62e}.tutorial-plan-title{color:#111827;margin-bottom:4px;font-weight:600}.tutorial-plan-price{color:#2563eb;margin-bottom:8px;font-size:14px}.tutorial-plan-card ul{color:#374151;margin:0;padding-left:18px;font-size:13px}.tutorial-plan-error{color:#dc2626;margin-top:10px;font-size:13px}.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}.tutorial-welcome-options{justify-content:flex-end;padding:16px 24px 0;display:flex}.tutorial-checkbox{color:#4b5563;align-items:center;gap:8px;font-size:13px;display:inline-flex}.tutorial-checkbox input[type=checkbox]{accent-color:#3b82f6;width:14px;height:14px}@media (max-width:768px){.tutorial-welcome-overlay{padding:16px}.tutorial-welcome-modal{max-width:none;padding:0}.tutorial-welcome-content{grid-template-columns:1fr;gap:24px}.tutorial-diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-welcome-header h2{font-size:18px}.benefits-grid{grid-template-columns:1fr}.tutorial-welcome-actions{flex-direction:column}.tutorial-plan-section{margin:8px 16px 16px}.tutorial-plan-grid{grid-template-columns:1fr}}.__floater{z-index:1101!important}.react-joyride__overlay{z-index:1100!important}.__floater__-tooltip{border:1px solid #e1e5e9!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.__floater__-arrow{border-color:#fff!important}.tutorial-highlight{animation:2s infinite tutorial-pulse}.react-joyride__spotlight{border-radius:8px}@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}.premium-badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(120deg,#0ea5e9,#6366f1);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;box-shadow:0 6px 12px #0ea5e933}.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}.subscription-section{background:#f8fafc;padding:12px 16px}.subscription-header{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px;font-size:11px;font-weight:600}.subscription-status{align-items:center;gap:8px;margin-bottom:10px;display:flex}.subscription-tier{color:#0f172a;font-weight:600}.subscription-pill{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#0f172a1a;border-radius:999px;padding:3px 8px;font-size:10px}.subscription-pill.active,.subscription-pill.trialing{color:#0369a1;background:#0ea5e92e}.subscription-pill.canceled{color:#b91c1c;background:#ef44442e}.subscription-error{color:#b91c1c;background:#ef44441f;border-radius:6px;margin-bottom:8px;padding:6px 8px;font-size:12px}.subscription-button{color:#fff;background:#0f172a;border-radius:8px;justify-content:center;font-weight:600}.subscription-button:hover{background:#1e293b}.subscription-button:disabled{opacity:.7;cursor:not-allowed}.subscription-section+.dropdown-divider{margin-top:0}.about-section{background:#fff;padding:12px 16px 16px}.about-header{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px;font-size:11px;font-weight:600}.about-row{color:#0f172a;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.about-label{color:#475569;font-weight:500}.about-value{color:#0f172a;font-weight:600}.about-subheader{color:#0f172a;margin-bottom:6px;font-size:12px;font-weight:600}.about-update-title{color:#1e293b;font-size:12px;font-weight:600}.about-update-date{color:#94a3b8;margin-bottom:6px;font-size:11px}.about-update-list{color:#475569;margin:0;padding-left:16px;font-size:12px;line-height:1.4}.about-update-list li+li{margin-top:4px}.about-empty{color:#94a3b8;font-size:12px}.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{top:calc(var(--panel-toggle-stack-center) - var(--panel-toggle-offset));background:var(--accent);color:#fff;cursor:pointer;z-index:1001;writing-mode:vertical-rl;text-orientation:mixed;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);border:2px solid #000;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:600;transition:all .3s;display:flex;position:fixed;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{top:var(--panel-toggle-stack-center);color:#fff;cursor:pointer;z-index:1001;writing-mode:vertical-rl;text-orientation:mixed;height:var(--panel-toggle-height);min-height:var(--panel-toggle-height);background:#ff6b35;border:2px solid #000;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:600;transition:all .3s;display:flex;position:fixed;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}@media (max-width:1028px){.panel.palette-panel,.panel.aws-panel{width:min(90vw,360px)}.palette-toggle-btn,.aws-toggle-btn{padding:10px 6px;font-size:11px;display:none}.left-panel-tabs{display:none}}.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}}.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}