body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.22) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.22);background-clip:padding-box;border:2px solid transparent;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}::-webkit-scrollbar-corner{background:0 0}.language-selector{cursor:pointer;font-size:14px;display:inline-block;position:relative}.language-display{color:#5f6368;text-align:center;background-color:transparent;border-radius:6px;justify-content:center;align-items:center;min-width:44px;height:30px;padding:0 10px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.language-display:hover{color:#202124;background-color:#f1f3f4}.language-dropdown{z-index:1000;white-space:nowrap;background-color:#fff;border-radius:4px;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}.language-option{text-align:center;padding:8px 12px;transition:background-color .2s}.language-option:hover{background-color:#f0f0f0}.language-option.active{color:#1890ff;background-color:#e6f7ff}:root{--isenax-primary:#23262b;--isenax-primary-dark:#16181b}.App{flex-direction:column;height:100vh;display:flex;overflow:hidden}.icon-toolbar{z-index:20;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0;align-items:center;gap:2px;height:40px;padding:0 10px;display:flex}.main-menu-slot{flex-shrink:0;margin:0 4px 0 -6px;display:flex}.main-menu-slot .MuiCard-root{box-shadow:none;background:0 0;border:none}.history-controls-slot{flex-shrink:0;margin-right:4px;display:flex}.history-controls-slot .MuiCard-root{box-shadow:none;background:0 0;border:none}.help-button-slot{flex-shrink:0;margin-left:4px;display:flex}.help-button-slot .MuiCard-root{box-shadow:none;background:0 0;border:none}.export-compact-json-button-slot,.export-image-button-slot,.settings-button-slot,.layers-button-slot{flex-shrink:0;display:flex}.export-compact-json-button-slot .MuiCard-root,.export-image-button-slot .MuiCard-root,.settings-button-slot .MuiCard-root,.layers-button-slot .MuiCard-root{box-shadow:none;background:0 0;border:none}.icon-toolbar .language-selector{margin-left:auto}@media (max-width:599.95px){.mobile-hidden{display:none!important}}.ff-tool-menu-anchor{top:5px!important;left:50vw!important;transform:translate(-50%)!important}.icon-btn{cursor:pointer;color:#5f6368;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background-color .15s,color .15s;display:flex}.icon-btn:hover{color:#202124;background-color:#f1f3f4}.icon-btn:active{background-color:#e8eaed}.icon-btn--active{color:#d0342c;background-color:#fdeceb}.icon-btn--active:hover{color:#d0342c;background-color:#fadbd9}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background-color:var(--isenax-primary);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:30;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(-4px)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transition-delay:.15s;transform:translate(-50%)translateY(0)}[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition-delay:.15s;transform:translate(-50%)translateY(0)}.diagram-badge{text-overflow:ellipsis;white-space:nowrap;color:#444;cursor:text;border-right:1px solid #eee;max-width:160px;margin-right:2px;padding:0 8px 0 4px;font-size:13px;position:relative;overflow:hidden}.unsaved-dot{background-color:#ff9800;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.diagram-title-input{color:#444;border:1px solid var(--isenax-primary);border-radius:6px;outline:none;max-width:160px;margin-right:2px;padding:2px 7px;font-size:13px}.load-menu-wrapper{display:flex;position:relative}.load-menu-backdrop{z-index:30;position:fixed;top:0;bottom:0;left:0;right:0}.load-menu{z-index:31;background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px rgba(0,0,0,.08)}.load-menu button{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.load-menu button svg{color:#888;flex-shrink:0;width:16px;height:16px}.load-menu button:hover{background-color:#f1f3f4}.isenax-container{flex:1;width:100%;position:relative}.isenax-container>div{height:100%}.dialog-overlay{z-index:1000;background-color:rgba(20,22,26,.45);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;min-width:420px;max-width:600px;max-height:80vh;padding:0 20px 20px;overflow-y:auto;box-shadow:0 24px 48px -16px rgba(0,0,0,.28)}.dialog h2{color:#1a1a1a;z-index:2;background:#fff;align-items:baseline;gap:8px;margin:0 0 14px;padding-top:20px;font-size:17px;font-weight:600;display:flex;position:-webkit-sticky;position:sticky;top:0}.dialog-close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:28px;height:28px;margin-left:auto;padding:0;display:inline-flex}.dialog-close-btn:hover{color:#1a1a1a;background:#f0f0f0}.history-version{color:#888;font-size:12px;font-weight:500}.dialog-note{border-left:3px solid;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:14px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.dialog-note p{margin:0}.dialog-note-title{font-size:13px;font-weight:600}.dialog-note-icon{margin-right:6px}.dialog-note--warning{color:#6b5300;background-color:#fff8e6;border-left-color:#f0a500}.dialog-note--warning .dialog-note-title{color:#8a6a00}.dialog-note--success{color:#1e5631;background-color:#eafaf0;border-left-color:#28a745}.dialog-note--success .dialog-note-title{color:#1e7e34}.dialog input[type=text]{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.dialog input[type=text]:focus{border-color:var(--isenax-primary);outline:none;box-shadow:0 0 0 3px rgba(35,38,43,.15)}.dialog-buttons{justify-content:flex-end;gap:8px;display:flex}.dialog-buttons button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .15s,transform 50ms}.dialog-buttons button:active{transform:scale(.97)}.dialog-buttons button:first-child{background-color:var(--isenax-primary);color:#fff}.dialog-buttons button:first-child:hover{background-color:var(--isenax-primary-dark)}.dialog-buttons button:last-child:not(:only-child){color:#444;background-color:#f1f3f4}.dialog-buttons button:last-child:not(:only-child):hover{background-color:#e4e6e7}.diagram-list{flex-direction:column;gap:6px;max-height:400px;margin-bottom:16px;display:flex;overflow-y:auto}.diagram-list p{color:#888;margin:0;font-size:13px}.diagram-item{border:1px solid #eee;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.diagram-item:hover{border-color:#ddd;box-shadow:0 4px 12px -6px rgba(0,0,0,.15)}.diagram-item-info{align-items:center;gap:10px;display:flex}.diagram-item-info svg{color:#999;flex-shrink:0;width:16px;height:16px}.diagram-item strong{color:#222;font-size:14px;font-weight:600}.diagram-item small{color:#888;font-size:12px}.diagram-actions{gap:6px;display:flex}.diagram-actions button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .15s;display:flex}.diagram-actions button svg{width:13px;height:13px}.diagram-actions button:first-child{color:#1b8a3a;background-color:#e8f5e9}.diagram-actions button:first-child:hover{background-color:#d5efd8}.diagram-actions button:last-child{color:#d0342c;background-color:#fdeceb}.diagram-actions button:last-child:hover{background-color:#fadbd9}.diagram-actions button.share{color:#0d6ab5;background-color:#e3f2fd}.diagram-actions button.share:hover{background-color:#d0e8fb}.history-section-title{color:#444;margin:18px 0 8px;font-size:13px;font-weight:600}.history-version-group+.history-version-group{margin-top:14px}.history-version-heading{color:#999;margin-bottom:6px;font-size:12px;font-weight:600}.history-version-heading-toggle{width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex}.history-version-chevron{font-size:10px;transition:transform .15s;display:inline-flex}.history-version-chevron.is-expanded{transform:rotate(90deg)}.history-version-collapse{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.history-version-collapse.is-expanded{grid-template-rows:1fr}.history-version-collapse>.history-list{min-height:0;overflow:hidden}.history-list{color:#333;flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.5;display:flex}.history-tips{flex-direction:column;gap:10px;display:flex}.history-tip{border:1px solid #eee;border-radius:8px;padding:10px 12px}.history-tip strong{color:#222;margin-bottom:4px;font-size:13px;display:block}.history-tip p{color:#666;margin:0;font-size:13px;line-height:1.5}.history-btn-wrapper{display:flex;position:relative}.history-unread-dot{background-color:#ff9800;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.history-dialog-buttons{justify-content:center;margin-top:16px}.mcp-syncing-indicator{z-index:40;color:#fff;background-color:#1f2937;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px rgba(0,0,0,.2)}.mcp-syncing-spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite mcp-syncing-spin}@keyframes mcp-syncing-spin{to{transform:rotate(360deg)}}.error-page-container{background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.error-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;width:400px;min-height:300px;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.error-header{text-align:center;margin-bottom:20px}.error-header p{color:#333;margin:0;font-size:24px;font-weight:600}.error-content{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;margin-bottom:30px;padding:15px}.error-content p{color:#856404;word-break:break-word;margin:0;font-size:14px;line-height:1.4}.error-footer{justify-content:center;gap:10px;display:flex}.error-button{cursor:pointer;color:#fff;background-color:#007bff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;text-decoration:none;transition:background-color .2s;display:inline-block}.error-button:hover{background-color:#0056b3}.error-button.refresh-button{background-color:#28a745}.error-button.refresh-button:hover{background-color:#218838}