.class-node,.enum-node,.slot-node,.type-node,.mixin-node{min-width:120px;max-width:180px;background-color:#fff;border:2px solid #1f77b4;border-radius:5px;box-shadow:0 1px 4px #0000001a;overflow:hidden;font-size:.8rem}.class-node{background-color:var(--class-node-bg, white);color:var(--class-node-fg, #222);font-size:var(--class-node-font-size, .8rem);font-weight:var(--class-node-font-weight, 500)}.enum-node{background-color:var(--enum-node-bg, white);color:var(--enum-node-fg, #222);font-size:var(--enum-node-font-size, .8rem);font-weight:var(--enum-node-font-weight, 500)}.class-node .node-header{background-color:var(--class-node-header-bg, #1f77b4)}.class-node.selected,.enum-node.selected{border-color:#ff6b6b;box-shadow:0 4px 16px #ff6b6b4d}.enum-node{border-color:#ff9800}.enum-node .node-header{background-color:var(--enum-node-header-bg, #ff9800)}.enum-node.selected{border-color:#ff6b6b}.node-header{padding:.375rem .5rem;background-color:#1f77b4;color:#fff;font-weight:700;text-align:center;font-size:.813rem}.enum-node .node-header{background-color:#ff9800}.node-description{padding:.25rem .5rem;font-size:.688rem;color:#666;border-bottom:1px solid #eee;font-style:italic}.node-body{padding:.5rem;min-height:40px}.attributes-list{list-style:none;font-size:.75rem}.attributes-list li{padding:.15rem 0;border-bottom:1px solid #f0f0f0;position:relative}.attributes-list li:last-child{border-bottom:none}.attribute-item{position:relative}.slot-item{color:#007bff;font-weight:500}.slot-icon{margin-right:4px;font-size:.7rem}.react-flow__handle{width:14px!important;height:14px!important;background-color:#1f77b4!important;border:3px solid white!important;box-shadow:0 0 0 1px #1f77b4!important;transition:all .2s!important;opacity:0!important;pointer-events:all!important}.class-node.selected .react-flow__handle,.enum-node.selected .react-flow__handle{opacity:1!important}.class-node:hover .react-flow__handle,.enum-node:hover .react-flow__handle{opacity:.7!important}.react-flow__handle-connecting,.react-flow__handle-valid,.react-flow__handle-invalid{opacity:1!important}.react-flow__handle:hover{width:18px!important;height:18px!important;background-color:#155a8a!important;box-shadow:0 0 0 3px #1f77b466!important}.react-flow__handle-connecting{background-color:#28a745!important;box-shadow:0 0 0 3px #28a74566!important}.react-flow__handle-valid{background-color:#28a745!important}.react-flow__handle-invalid{background-color:#dc3545!important}.attribute-handle{width:12px;height:12px;background-color:#1f77b4;border:2px solid white;border-radius:50%;position:absolute;opacity:.6;transition:opacity .2s,transform .2s}.attribute-item:hover .attribute-handle,.class-node.selected .attribute-handle,.class-node:hover .attribute-handle{opacity:1}.attribute-handle:hover{transform:scale(1.3);background-color:#155a8a;box-shadow:0 0 0 2px #1f77b44d}.attr-name{font-weight:500;color:#333}.attr-type{color:#1f77b4;font-size:.813rem}.attr-required{color:#ff6b6b;margin-left:.25rem}.enum-values-list{list-style:none;font-size:.875rem}.enum-values-list li{padding:.25rem .5rem;margin-bottom:.25rem;background-color:#fff3e0;border-left:3px solid #ff9800;border-radius:3px}.empty-message{color:#999;font-style:italic;text-align:center;padding:1rem 0}.slot-override-dot{display:inline-block;margin-left:.25rem;color:#c0392b;font-size:.75rem;line-height:1;cursor:help}.slot-node{border-color:#9c27b0;border-width:3px;border-style:double;border-radius:8px;background:var(--slot-node-bg, linear-gradient(135deg, #fce4ec 0%, #f3e5f5 100%));color:var(--slot-node-fg, #222);font-size:var(--slot-node-font-size, .8rem);font-weight:var(--slot-node-font-weight, 500)}.slot-node .node-header{background-color:var(--slot-node-header-bg, #9c27b0);position:relative}.slot-node .node-header:before{content:"◆";position:absolute;left:.5rem;font-size:1rem;color:#ffffffb3}.slot-node.selected{border-color:#ff6b6b;box-shadow:0 4px 16px #9c27b066}.slot-info{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.75rem}.info-label{font-weight:600;color:#666}.info-value{color:#9c27b0;font-weight:500}.constraints-list{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.25rem}.constraint-badge{background-color:#f3e5f5;color:#9c27b0;padding:.125rem .375rem;border-radius:3px;font-size:.688rem;font-weight:500}.type-node{border-color:#ff6f00;border-width:3px;border-left-width:8px;border-radius:4px;background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.type-node .node-header{background-color:#ff6f00;position:relative}.type-node .node-header:before{content:"#";position:absolute;left:.5rem;font-size:1.1rem;font-weight:700;color:#ffffffb3}.type-node.selected{border-color:#ff6b6b;box-shadow:0 4px 16px #ff6f0066}.type-info{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.75rem}.type-info .info-value{color:#ff6f00}.pattern-text,.uri-text{font-family:monospace;font-size:.688rem;word-break:break-all}.mixin-node{border-color:#009688;border-style:dashed;border-width:2px;border-radius:8px}.mixin-node .node-header{background-color:#009688}.mixin-node.selected{border-color:#ff6b6b;box-shadow:0 4px 16px #0096884d}.slots-list{font-size:.75rem}.list-header{font-weight:600;color:#666;margin-bottom:.25rem}.slots-list ul{list-style:none;padding:0;margin:0}.slot-item{padding:.15rem 0;color:#009688;border-bottom:1px solid #f0f0f0}.slot-item:last-child{border-bottom:none}.slot-node.selected .react-flow__handle,.type-node.selected .react-flow__handle,.mixin-node.selected .react-flow__handle{opacity:1!important}.slot-node:hover .react-flow__handle,.type-node:hover .react-flow__handle,.mixin-node:hover .react-flow__handle{opacity:.7!important}.node-header{position:relative;display:flex;justify-content:center;align-items:center}.warning-badge{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:.875rem;opacity:.9;transition:opacity .2s,transform .2s;z-index:10;background:transparent;border:none;padding:0;line-height:1}.warning-badge:hover{opacity:1;transform:translateY(-50%) scale(1.2)}.has-warnings{border-color:#f39c12!important;border-width:3px!important}.has-warnings .node-header{background:linear-gradient(135deg,#f39c12,#e67e22)}.metadata-tooltip-overlay{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;z-index:1000;min-width:250px;max-width:350px}.preserved-metadata-tooltip{background:#fff;border:2px solid #f39c12;border-radius:8px;box-shadow:0 4px 16px #0003;padding:.75rem;font-size:.813rem;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-title{font-weight:700;color:#f39c12;margin-bottom:.5rem;font-size:.938rem}.tooltip-subtitle{color:#666;margin-bottom:.5rem;font-size:.75rem;line-height:1.4}.tooltip-feature-list{list-style:none;padding:0;margin:.5rem 0;max-height:150px;overflow-y:auto}.tooltip-feature-list li{background:#fff3e0;padding:.375rem .5rem;margin-bottom:.25rem;border-left:3px solid #f39c12;border-radius:3px;font-family:monospace;font-size:.75rem;color:#333}.tooltip-footer{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f0f0f0;color:#666;font-size:.688rem;font-style:italic;text-align:center}.tooltip-issue-list{list-style:none;padding:0;margin:.4rem 0;max-height:220px;overflow-y:auto}.tooltip-issue{display:flex;align-items:baseline;gap:.45rem;padding:.35rem .5rem;margin-bottom:.2rem;background:#fff8ee;border-left:3px solid #f39c12;border-radius:3px;font-size:.78rem;color:#333;line-height:1.35}.tooltip-issue-icon{flex-shrink:0;color:#c0392b;font-size:.7rem;line-height:1}.tooltip-issue-text{flex:1;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tooltip-issue-text strong{color:#1f1f1f}.tooltip-issue-summary{color:#666;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tooltip-footer-actions{margin-top:.55rem;padding-top:.5rem;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.tooltip-action-btn{font-size:.78rem;padding:.3rem .7rem;border:1px solid #f39c12;background:#fff;color:#b9770e;border-radius:4px;cursor:pointer}.tooltip-action-btn:hover{background:#fdecc3;color:#6e4c00}.class-node.drop-target{outline:3px dashed #9c27b0;outline-offset:4px;animation:pulse-drop-zone 1s infinite;background-color:#9c27b00d}@keyframes pulse-drop-zone{0%,to{outline-color:#9c27b0}50%{outline-color:#ba68c8}}.node-context-menu{position:fixed;z-index:10000;background-color:#1e1e1e;border:1px solid #3e3e42;border-radius:6px;box-shadow:0 4px 16px #0009;min-width:200px;overflow:hidden;animation:contextMenuFadeIn .15s ease-out}.context-menu-header{padding:10px 16px;font-weight:600;font-size:.875rem;color:#e0e0e0;background-color:#2d2d30}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:.875rem;color:#e0e0e0;text-align:left;transition:all .15s ease;-webkit-user-select:none;user-select:none}.node-context-menu .context-menu-item:hover{background-color:#2a7ab0;color:#fff!important}.node-context-menu .context-menu-item-danger{color:#ff6b6b}.node-context-menu .context-menu-item-danger:hover{background-color:#8b1a1a;color:#ffb3b3!important}.context-menu-icon{font-size:.9rem;width:1.25rem;text-align:center;flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.modal-container.modal-large{max-width:800px;min-height:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.25rem;color:#333}.modal-close-btn{background:none;border:none;cursor:pointer;color:#666;font-size:1.25rem;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.modal-content{padding:1.5rem;overflow-y:auto}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-form-group{display:flex;flex-direction:column;gap:.5rem}.modal-form-group label{font-weight:600;color:#333;font-size:.875rem}.modal-form-group input,.modal-form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.modal-form-group input:focus,.modal-form-group textarea:focus{outline:none;border-color:#1f77b4;box-shadow:0 0 0 3px #1f77b41a}.modal-form-group textarea{resize:vertical;min-height:80px}.modal-form-group .input-hint{font-size:.75rem;color:#666;margin-top:.25rem}.modal-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.modal-btn{padding:.625rem 1.25rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn-primary{background-color:#1f77b4;color:#fff}.modal-btn-primary:hover:not(:disabled){background-color:#155a8a;transform:translateY(-1px);box-shadow:0 2px 8px #1f77b44d}.modal-btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-btn-secondary{background-color:#f5f5f5;color:#333}.modal-btn-secondary:hover{background-color:#e0e0e0}.checkbox-group-label{margin-bottom:.5rem!important}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.modal-checkbox-label{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s}.modal-checkbox-label:hover{background-color:#f8f9fa;border-color:#1f77b4}.modal-checkbox-label input[type=checkbox]{margin-right:.5rem;cursor:pointer}.modal-checkbox-label>span:first-of-type{font-weight:500;color:#333}.checkbox-hint{font-size:.75rem;color:#666;margin-left:1.5rem}.element-info-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-width:700px;width:90%;max-height:90vh;display:flex;flex-direction:column}.element-info-modal .modal-body{padding:1.5rem;overflow-y:auto}.info-section{margin-bottom:1.5rem}.info-section h3{font-size:1rem;color:#1f77b4;margin-bottom:.75rem;border-bottom:2px solid #e3f2fd;padding-bottom:.5rem}.info-section p{color:#333;line-height:1.6;margin:0}.info-section ul{list-style:none;padding:0;margin:.5rem 0 0}.info-section ul li{padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.5;color:#555}.info-section ul li:before{content:"→";position:absolute;left:0;color:#1f77b4;font-weight:700}.info-note{background-color:#fff3cd;border-left:4px solid #ffc107;padding:1rem;margin-bottom:1.5rem;border-radius:4px;font-size:.875rem;line-height:1.5}.info-note strong{color:#856404}.code-example{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;padding:1rem;overflow-x:auto;font-size:.813rem;line-height:1.6}.code-example code{font-family:Courier New,Courier,monospace;color:#333}.external-link{display:inline-flex;align-items:center;gap:.5rem;color:#1f77b4;text-decoration:none;font-weight:500;padding:.5rem 1rem;border:2px solid #1f77b4;border-radius:4px;transition:all .2s}.external-link:hover{background-color:#1f77b4;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1f77b44d}.external-link svg{width:14px;height:14px}.modal-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e0e0e0;gap:.75rem}.btn-primary{background-color:#1f77b4;color:#fff;border:none;padding:.625rem 1.5rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:#155a8a;transform:translateY(-1px);box-shadow:0 2px 8px #1f77b44d}.field-type-selector{display:flex;flex-direction:column;gap:.75rem}.field-type-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.field-type-option:hover{border-color:#1f77b4;background-color:#f8f9fa}.field-type-option input[type=radio]{margin-top:.25rem;cursor:pointer}.field-type-option input[type=radio]:checked+.field-type-label{color:#1f77b4}.field-type-label{display:flex;flex-direction:column;gap:.25rem;flex:1}.field-type-label strong{font-size:.9375rem;color:#333}.field-type-label small{font-size:.813rem;color:#666}.slot-preview{margin-top:1rem;padding:1rem;background-color:#f3e5f5;border-left:3px solid #9c27b0;border-radius:4px}.slot-preview h4{margin:0 0 .75rem;font-size:.875rem;color:#6a1b9a;text-transform:uppercase;letter-spacing:.5px}.slot-preview-content{display:flex;flex-direction:column;gap:.5rem}.slot-preview-row{display:flex;gap:.5rem;font-size:.875rem}.slot-preview-row .label{font-weight:600;color:#333;min-width:100px}.slot-preview-row .value{color:#666}.slot-preview .constraint-badge{display:inline-block;padding:.25rem .5rem;background-color:#9c27b0;color:#fff;border-radius:3px;font-size:.75rem;font-weight:500;margin-right:.5rem;margin-top:.5rem}.save-file-dialog{display:flex;flex-direction:column;gap:1.5rem}.save-file-section{display:flex;flex-direction:column;gap:.75rem}.save-file-header{display:flex;justify-content:space-between;align-items:center}.save-file-header label{font-weight:600;color:#333;font-size:.875rem}.save-file-header .icon-btn-small{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.813rem;color:#333;transition:all .2s}.save-file-header .icon-btn-small:hover{background-color:#1f77b4;color:#fff;border-color:#1f77b4}.project-list{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:.5rem}.project-list::-webkit-scrollbar{width:8px}.project-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.project-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.project-list::-webkit-scrollbar-thumb:hover{background:#999}.project-list-item{padding:.75rem;border-radius:4px;cursor:pointer;transition:all .2s;margin-bottom:.5rem;border:2px solid transparent}.project-list-item:hover{background-color:#f8f9fa;border-color:#e0e0e0}.project-list-item.active{background-color:#e3f2fd;border-color:#1f77b4}.project-list-item-header{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#333}.project-list-item-header svg{color:#1f77b4}.project-list-item-name{flex:1}.project-list-item-description{margin-top:.375rem;margin-left:1.5rem;font-size:.75rem;color:#666;font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#999}.empty-state p{margin-bottom:1rem;font-size:.875rem}.file-name-input-group{position:relative;display:flex;align-items:center}.file-name-input-group .input-icon{position:absolute;left:.75rem;color:#999;font-size:.875rem}.file-name-input-group input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;font-family:Monaco,Menlo,Courier New,monospace;transition:border-color .2s}.file-name-input-group input:focus{outline:none;border-color:#1f77b4;box-shadow:0 0 0 3px #1f77b41a}.save-file-preview{padding:.75rem;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #1f77b4;font-size:.875rem;color:#333}.save-file-preview strong{color:#1f77b4}.version-history-title{display:flex;align-items:center;gap:.5rem}.version-history-modal{min-height:400px}.loading-message{padding:2rem;text-align:center;color:#666}.version-history-content{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:500px;max-height:70vh}.versions-list{display:flex;flex-direction:column;border-right:1px solid #e0e0e0;padding-right:1.5rem}.versions-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #1f77b4}.versions-header h3{margin:0;color:#1f77b4;font-size:1.125rem}.no-versions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#999;text-align:center}.no-versions svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-versions p{margin:.25rem 0}.no-versions .hint{font-size:.875rem;color:#bbb}.versions-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.version-item{padding:1rem;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s}.version-item:hover{border-color:#1f77b4;background-color:#f8f9fa;transform:translate(4px)}.version-item.selected{border-color:#1f77b4;background-color:#e8f4f8;box-shadow:0 2px 8px #1f77b433}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.version-number{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333}.version-number svg{color:#1f77b4}.version-date{font-size:.813rem;color:#666}.version-message{font-size:.875rem;color:#666;margin-bottom:.75rem;padding:.5rem;background-color:#f8f9fa;border-left:3px solid #1f77b4;border-radius:4px}.version-actions{display:flex;gap:.5rem;margin-top:.75rem}.version-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:4px;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s}.preview-btn{background-color:#f0f0f0;color:#333;flex:1}.preview-btn:hover{background-color:#1f77b4;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1f77b44d}.restore-btn{background-color:#28a745;color:#fff;flex:1}.restore-btn:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.version-preview{display:flex;flex-direction:column;background-color:#f8f9fa;border-radius:8px;overflow:hidden;height:100%;min-height:500px}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#2d2d30;color:#fff}.preview-header h3{margin:0;font-size:1rem}.close-preview-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-preview-btn:hover{background-color:#ffffff1a}.preview-content{flex:1;overflow:auto;padding:1rem;background-color:#1e1e1e;min-height:0}.preview-content pre{margin:0;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.preview-content code{color:#d4d4d4}.versions-items::-webkit-scrollbar,.preview-content::-webkit-scrollbar{width:8px}.versions-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.versions-items::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.versions-items::-webkit-scrollbar-thumb:hover{background:#555}.preview-content::-webkit-scrollbar-track{background:#2d2d30}.preview-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.preview-content::-webkit-scrollbar-thumb:hover{background:#777}.history-legend{display:flex;gap:1rem;font-size:.813rem;margin-top:.5rem}.legend-item{display:flex;align-items:center;gap:.375rem;color:#666}.legend-icon-git{color:#238636}.legend-icon-database{color:#0969da}.version-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:12px;font-size:.813rem;font-weight:600}.version-badge-git{background-color:#dafbe1;color:#0f5323;border:1px solid #238636}.version-badge-database{background-color:#ddf4ff;color:#0550ae;border:1px solid #0969da}.version-author{font-size:.813rem;color:#666;margin-bottom:.5rem}.preview-meta{padding:1rem;background-color:#f6f8fa;border-bottom:1px solid #d0d7de;display:flex;flex-direction:column;gap:.5rem}.preview-meta-item{font-size:.875rem;color:#24292f}.preview-meta-item strong{color:#57606a;font-weight:600;margin-right:.5rem}.commit-progress-modal{padding:20px;min-width:500px}.commit-progress-steps{display:flex;justify-content:space-around;align-items:flex-start;margin-bottom:30px;padding:20px 0}.commit-progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;opacity:.5;transition:opacity .3s ease}.commit-progress-step.active,.commit-progress-step.completed{opacity:1}.commit-progress-step:not(:last-child):after{content:"";position:absolute;top:25px;left:60%;width:80%;height:2px;background:#e0e0e0;z-index:0}.commit-progress-step.completed:not(:last-child):after{background:#4caf50}.commit-progress-step-icon{width:50px;height:50px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:24px;color:#666;margin-bottom:10px;z-index:1;border:3px solid #e0e0e0;transition:all .3s ease}.commit-progress-step.active .commit-progress-step-icon{background:#2196f3;color:#fff;border-color:#2196f3;box-shadow:0 0 20px #2196f366}.commit-progress-step.completed .commit-progress-step-icon{background:#4caf50;color:#fff;border-color:#4caf50}.commit-progress-step-icon .spinner{animation:spin 1s linear infinite}.commit-progress-step-label{font-size:14px;text-align:center;color:#666;font-weight:500}.commit-progress-step.active .commit-progress-step-label{color:#2196f3;font-weight:600}.commit-progress-step.completed .commit-progress-step-label{color:#4caf50}.commit-progress-message{text-align:center;font-size:16px;color:#333;margin-bottom:20px;font-weight:500}.commit-progress-note{text-align:center;color:#999;font-size:13px}.conflict-resolution-modal{padding:20px;min-width:600px}.conflict-warning{display:flex;align-items:center;gap:15px;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px;margin-bottom:25px}.conflict-icon{font-size:36px;color:#ff9800;flex-shrink:0}.conflict-warning h3{margin:0;color:#856404;font-size:20px}.conflict-details{margin-bottom:25px}.conflict-message{font-size:15px;color:#333;margin-bottom:20px}.conflict-info{background:#f8f9fa;border-left:4px solid #2196f3;padding:15px;margin-bottom:20px;border-radius:4px}.conflict-info-item{margin-bottom:8px;font-size:14px;color:#555}.conflict-info-item:last-child{margin-bottom:0}.conflict-info-item strong{color:#333;margin-right:8px}.conflict-sha-info{display:flex;gap:15px;background:#f5f5f5;padding:15px;border-radius:6px}.sha-item{flex:1;display:flex;flex-direction:column;gap:5px}.sha-label{font-size:12px;color:#666;font-weight:600;text-transform:uppercase}.sha-item code{background:#fff;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#e91e63;border:1px solid #ddd}.conflict-explanation{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;margin-bottom:25px;border-radius:4px}.conflict-explanation h4{margin:0 0 10px;color:#1976d2;font-size:16px}.conflict-explanation p{margin:0;color:#555;font-size:14px;line-height:1.6}.conflict-actions{display:flex;gap:12px;margin-bottom:15px}.conflict-btn{flex:1;padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.conflict-btn-reload{background:#2196f3;color:#fff}.conflict-btn-reload:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.conflict-btn-merge{background:#4caf50;color:#fff}.conflict-btn-merge:hover{background:#388e3c;transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.conflict-btn-merge:disabled{opacity:.6;cursor:not-allowed;transform:none}.conflict-btn-force{background:#ff9800;color:#fff}.conflict-btn-force:hover{background:#f57c00;transform:translateY(-1px);box-shadow:0 4px 8px #ff98004d}.conflict-btn-cancel{background:#f5f5f5;color:#666;border:1px solid #ddd}.conflict-btn-cancel:hover{background:#e0e0e0;color:#333}.conflict-warning-note{display:flex;align-items:flex-start;gap:10px;background:#ffebee;border:1px solid #f44336;border-radius:6px;padding:12px}.conflict-warning-note svg{color:#f44336;margin-top:2px;flex-shrink:0}.conflict-warning-note small{color:#c62828;font-size:13px;line-height:1.5}.conflict-warning-note strong{font-weight:700}.github-commit-dialog{background-color:#2d2d30;border:1px solid #454545;border-radius:6px;box-shadow:0 4px 16px #0006;min-width:500px;max-width:600px}.github-commit-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #454545}.github-commit-header .github-icon{font-size:1.5rem;color:#ccc}.github-commit-header h3{margin:0;font-size:1.1rem;color:#ccc}.github-commit-body{padding:20px}.github-file-info{background-color:#3c3c3c;border-radius:4px;padding:12px;margin-bottom:16px}.info-row{display:flex;margin-bottom:8px;font-size:.875rem}.info-row:last-child{margin-bottom:0}.info-label{min-width:90px;color:#888;font-weight:500}.info-value{color:#ccc}.github-path{font-family:Courier New,Courier,monospace;color:#89d185}.github-commit-warning{display:flex;gap:12px;padding:12px;background-color:#3a3a2a;border:1px solid #b58900;border-radius:4px;margin-bottom:16px}.github-commit-warning .warning-icon{font-size:1.2rem;color:#ffd33d;flex-shrink:0;margin-top:2px}.warning-text{flex:1}.warning-text strong{display:block;font-size:.875rem;color:#ffd33d;margin-bottom:4px}.warning-text p{margin:0;font-size:.8rem;color:#ccc;line-height:1.4}.commit-message-section{margin-bottom:0}.commit-message-section label{display:block;margin-bottom:8px;font-weight:600;color:#ccc;font-size:.875rem}.required{color:#ff6b6b}.commit-message-section textarea{width:100%;padding:10px 12px;border:1px solid #3e3e42;background-color:#3c3c3c;color:#ccc;border-radius:4px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;resize:vertical;box-sizing:border-box}.commit-message-section textarea:focus{outline:none;border-color:#1f77b4;box-shadow:0 0 0 2px #1f77b44d}.commit-message-section textarea:disabled{opacity:.5;cursor:not-allowed}.commit-hint{margin-top:6px;font-size:.75rem;color:#888}kbd{background-color:#1e1e1e;border:1px solid #454545;border-radius:3px;padding:2px 6px;font-family:Courier New,Courier,monospace;font-size:.7rem;color:#ccc}.commit-preference{margin-top:12px;padding:10px;background-color:#3c3c3c;border-radius:4px;border:1px solid #3e3e42}.commit-preference label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:#ccc;font-weight:400}.commit-preference input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.commit-preference input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.commit-preference span{flex:1}.github-commit-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #454545;justify-content:flex-end}.file-source-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap}.file-source-badge__icon{display:inline-flex;align-items:center;font-size:.875rem}.file-source-badge__text{display:inline-block}.file-source-badge__branch{display:inline-block;font-size:.7rem;opacity:.8;margin-left:2px}.file-source-badge--github{background-color:#24292e;color:#fff}.file-source-badge--local{background-color:#0366d6;color:#fff}.file-source-badge--draft{background-color:#ffd33d;color:#24292e}.file-source-badge--github:hover{background-color:#1a1e22}.file-source-badge--local:hover{background-color:#0256c0}.file-source-badge--draft:hover{background-color:#ffc700}.file-source-info{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;font-size:.875rem}.file-source-info--github{border-left:4px solid #24292e}.file-source-info__text{color:#57606a}.file-source-info__details{display:flex;flex-direction:column;gap:6px;margin-top:4px}.file-source-info__row{display:flex;align-items:center;gap:8px;color:#24292e}.file-source-info__row strong{min-width:80px;color:#57606a;font-weight:600}.file-source-info__row a{color:#0366d6;text-decoration:none}.file-source-info__row a:hover{text-decoration:underline}.file-source-info__sha{font-family:Courier New,Courier,monospace;font-size:.8rem;padding:2px 6px;background-color:#e1e4e8;border-radius:3px;color:#24292e}@media(prefers-color-scheme:dark){.file-source-info{background-color:#1c2128;border-color:#30363d}.file-source-info__text{color:#8b949e}.file-source-info__row{color:#c9d1d9}.file-source-info__row strong{color:#8b949e}.file-source-info__row a{color:#58a6ff}.file-source-info__sha{background-color:#30363d;color:#c9d1d9}}.format-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:#f8f9fa;border-top:1px solid #ddd;gap:1rem}.format-toolbar-left{display:flex;gap:.5rem}.format-toolbar-center{display:flex;align-items:center;flex:1;justify-content:center}.format-toolbar-right,.format-toolbar-group{display:flex;gap:.5rem}.format-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;color:#333;transition:all .2s}.format-btn:hover:not(:disabled){background-color:#1f77b4;color:#fff;border-color:#1f77b4;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.format-btn:active:not(:disabled){transform:translateY(0)}.format-btn:disabled{opacity:.5;cursor:not-allowed}.format-btn svg{font-size:.875rem}.format-btn-validate{background-color:#28a745;color:#fff;border-color:#28a745;font-weight:500}.format-btn-validate:hover:not(:disabled){background-color:#218838;border-color:#218838}.format-btn-save{background-color:#1f77b4;color:#fff;border-color:#1f77b4;font-weight:500}.format-btn-save:hover:not(:disabled){background-color:#155a8a;border-color:#155a8a}.format-btn-history{background-color:#6c757d;color:#fff;border-color:#6c757d;font-weight:500}.format-btn-history:hover:not(:disabled){background-color:#5a6268;border-color:#5a6268}.format-toggle-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;margin-left:.5rem;border:1px solid #d6dce2;background:#fff;color:#5a6877;border-radius:999px;font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.format-toggle-pill svg{font-size:.85rem}.format-toggle-pill:hover{background:#f4f6f9;border-color:#c4cdd6;color:#2c3e50}.format-toggle-pill.is-on{background:#1abc9c;border-color:#16a085;color:#fff}.format-toggle-pill.is-on:hover{background:#16a085;color:#fff}.overlay-modal-wrapper{position:fixed;z-index:10001;animation:overlayFadeIn .15s ease-out}@keyframes overlayFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.overlay-modal-content{background:#fff;border-radius:6px;box-shadow:0 4px 20px #0003;max-width:600px;max-height:80vh;overflow-y:auto;border:1px solid #e0e0e0}.overlay-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.overlay-arrow-left{left:-16px;top:20px;border-right-color:#fff}.overlay-arrow-right{right:-16px;top:20px;border-left-color:#fff}.overlay-arrow-bottom-left{left:20px;bottom:-16px;border-top-color:#fff}.overlay-arrow-bottom-right{right:20px;bottom:-16px;border-top-color:#fff}.overlay-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000001a;z-index:10000;animation:fadeIn .15s ease-out}.github-section{border-top:1px solid #3e3e42;padding-top:12px;margin-top:12px;background-color:#252526}.github-section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#2d2d30;border-radius:3px;margin-bottom:12px}.github-section-header .github-icon{font-size:1.2rem;color:#ccc}.github-section-header h4{flex:1;margin:0;font-size:.875rem;font-weight:600;color:#ccc;text-transform:uppercase}.github-refresh-btn{padding:4px 8px;background-color:transparent;border:1px solid #3e3e42;border-radius:3px;color:#ccc;cursor:pointer;transition:all .2s}.github-refresh-btn:hover:not(:disabled){background-color:#3e3e42;border-color:#ccc;color:#fff}.github-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.github-repo-info{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;color:#ccc;background-color:#2d2d30;border-radius:3px;margin-bottom:12px}.github-branch-badge{font-size:.75rem;padding:2px 6px;background-color:#0366d6;color:#fff;border-radius:3px;font-weight:500}.github-access-badge{font-size:.75rem;padding:2px 6px;border-radius:3px;font-weight:500;margin-left:auto}.github-access-badge--readonly{background-color:#ffd33d;color:#24292e}.github-auth-warning{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background-color:#3a3a2a;border:1px solid #b58900;border-radius:3px;text-align:center}.github-auth-warning .warning-icon{font-size:2rem;color:#ffd33d}.github-auth-warning p{margin:0;color:#ccc;font-size:.875rem}.github-auth-hint{font-size:.75rem!important;color:#888!important}.github-error{display:flex;align-items:center;gap:8px;padding:12px;background-color:#3a2a2a;border:1px solid #cf222e;border-radius:3px;color:#ff6b6b;font-size:.875rem}.github-error .error-icon{font-size:1rem}.github-loading{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:#888}.github-loading .spinning{font-size:1.5rem;animation:spin 1s linear infinite}.github-file-tree{max-height:400px;overflow-y:auto;padding:4px}.github-no-files{padding:20px;text-align:center;color:#888;font-size:.875rem}.github-folder{margin-bottom:2px}.github-folder-header{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;border-radius:3px;transition:background-color .2s;font-size:.875rem;-webkit-user-select:none;user-select:none}.github-folder-header:hover{background-color:#2a2d2e}.folder-icon{font-size:1rem;color:#ccc;transition:transform .2s}.folder-icon.open{transform:rotate(0)}.folder-name{flex:1;font-weight:600;font-size:.95rem;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{font-size:.75rem;color:#888;flex-shrink:0}.github-folder-content{margin-left:20px;border-left:1px solid #3e3e42;padding-left:0}.github-file-item{display:flex;align-items:center;gap:8px;padding:6px 12px;margin-left:0;border-radius:3px;transition:background-color .2s;font-size:.875rem;-webkit-user-select:none;user-select:none;cursor:pointer}.github-file-item:hover{background-color:#2a2d2e}.github-file-item.loading{opacity:.6;cursor:wait}.file-icon{font-size:.9rem;color:#89d185;flex-shrink:0}.file-name{flex:1;font-weight:600;font-size:.95rem;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-loading{font-size:.75rem;color:#1f77b4;font-style:italic;flex-shrink:0}.file-size{font-size:.75rem;color:#888;flex-shrink:0}.github-context-menu{background-color:#1e1e1e;border:1px solid #3e3e42;border-radius:6px;box-shadow:0 4px 16px #0009;min-width:200px;overflow:hidden;z-index:10000}.context-menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:.875rem;color:#e0e0e0;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.github-context-menu .context-menu-item:hover{background-color:#2a7ab0;color:#fff!important}.context-menu-divider{height:1px;background-color:#3e3e42;margin:4px 0}.github-context-menu .context-menu-item-danger{color:#ff6b6b}.github-context-menu .context-menu-item-danger:hover{background-color:#8b1a1a;color:#ffb3b3!important}.context-menu-item svg{font-size:.9rem;flex-shrink:0}.context-menu-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.context-menu-item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.context-menu-header{padding:8px 14px;background-color:#161617;border-bottom:1px solid #3e3e42;-webkit-user-select:text;user-select:text;cursor:default}.context-menu-header-line{display:flex;align-items:center;gap:6px;color:#c8c8c8;font-size:.78rem;font-weight:600}.context-menu-header-line svg{font-size:.85rem;color:#a0a0a0}.context-menu-header-path{margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:#9da3a8;word-break:break-all}.tab-context-menu{min-width:240px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-dialog{background-color:#2d2d30;border:1px solid #454545;border-radius:6px;box-shadow:0 4px 16px #0006;min-width:400px;max-width:500px}.modal-header{padding:16px 20px;border-bottom:1px solid #454545}.modal-header h3{margin:0;font-size:1.1rem;color:#ccc}.modal-body{padding:20px}.modal-file-path{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#3c3c3c;border-radius:3px;font-size:.875rem;color:#ccc;margin-bottom:16px;font-family:Courier New,Courier,monospace}.modal-body label{display:block;margin-bottom:6px;font-weight:600;color:#ccc;font-size:.875rem}.modal-body input[type=text]{width:100%;padding:8px 12px;border:1px solid #3e3e42;background-color:#3c3c3c;color:#ccc;border-radius:3px;font-size:.875rem;box-sizing:border-box}.modal-body input[type=text]:focus{outline:none;border-color:#1f77b4;box-shadow:0 0 0 2px #1f77b44d}.modal-readonly-notice{display:flex;align-items:start;gap:8px;margin-top:12px;padding:8px 12px;background-color:#3a3a2a;border:1px solid #b58900;border-radius:3px;font-size:.8rem;color:#ccc;line-height:1.4}.modal-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #454545;justify-content:flex-end}.btn{padding:8px 16px;border:none;border-radius:3px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#0366d6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1f77b4}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#3c3c3c;color:#ccc;border:1px solid #3e3e42}.btn-secondary:hover{background-color:#4a4a4a;border-color:#ccc}.github-file-tree::-webkit-scrollbar{width:10px}.github-file-tree::-webkit-scrollbar-track{background:#1e1e1e}.github-file-tree::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.github-file-tree::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.multi-repository-section{display:flex;flex-direction:column}.multi-repo-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#2d2d30;border-bottom:1px solid #3e3e42;cursor:pointer;transition:background-color .2s}.multi-repo-accordion-header:hover{background-color:#2a2d2e}.multi-repo-accordion-left{display:flex;align-items:center;gap:10px;flex:1}.multi-repo-accordion-right{display:flex;align-items:center;gap:12px}.multi-repo-icon{font-size:16px;color:#ccc}.multi-repo-title{font-size:13px;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.5px}.multi-repo-count{background-color:#007acc;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.multi-repo-settings-btn{background:none;border:none;color:#ccc;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.multi-repo-settings-btn:hover{background-color:#3e3e42;color:#fff}.multi-repo-settings-btn svg{font-size:16px}.chevron{font-size:12px;color:#ccc;transition:transform .2s}.multi-repo-empty{padding:2rem 1rem;text-align:center;color:#888}.multi-repo-empty p{font-size:14px;margin:0 0 .5rem}.multi-repo-empty small{font-size:12px;color:#666}.repo-section{border-bottom:1px solid #3e3e42}.repo-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#252526;transition:background-color .2s}.repo-section-header:hover{background-color:#2a2d2e}.repo-section-left{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}.repo-chevron{font-size:12px;color:#ccc;transition:transform .2s}.repo-section-icon{font-size:14px;color:#89d185}.repo-section-name{font-size:13px;font-weight:500;color:#ccc}.repo-file-count{padding:2px 6px;background-color:#3e3e42;color:#ccc;border-radius:8px;font-size:10px;font-weight:500}.repo-refresh-btn{background:none;border:none;color:#ccc;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s}.repo-refresh-btn:hover:not(:disabled){background-color:#3e3e42;color:#fff}.repo-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.repo-refresh-btn svg{font-size:12px}.repo-refresh-btn.spinning svg,.repo-refresh-btn svg.spinning{animation:spin 1s linear infinite}.repo-section-content{background-color:#1e1e1e}.file-browser{min-width:150px;max-width:600px;background-color:#252526;color:#ccc;display:flex;flex-direction:column;border-right:1px solid #3e3e42;overflow:hidden;transition:opacity .3s ease;position:relative}.file-browser-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#2d2d30;border-bottom:1px solid #3e3e42;gap:.5rem}.file-browser-header h3{font-size:.875rem;font-weight:600;text-transform:uppercase;margin:0;color:#ccc;flex:1}.browser-toggle-btn{order:-1}.file-browser-content{flex:1;overflow-y:auto;padding:.5rem 0}.project-item{margin-bottom:.25rem}.project-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.project-header:hover{background-color:#2a2d2e}.project-header.active{background-color:#094771}.project-name{flex:1;font-size:.875rem}.icon-btn,.icon-btn-small{background:none;border:none;color:#ccc;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background-color .2s}.icon-btn:hover,.icon-btn-small:hover{background-color:#3e3e42}.icon-btn{font-size:1rem}.icon-btn-small{font-size:.75rem}.schema-list{padding-left:0}.schema-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;cursor:pointer;font-size:.875rem;transition:background-color .2s;-webkit-user-select:none;user-select:none}.schema-item:hover{background-color:#2a2d2e}.schema-item.active{background-color:#094771}.schema-item svg{font-size:.75rem;color:#89d185}.schema-expand-btn{background:none;border:none;color:#888;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:color .2s}.schema-expand-btn:hover{color:#ccc}.schema-with-samples{display:flex;flex-direction:column}.samples-list{padding-left:.5rem;margin-top:.25rem}.sample-item-browser{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;cursor:pointer;font-size:.813rem;color:#b8b8b8;transition:background-color .2s,color .2s;border-radius:3px;margin-bottom:.15rem}.sample-item-browser:hover{background-color:#2a2d2e;color:#e0e0e0}.sample-icon{font-size:.75rem;color:#4db8ff}.no-samples{padding:.5rem .75rem;font-size:.75rem;color:#666;font-style:italic}.context-menu{position:fixed;z-index:10000;background-color:#2d2d30;border:1px solid #454545;border-radius:6px;box-shadow:0 4px 16px #0006;min-width:180px;padding:.25rem 0;animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-divider{height:1px;background-color:#454545;margin:.25rem 0}.context-menu-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;color:#ccc;transition:all .15s;border:none;background:none;width:100%;text-align:left}.context-menu-item:hover{background-color:#094771;color:#fff}.context-menu-item.danger{color:#f48771}.context-menu-item.danger:hover{background-color:#5a1d1d;color:#ff6b6b}.context-menu-item svg{font-size:.875rem;flex-shrink:0}.file-browser-content::-webkit-scrollbar{width:10px}.file-browser-content::-webkit-scrollbar-track{background:#1e1e1e}.file-browser-content::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.file-browser-content::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.rename-form{flex:1}.rename-input{width:100%;padding:.25rem .5rem;background-color:#3c3c3c;border:1px solid #1f77b4;border-radius:3px;color:#ccc;font-size:.875rem;outline:none}.rename-input:focus{border-color:#4a9eff;box-shadow:0 0 0 2px #1f77b44d}.file-browser-resize-handle{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;background-color:transparent;transition:background-color .2s;z-index:100}.file-browser-resize-handle:hover{background-color:#1f77b4}.file-browser-resize-handle.resizing{background-color:#4a9eff}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#2d2d30;border-bottom:1px solid #3e3e42;cursor:pointer;transition:background-color .2s}.accordion-header:hover{background-color:#37373d}.accordion-header-left{display:flex;align-items:center;gap:10px;flex:1}.accordion-header-left svg{font-size:16px;color:#ccc}.accordion-title{font-size:13px;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.5px}.accordion-badge{background-color:#007acc;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.accordion-header .chevron{color:#ccc;font-size:12px;transition:transform .2s}.accordion-header .chevron.expanded{transform:rotate(180deg)}.accordion-content{background-color:#252526;border-bottom:1px solid #3e3e42}.projects-local-actions{padding:8px 12px;border-bottom:1px solid #3e3e42}.action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background-color:#2d2d30;border:1px solid #3e3e42;border-radius:4px;color:#ccc;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.action-btn:hover{background-color:#37373d;border-color:#007acc}.linkml-components-section{padding:8px}.component-category{margin-bottom:16px}.category-header{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 6px;border-bottom:1px solid #3e3e42;margin-bottom:8px}.component-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:4px 8px;background-color:#2d2d30;border:1px solid #3e3e42;border-radius:4px;cursor:grab;transition:all .2s}.component-item:hover{background-color:#37373d;border-color:#007acc}.component-item:active{cursor:grabbing}.component-icon{font-size:16px;color:#007acc;flex-shrink:0}.component-name{flex:1;font-size:13px;color:#ccc;font-weight:500}.info-button-small{background:transparent;border:none;color:#858585;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.info-button-small:hover{color:#007acc}.info-button-small svg{font-size:14px}.slot-search-wrapper{position:relative;margin:8px 8px 12px}.slot-search-wrapper .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#858585;font-size:12px}.slot-search-input{width:100%;padding:6px 10px 6px 32px;background-color:#3c3c3c;border:1px solid #3e3e42;border-radius:4px;color:#ccc;font-size:12px}.slot-search-input:focus{outline:none;border-color:#007acc;background-color:#2d2d30}.slot-list-compact{max-height:300px;overflow-y:auto}.slot-item-compact{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:2px 8px;background-color:#2d2d30;border:1px solid #3e3e42;border-left:3px solid #9c27b0;border-radius:3px;cursor:grab;transition:all .2s}.slot-item-compact:hover{background-color:#37373d;border-color:#ba68c8;transform:translate(2px)}.slot-item-compact:active{cursor:grabbing}.slot-icon-small{font-size:14px;color:#9c27b0;flex-shrink:0}.slot-item-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.slot-item-name{font-size:12px;font-weight:600;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-item-meta{font-size:10px;color:#858585}.slot-usage-badge{background-color:#9c27b0;color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;flex-shrink:0}.empty-state-compact{padding:16px 12px;text-align:center;color:#858585;font-size:12px}.slot-list-compact::-webkit-scrollbar{width:6px}.slot-list-compact::-webkit-scrollbar-track{background:#1e1e1e}.slot-list-compact::-webkit-scrollbar-thumb{background:#9c27b0;border-radius:3px}.slot-list-compact::-webkit-scrollbar-thumb:hover{background:#7b1fa2}.slot-library-content{display:flex;flex-direction:column;height:100%}.slot-library-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#2d2d30;border-bottom:1px solid #3e3e42}.slot-library-header h4{font-size:13px;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.5px;margin:0}.slot-count{background-color:#007acc;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.slot-search{width:100%;padding:6px 10px 6px 32px;background-color:#3c3c3c;border:1px solid #3e3e42;border-radius:4px;color:#ccc;font-size:12px}.slot-search:focus{outline:none;border-color:#007acc;background-color:#2d2d30}.slot-list{flex:1;overflow-y:auto;padding:8px 0}.slot-section{margin-bottom:16px}.slot-section-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#2d2d30;border-bottom:1px solid #3e3e42;position:sticky;top:0;z-index:10}.slot-section-header.imported{background-color:#3a2d40;border-bottom-color:#9c27b0}.slot-section-header .section-icon{font-size:14px;color:#007acc;flex-shrink:0}.slot-section-header.imported .section-icon{color:#9c27b0}.slot-section-header span{font-size:12px;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.5px;flex:1}.slot-section-header .section-count{background-color:#007acc;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.slot-section-header.imported .section-count{background-color:#9c27b0}.slot-group{margin-bottom:12px}.slot-group-header{font-size:11px;font-weight:600;color:#858585;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;background-color:#252526;border-bottom:1px solid #3e3e42}.slot-group-header.imported-schema{display:flex;align-items:center;gap:6px;color:#ba68c8;background-color:#2d2435;border-bottom-color:#9c27b0}.slot-group-header.imported-schema .schema-icon{font-size:10px;color:#9c27b0}.slot-library-item{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:2px 8px;background-color:#2d2d30;border:1px solid #3e3e42;border-left:3px solid #007acc;border-radius:3px;cursor:grab;transition:all .2s}.slot-library-item:hover{background-color:#37373d;border-color:#4a9eff;transform:translate(2px)}.slot-library-item:active{cursor:grabbing}.slot-library-item.imported{background-color:#2d2435;border-left-color:#9c27b0;opacity:.9}.slot-library-item.imported:hover{background-color:#3a2d40;border-color:#ba68c8}.slot-icon{font-size:14px;color:#007acc;flex-shrink:0}.slot-library-item.imported .slot-icon{color:#9c27b0}.slot-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.slot-icon-wrapper .slot-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lock-icon{position:absolute;bottom:-2px;right:-2px;font-size:8px;color:#858585;background-color:#252526;border-radius:50%;padding:1px}.slot-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.slot-name{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-badge{display:inline-block;background-color:#9c27b0;color:#fff;padding:1px 6px;border-radius:8px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.slot-meta{font-size:10px;color:#858585}.slot-usage{font-size:9px;color:#007acc;font-weight:500}.slot-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:#858585;text-align:center}.slot-library-empty .empty-icon{font-size:32px;color:#454545;margin-bottom:12px}.slot-library-empty p{margin:0 0 4px;font-size:13px;font-weight:500}.slot-library-empty small{font-size:11px;color:#666}.diff-viewer{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:95%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.diff-viewer-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #5a67d8}.diff-viewer-header h3{margin:0;font-size:1.25rem;font-weight:600}.diff-stats{display:flex;gap:1rem;font-size:.875rem}.diff-stat-item{background:#fff3;padding:.25rem .75rem;border-radius:12px;font-weight:500}.diff-stat-item.accepted{background:#2ed5734d}.diff-viewer-toolbar{background:#f7fafc;padding:.75rem 1.5rem;display:flex;gap:.75rem;border-bottom:1px solid #e2e8f0}.diff-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #cbd5e0;border-radius:6px;background:#fff;color:#2d3748;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.diff-btn:hover:not(:disabled){background:#edf2f7;border-color:#a0aec0;transform:translateY(-1px)}.diff-btn:disabled{opacity:.5;cursor:not-allowed}.diff-btn-accept-all{color:#2e7d32;border-color:#66bb6a}.diff-btn-accept-all:hover:not(:disabled){background:#e8f5e9}.diff-btn-reject-all{color:#c62828;border-color:#ef5350}.diff-btn-reject-all:hover:not(:disabled){background:#ffebee}.diff-viewer-content{flex:1;overflow-y:auto;padding:1rem;background:#fafafa}.diff-inline{display:flex;flex-direction:column;gap:.75rem}.diff-change{background:#fff;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s ease}.diff-change.accepted{border-color:#66bb6a;background:#f1f8f4}.diff-change:hover{box-shadow:0 2px 8px #00000014}.diff-change-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f7fafc;border-bottom:1px solid #e2e8f0}.diff-change-info{display:flex;align-items:center;gap:.75rem}.diff-line-number{font-family:Courier New,monospace;font-size:.75rem;color:#718096;background:#edf2f7;padding:.25rem .5rem;border-radius:4px;font-weight:600}.diff-change-type{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.diff-type-added{background:#d4edda;color:#155724}.diff-type-removed{background:#f8d7da;color:#721c24}.diff-type-modified{background:#fff3cd;color:#856404}.diff-change-actions{display:flex;gap:.5rem}.diff-btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.diff-btn-icon:hover{background:#edf2f7}.diff-btn-accept{color:#2e7d32}.diff-btn-accept:hover{background:#e8f5e9;transform:scale(1.1)}.diff-btn-reject{color:#c62828}.diff-btn-reject:hover{background:#ffebee;transform:scale(1.1)}.diff-btn-info{color:#1976d2}.diff-btn-info:hover{background:#e3f2fd}.diff-change-explanation{background:#e3f2fd;border-bottom:1px solid #90caf9;padding:.75rem 1rem;font-size:.875rem;color:#0d47a1;display:flex;align-items:center;gap:.5rem;white-space:pre-wrap;font-family:Courier New,monospace}.diff-change-content{padding:.5rem 0}.diff-line{display:flex;align-items:center;padding:.25rem 1rem;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6}.diff-line-marker{display:inline-block;width:1.5rem;font-weight:700;flex-shrink:0}.diff-line-removed{background:#ffebee;color:#c62828}.diff-line-removed .diff-line-marker{color:#c62828}.diff-line-added{background:#e8f5e9;color:#2e7d32}.diff-line-added .diff-line-marker{color:#2e7d32}.diff-line code{flex:1;overflow-x:auto;white-space:pre}.diff-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:100%}.diff-pane{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.diff-pane-header{background:#f7fafc;padding:.75rem 1rem;font-weight:600;border-bottom:1px solid #e2e8f0;color:#2d3748}.diff-pane-content{flex:1;overflow-y:auto;font-family:Courier New,monospace;font-size:.875rem}.diff-pane .diff-line{padding:.25rem .75rem;border-bottom:1px solid #f7fafc}.diff-pane .diff-line:hover{background:#f7fafc}.diff-pane .diff-line-number{margin-right:1rem;min-width:2.5rem;text-align:right}.diff-btn-icon-inline{margin-left:auto;background:none;border:none;padding:.25rem;cursor:pointer;opacity:0;transition:opacity .2s ease}.diff-line:hover .diff-btn-icon-inline{opacity:1}.diff-viewer-actions{background:#f7fafc;padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e2e8f0}.diff-btn-cancel{background:#fff;color:#718096}.diff-btn-cancel:hover{background:#edf2f7}.diff-btn-apply{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.diff-btn-apply:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66}.diff-btn-apply:disabled{background:#cbd5e0;color:#a0aec0}.diff-viewer-content::-webkit-scrollbar,.diff-pane-content::-webkit-scrollbar{width:8px;height:8px}.diff-viewer-content::-webkit-scrollbar-track,.diff-pane-content::-webkit-scrollbar-track{background:#f1f1f1}.diff-viewer-content::-webkit-scrollbar-thumb,.diff-pane-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.diff-viewer-content::-webkit-scrollbar-thumb:hover,.diff-pane-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.diff-change{animation:slideIn .3s ease-out}@media(max-width:768px){.diff-side-by-side{grid-template-columns:1fr}.diff-viewer-header{flex-direction:column;align-items:flex-start;gap:.5rem}.diff-viewer-toolbar{flex-wrap:wrap}}.view-toggle-container{display:flex;flex-direction:column;gap:.5rem;align-items:center}.view-toggle{display:flex;background-color:#f5f5f5;border-radius:6px;padding:.25rem;gap:.25rem;border:1px solid #e0e0e0}.view-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:transparent;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;color:#666;transition:all .2s;white-space:nowrap}.view-toggle-btn:hover{background-color:#e8e8e8;color:#333}.view-toggle-btn.active{background-color:#fff;color:#1f77b4;box-shadow:0 1px 3px #0000001a}.view-toggle-btn svg{font-size:1rem}.view-switch-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;max-width:600px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.view-switch-warning.error{background-color:#fee;border:1px solid #e74c3c;color:#c0392b}.view-switch-warning.warning{background-color:#fff3e0;border:1px solid #f39c12;color:#e67e22}.view-switch-warning svg{font-size:1.125rem;flex-shrink:0}.view-switch-warning.success{background-color:#d4edda;border:1px solid #28a745;color:#155724}.view-switch-ai-fix-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-left:auto;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-switch-ai-fix-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.view-switch-ai-fix-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.view-switch-ai-fix-btn svg{font-size:1rem}.diff-viewer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease-out}.add-import-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#14141473;display:flex;align-items:center;justify-content:center;z-index:2200}.add-import-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 40px #0000002e;width:min(640px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.add-import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #ececec}.add-import-modal-header h3{margin:0;font-size:1rem}.add-import-close{border:none;background:transparent;color:#777;cursor:pointer;padding:.3rem;border-radius:4px}.add-import-close:hover{color:#222;background:#f3f3f3}.add-import-tabs{display:flex;gap:.25rem;padding:.5rem .75rem 0}.add-import-tab{border:1px solid #e0e0e0;background:#fafafa;padding:.45rem .85rem;border-radius:6px 6px 0 0;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.add-import-tab.active{background:#fff;border-bottom-color:#fff;color:#1f77b4;font-weight:500}.add-import-tab:disabled{opacity:.5;cursor:not-allowed}.add-import-body{padding:.85rem 1rem 1rem;overflow:auto;border-top:1px solid #ececec;margin-top:-1px}.add-import-search{display:flex;align-items:center;gap:.5rem;border:1px solid #e0e0e0;border-radius:6px;padding:.4rem .65rem;margin-bottom:.7rem;color:#888}.add-import-search input{border:none;outline:none;flex:1;font-size:.9rem;color:#222}.add-import-list{list-style:none;margin:0;padding:0;max-height:50vh;overflow-y:auto;border:1px solid #f0f0f0;border-radius:6px}.add-import-item{border-bottom:1px solid #f4f4f4}.add-import-item:last-child{border-bottom:none}.add-import-item-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;border:none;background:transparent;text-align:left;padding:.55rem .7rem;cursor:pointer}.add-import-item-btn:hover{background:#f6faff}.add-import-path{font-size:.86rem;color:#222;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.add-import-rel{font-size:.74rem;color:#1f77b4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.add-import-empty,.add-import-status{padding:.8rem .7rem;font-size:.86rem;color:#666}.add-import-status.error{color:#b03a2e}.add-import-status .spin{animation:ai-spin .9s linear infinite;margin-right:.4rem}@keyframes ai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.add-import-label{display:block;font-size:.85rem;color:#444;margin-bottom:.3rem}.add-import-url-input{width:100%;border:1px solid #ddd;border-radius:6px;padding:.5rem .65rem;font-size:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:.5rem}.add-import-hint{font-size:.78rem;color:#666;margin:0 0 .7rem}.add-import-hint code{background:#f3f3f3;padding:.05rem .3rem;border-radius:3px;font-size:.8rem}.add-import-actions{display:flex;gap:.4rem;justify-content:flex-end}.add-import-primary,.add-import-secondary{padding:.45rem .9rem;font-size:.85rem;border-radius:5px;cursor:pointer;border:1px solid transparent;font-weight:500}.add-import-primary{background:#1f77b4;color:#fff}.add-import-primary:hover:not(:disabled){background:#155a8a}.add-import-primary:disabled{background:#b6cce0;cursor:not-allowed}.add-import-secondary{background:#fff;color:#444;border-color:#ddd}.add-import-secondary:hover{background:#f4f4f4}.text-view{display:flex;flex-direction:column;height:100%;background-color:#f8f9fa;padding:1rem}.text-view-palette{display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px 4px 0 0;margin-bottom:-1px;flex-shrink:0}.palette-label{font-weight:600;color:#555;font-size:.875rem;margin-right:.5rem}.palette-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:#fff}.palette-btn-class{color:#1f77b4;border-color:#1f77b4}.palette-btn-class:hover{background-color:#1f77b4;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1f77b44d}.palette-btn-enum{color:#2ca02c;border-color:#2ca02c}.palette-btn-enum:hover{background-color:#2ca02c;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #2ca02c4d}.palette-btn-import{color:#6c3483;border-color:#6c3483}.palette-btn-import:hover{background-color:#6c3483;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #6c34834d}.editor-container-full{flex:1;overflow:hidden;border:1px solid #e0e0e0;border-radius:0 0 4px 4px;background-color:#fff}.text-view-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0}.text-view-info{display:flex;align-items:center;gap:1rem}.text-view-label{font-weight:600;color:#333;font-size:.875rem}.unsaved-indicator{color:#ff9800;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.text-view-actions{display:flex;gap:.5rem}.text-view-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.text-view-btn:disabled{opacity:.5;cursor:not-allowed}.text-view-btn-primary{background-color:#1f77b4;color:#fff}.text-view-btn-primary:hover:not(:disabled){background-color:#155a8a;transform:translateY(-1px);box-shadow:0 2px 8px #1f77b44d}.text-view-btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.text-view-btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.editor-container{flex:1;overflow:hidden;border:1px solid #e0e0e0;margin:1rem;border-radius:4px;background-color:#fff}.editor-container .monaco-editor{border-radius:4px}.editor-container .monaco-editor .margin{background-color:#fafafa}.validation-status-button{margin-left:auto;display:flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#fafafa;font-size:.875rem;color:#444;cursor:pointer;transition:background-color .15s,border-color .15s}.validation-status-button:hover:not(:disabled){background-color:#f0f0f0;border-color:#c8c8c8}.validation-status-button:disabled{cursor:default;opacity:.85}.validation-status-button .validation-indicator{font-size:1rem;font-weight:700;line-height:1}.validation-status-button .validation-caret{font-size:.65rem;color:#888;margin-left:.15rem}.validation-issues-panel{background-color:#fff;border:1px solid #e0e0e0;border-top:none;max-height:240px;display:flex;flex-direction:column;flex-shrink:0}.validation-issues-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#f8f9fa;border-bottom:1px solid #e8e8e8;font-size:.875rem}.validation-issues-close{border:none;background:transparent;font-size:1.25rem;line-height:1;color:#888;cursor:pointer;padding:0 .25rem}.validation-issues-close:hover{color:#333}.validation-issues-list{list-style:none;margin:0;padding:0;overflow-y:auto}.validation-issue{border-bottom:1px solid #f0f0f0}.validation-issue:last-child{border-bottom:none}.validation-issue-link{display:flex;width:100%;align-items:baseline;gap:.6rem;padding:.45rem .75rem;border:none;background:transparent;text-align:left;font-size:.85rem;color:#333;cursor:pointer}.validation-issue-link:hover{background-color:#f5f7fa}.validation-issue-loc{flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:#666;min-width:4.5rem}.validation-issue-msg{flex:1;word-break:break-word}.validation-issue-source{flex-shrink:0;font-size:.72rem;color:#999;background-color:#f0f0f0;padding:.05rem .4rem;border-radius:10px}.validation-issue-error .validation-issue-loc{color:#c0392b}.validation-issue-warning .validation-issue-loc{color:#b9770e}.validation-issue-info .validation-issue-loc{color:#2471a3}.validation-issue-row{display:flex;align-items:stretch}.validation-issue-row .validation-issue-link{flex:1}.validation-issue-fix-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;border:none;background:transparent;color:#7d3c98;cursor:pointer;font-size:.85rem}.validation-issue-fix-btn:hover:not(:disabled){background-color:#f3e8ff}.validation-issue-fix-btn:disabled{opacity:.6;cursor:progress}.validation-issue-fix-btn .spin{animation:vfix-spin .9s linear infinite}@keyframes vfix-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.validation-fix-preview{border-top:1px solid #f0e6f7;background-color:#faf6fd;padding:.5rem .75rem;font-size:.82rem}.validation-fix-preview-header{font-weight:600;color:#6c3483;margin-bottom:.4rem}.validation-fix-preview-yaml{max-height:220px;overflow:auto;margin:0 0 .5rem;padding:.5rem .6rem;background-color:#fff;border:1px solid #ead5f7;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.45;white-space:pre}.validation-fix-preview-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.validation-fix-stats{display:inline-flex;gap:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:600}.validation-fix-stat.add{color:#1e7d32}.validation-fix-stat.remove{color:#b71c1c}.validation-fix-diff{max-height:320px;overflow:auto;margin:0 0 .55rem;background-color:#fff;border:1px solid #ead5f7;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.45}.validation-fix-nodiff{padding:.7rem .8rem;color:#666;font-size:.82rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.diff-line{display:flex;align-items:flex-start;gap:.6rem;padding:0 .5rem;white-space:pre}.diff-line-add{background-color:#e6ffed;color:#034a16}.diff-line-remove{background-color:#ffeef0;color:#5b0410;text-decoration:none}.diff-line-context{background-color:#fff;color:#333}.diff-lineno{flex-shrink:0;width:5.5em;text-align:right;color:#999;-webkit-user-select:none;user-select:none;padding:0 .4rem 0 0;border-right:1px solid #f0e6f7}.diff-line-add .diff-lineno{color:#2e7d32}.diff-line-remove .diff-lineno{color:#c62828}.diff-sigil{flex-shrink:0;width:.9em;text-align:center;-webkit-user-select:none;user-select:none;font-weight:600}.diff-line-add .diff-sigil{color:#2e7d32}.diff-line-remove .diff-sigil{color:#c62828}.diff-line-context .diff-sigil{color:#bbb}.diff-text{flex:1;min-width:0}.diff-gap{background-color:#f7f3fb;color:#777;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.74rem;text-align:center;padding:.25rem 0;border-top:1px dashed #e6d5f3;border-bottom:1px dashed #e6d5f3}.validation-fix-preview-actions{display:flex;gap:.4rem}.validation-fix-apply,.validation-fix-cancel{padding:.3rem .7rem;border-radius:3px;font-size:.78rem;font-weight:500;cursor:pointer;border:1px solid transparent}.validation-fix-apply{background-color:#6c3483;color:#fff}.validation-fix-apply:hover{background-color:#5b2c6f}.validation-fix-cancel{background-color:#fff;color:#555;border-color:#ddd}.validation-fix-cancel:hover{background-color:#f4f4f4}.validation-fix-preview-error{color:#b03a2e;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid;animation:slideIn .3s ease-out;min-width:300px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#28a745}.toast-error{border-left-color:#dc3545}.toast-info{border-left-color:#17a2b8}.toast-warning{border-left-color:#ffc107}.toast-icon{font-size:1.25rem;flex-shrink:0}.toast-success .toast-icon{color:#28a745}.toast-error .toast-icon{color:#dc3545}.toast-info .toast-icon{color:#17a2b8}.toast-warning .toast-icon{color:#ffc107}.toast-message{flex:1;font-size:.875rem;color:#333;line-height:1.4;word-break:break-word}.toast-close{background:none;border:none;cursor:pointer;padding:.25rem;color:#999;font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background-color:#0000000d;color:#666}.tab-bar{display:flex;align-items:center;gap:0;background-color:var(--tabbar-bg, #2a2a2a);color:var(--tabbar-fg, #ccc);border-bottom:1px solid #444;padding:0 .5rem;overflow-x:auto;overflow-y:hidden;height:40px;font-size:var(--tabbar-font-size, .875rem);font-weight:var(--tabbar-font-weight, 500)}.tab-bar-menu-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ccc;cursor:pointer;padding:.5rem;margin-right:.5rem;border-radius:4px;font-size:1rem;transition:all .2s;height:32px;width:32px}.tab-bar-menu-button:hover{background-color:#ffffff1a;color:#fff}.tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#333;color:#ccc;border:none;border-right:1px solid #444;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .2s;position:relative;height:100%}.tab:hover{background-color:#3a3a3a}.tab.active{background-color:#1e1e1e;color:#fff;border-bottom:2px solid #1f77b4}.tab-icon{font-size:.875rem;color:#888}.tab.active .tab-icon{color:#1f77b4}.tab-name{font-size:var(--tabbar-font-size, .875rem);font-weight:var(--tabbar-font-weight, 500);max-width:150px;overflow:hidden;text-overflow:ellipsis}.tab-unsaved-indicator{font-size:.5rem;color:#ff9800;margin-left:-.25rem}.tab-close-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#888;cursor:pointer;padding:.25rem;border-radius:3px;font-size:.75rem;opacity:0;transition:all .2s}.tab:hover .tab-close-btn{opacity:1}.tab-close-btn:hover{background-color:#ffffff1a;color:#fff}.tab.active .tab-close-btn{opacity:1}.tab-bar::-webkit-scrollbar{height:4px}.tab-bar::-webkit-scrollbar-track{background:#2a2a2a}.tab-bar::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.tab-bar::-webkit-scrollbar-thumb:hover{background:#666}.tab-rename-form{flex:1}.tab-rename-input{width:100%;max-width:150px;padding:.25rem .5rem;background-color:#3c3c3c;border:1px solid #1f77b4;border-radius:3px;color:#ccc;font-size:.875rem;outline:none}.tab-rename-input:focus{border-color:#4a9eff;box-shadow:0 0 0 2px #1f77b44d}.confirm-close-modal{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.confirm-close-icon{font-size:3rem;color:#ff9800}.confirm-close-message{text-align:center}.confirm-close-message p{margin:.5rem 0;color:#333;font-size:.938rem}.confirm-close-message p:first-child{font-size:1rem}.confirm-close-message strong{color:#1f77b4}.confirm-close-actions{display:flex;gap:.75rem;width:100%;justify-content:center;margin-top:.5rem}.modal-btn-danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.modal-btn-danger:hover{background-color:#c82333;border-color:#bd2130}.modal-btn-danger:disabled{background-color:#e57373;border-color:#e57373;cursor:not-allowed;opacity:.6}.conversion-dialog{padding:20px;min-width:450px;max-width:600px}.conversion-item-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding:12px 16px;background:#f5f5f5;border-radius:6px}.conversion-item-info .item-name{display:flex;align-items:center;gap:6px;font-size:14px}.conversion-item-info .item-name strong{color:#333}.type-badge{font-size:10px;padding:4px 8px;border-radius:3px;color:#fff;font-weight:600;white-space:nowrap}.type-badge-attr{background:#6c757d}.type-badge-slot,.type-badge-slotRef{background:#007bff}.conversion-options{margin-bottom:24px}.conversion-prompt{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.conversion-option{display:flex;align-items:flex-start;gap:12px;padding:14px;margin:10px 0;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff}.conversion-option:hover{background:#f9f9f9;border-color:#007bff}.conversion-option:has(input:checked){background:#e7f3ff;border-color:#007bff}.conversion-option input[type=radio]{margin-top:3px;cursor:pointer;width:16px;height:16px}.option-details{flex:1}.option-details strong{display:block;margin-bottom:6px;color:#333;font-size:14px}.option-details p{margin:0;font-size:13px;color:#666;line-height:1.5}.conversion-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0}.conversion-actions button{padding:8px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#f5f5f5;color:#333}.btn-convert{background:#007bff;color:#fff}.btn-convert:hover:not(:disabled){background:#0056b3}.btn-convert:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.slot-edit-confirm-dialog{padding:20px;min-width:500px;max-width:600px}.slot-info{margin-bottom:24px;padding:16px;background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px}.slot-name-display{display:flex;align-items:center;gap:8px;margin-bottom:12px}.slot-name-display .slot-badge{font-size:10px;padding:3px 8px;border-radius:3px;background:#007bff;color:#fff;font-weight:600}.slot-name-display strong{font-size:16px;color:#333}.slot-warning{margin:0;font-size:14px;color:#666;line-height:1.5}.edit-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.edit-option{padding:16px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.edit-option:hover{border-color:#007bff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff1a}.option-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.option-icon{font-size:24px}.option-header strong{font-size:15px;color:#333}.option-description{margin:0 0 12px;font-size:13px;color:#666;line-height:1.5;padding-left:34px}.option-description strong{color:#333}.btn-option{width:100%;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:34px;width:calc(100% - 34px)}.btn-global{background:#007bff;color:#fff}.btn-global:hover{background:#0056b3;transform:scale(1.02)}.btn-local{background:#28a745;color:#fff}.btn-local:hover{background:#218838;transform:scale(1.02)}.dialog-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #e0e0e0}.btn-cancel{padding:8px 20px;background:#f5f5f5;color:#333;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-cancel:hover{background:#e0e0e0}.modification-review-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-width:1200px;width:95%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.modification-review-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#1f77b4,#2196f3);border-radius:8px 8px 0 0}.modification-review-modal .modal-header h2{margin:0;font-size:1.25rem;color:#fff;display:flex;align-items:center;gap:.5rem}.modification-review-modal .modal-close-btn{background:#fff3;border:none;cursor:pointer;color:#fff;font-size:1.25rem;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modification-review-modal .modal-close-btn:hover{background:#ffffff4d}.modification-review-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.ai-reasoning{background:#f8f9fa;border-left:4px solid #1f77b4;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:4px}.ai-reasoning h3{margin:0 0 .5rem;font-size:.875rem;color:#1f77b4;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.ai-reasoning p{margin:0;line-height:1.6;color:#333;font-size:.938rem}.change-summary{margin-bottom:1.5rem}.summary-badges{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.badge{padding:.375rem .75rem;border-radius:4px;font-size:.813rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.badge-added{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.badge-removed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.badge-modified{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.badge-no-changes{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.summary-text{font-size:.875rem;color:#666;margin:0 0 .75rem}.toggle-details-btn{background:none;border:1px solid #1f77b4;color:#1f77b4;padding:.375rem .75rem;border-radius:4px;font-size:.813rem;cursor:pointer;transition:all .2s;font-weight:500}.toggle-details-btn:hover{background:#1f77b4;color:#fff}.change-details{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:1rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto}.change-details h4{margin:0 0 1rem;font-size:.938rem;color:#333}.detail-section{margin-bottom:1rem}.detail-section:last-child{margin-bottom:0}.detail-section h5{margin:0 0 .5rem;font-size:.875rem;color:#1f77b4;font-weight:600}.change-list{list-style:none;padding:0;margin:0}.change-item{padding:.5rem .75rem;margin-bottom:.5rem;border-radius:4px;display:flex;align-items:flex-start;gap:.5rem;font-size:.813rem}.change-item:last-child{margin-bottom:0}.change-added{background:#d4edda;border-left:3px solid #28a745}.change-removed{background:#f8d7da;border-left:3px solid #dc3545}.change-modified{background:#fff3cd;border-left:3px solid #ffc107}.change-icon{font-weight:700;min-width:1rem}.change-description{flex:1;line-height:1.5}.change-sublist{list-style:none;padding:.5rem 0 0 1.5rem;margin:.5rem 0 0;border-left:2px solid rgba(0,0,0,.1)}.change-sublist li{padding:.25rem 0;font-size:.75rem;color:#555;font-family:Courier New,monospace}.diff-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#721c24}.diff-error svg{font-size:1.25rem}.diff-viewer-section{margin-bottom:1rem}.diff-viewer-section h3{margin:0 0 1rem;font-size:1rem;color:#333}.diff-viewer-container{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.diff-viewer-labels{display:flex;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.diff-label{flex:1;padding:.5rem 1rem;font-size:.813rem;font-weight:600;text-align:center}.diff-label-original{color:#dc3545;border-right:1px solid #e0e0e0}.diff-label-modified{color:#28a745}.modification-review-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e0e0e0;background:#f8f9fa;border-radius:0 0 8px 8px}.footer-left{flex:1}.footer-actions{display:flex;gap:.75rem}.auto-apply-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#333;-webkit-user-select:none;user-select:none}.auto-apply-checkbox input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.auto-apply-checkbox span{line-height:1.4}.btn-primary,.btn-secondary{padding:.625rem 1.25rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:#1f77b4;color:#fff}.btn-primary:hover:not(:disabled){background-color:#155a8a;transform:translateY(-1px);box-shadow:0 2px 8px #1f77b44d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover{background-color:#e0e0e0;border-color:#ccc}@media(max-width:768px){.modification-review-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.modification-review-modal .modal-header{border-radius:0}.modification-review-modal .modal-footer{flex-direction:column;gap:1rem;border-radius:0}.footer-left{width:100%}.footer-actions{width:100%;flex-direction:column}.footer-actions button{width:100%;justify-content:center}.summary-badges{flex-direction:column}.diff-viewer-labels{font-size:.75rem}}.chat-interface{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#f9f9f9}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e0e0e0}.chat-header h3{margin:0;font-size:1rem;color:#333}.clear-messages-btn{background:transparent;border:none;color:#999;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.clear-messages-btn:hover:not(:disabled){color:#e74c3c;background:#fee}.clear-messages-btn:disabled{opacity:.3;cursor:not-allowed}.schema-context-indicator{background:linear-gradient(135deg,#667eea,#764ba2);padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.context-badge{display:flex;align-items:center;color:#fff;font-size:.875rem}.context-badge strong{font-weight:600}.github-indicator{opacity:.8;font-size:.8rem}.message-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;text-align:center;padding:2rem}.empty-icon{font-size:3rem;margin-bottom:1rem;color:#ccc}.empty-state p{margin:.5rem 0}.empty-hint{font-size:.875rem;color:#bbb}.message{display:flex;gap:.75rem;max-width:90%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{margin-left:auto;flex-direction:row-reverse}.message-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.message.user .message-icon{background:#1f77b4;color:#fff}.message.assistant .message-icon{background:#667eea;color:#fff}.message-content{flex:1;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;line-height:1.5}.message.user .message-content{background:#1f77b4;color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:#fff;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.message-content p{margin:0;word-wrap:break-word}.message-content pre{background:#f5f5f5;padding:.5rem;border-radius:4px;overflow-x:auto;margin:.5rem 0}.message-content code{background:#f5f5f5;padding:.125rem .25rem;border-radius:2px;font-family:Courier New,monospace;font-size:.85em}.message.user .message-content pre,.message.user .message-content code{background:#fff3}.typing-indicator{display:flex;gap:.25rem;padding:.75rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:fit-content;margin-left:48px}.typing-dot{width:8px;height:8px;border-radius:50%;background:#999;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.input-area{display:flex;gap:.5rem;padding:1rem;background:#fff;border-top:1px solid #e0e0e0}.input-area textarea{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.875rem;resize:none;outline:none;transition:border-color .2s}.input-area textarea:focus{border-color:#1f77b4}.input-area textarea:disabled{background:#f5f5f5;cursor:not-allowed}.send-btn{background:#1f77b4;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){background:#1a5f8f;transform:translateY(-2px);box-shadow:0 4px 8px #1f77b44d}.send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.send-btn svg{font-size:1.125rem}.stop-btn{background:#e74c3c;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.stop-btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 8px #e74c3c4d}.stop-btn svg{font-size:1.125rem}.knowledge-sources-panel{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:0;margin-bottom:1rem;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-bottom:1px solid #e0e0e0;font-weight:600;color:#333}.header-left{display:flex;align-items:center;gap:.5rem}.refresh-all-btn{background:transparent;border:none;color:#1f77b4;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s;display:flex;align-items:center}.refresh-all-btn:hover:not(:disabled){background:#f0f0f0}.refresh-all-btn:disabled{opacity:.5;cursor:not-allowed}.sources-list{max-height:400px;overflow-y:auto}.source-item{background:#fff;border-bottom:1px solid #f0f0f0;padding:.75rem 1rem;transition:background .2s}.source-item:hover{background:#fafafa}.source-item:last-child{border-bottom:none}.source-main{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.source-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;flex:1;margin:0}.source-checkbox input[type=checkbox]{margin-top:.25rem;cursor:pointer;width:18px;height:18px;flex-shrink:0}.source-info{flex:1;min-width:0}.source-name{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#333;font-size:.9rem;margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.source-name.clickable{cursor:pointer;transition:color .2s}.source-name.clickable:hover{color:#1f77b4}.expand-indicator{margin-left:.25rem;font-size:.7rem;color:#999;transition:transform .2s}.source-type-icon{color:#666;flex-shrink:0}.source-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.75rem;color:#666;margin-top:.25rem}.meta-item{display:flex;align-items:center;gap:.25rem}.commit-sha{background:#f0f0f0;padding:.125rem .375rem;border-radius:3px;font-family:Courier New,monospace;font-size:.7rem;color:#555}.refresh-btn{background:#1f77b4;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px}.refresh-btn:hover:not(:disabled){background:#1a5f8f;transform:scale(1.05)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-btn.refreshing{background:#1a5f8f}.spinning{animation:spin 1s linear infinite}.source-status{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f0f0f0;font-size:.75rem;color:#666}.status-icon{font-size:.875rem}.status-text{color:#666}.panel-footer{padding:.75rem 1rem;background:#f9f9f9;border-top:1px solid #e0e0e0;text-align:center}.panel-footer small{color:#666;font-size:.75rem}.loading-state,.empty-state{padding:2rem 1rem;text-align:center;color:#999}.empty-state p{margin:0 0 .5rem;color:#666}.empty-state small{color:#999;font-size:.75rem}.sources-list::-webkit-scrollbar{width:6px}.sources-list::-webkit-scrollbar-track{background:#f0f0f0}.sources-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sources-list::-webkit-scrollbar-thumb:hover{background:#999}.source-details{margin-top:.75rem;padding:.75rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;font-size:.85rem}.source-details h5{margin:0 0 .5rem;font-size:.85rem;color:#555;font-weight:600}.repo-description{margin:0 0 .75rem;padding:.5rem;background:#fff;border-left:3px solid #1f77b4;font-size:.8rem;color:#666;font-style:italic}.file-list ul,.page-list ul{list-style:none;padding:0;margin:0}.file-list li,.page-list li{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;background:#fff;border:1px solid #e0e0e0;margin-bottom:.25rem;border-radius:3px;transition:background .2s}.file-list li:hover,.page-list li:hover{background:#f5f5f5}.file-path,.page-title{flex:1;font-family:Courier New,monospace;font-size:.75rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-title{font-family:inherit;font-weight:500}.file-size,.page-size{font-size:.7rem;color:#999;margin-left:.5rem;flex-shrink:0}.knowledge-sources-panel.compact{font-size:.85rem}.knowledge-sources-panel.compact .panel-header{padding:.75rem;font-size:.9rem}.knowledge-sources-panel.compact .sources-list{max-height:500px}.knowledge-sources-panel.compact .sources-list.compact{padding:0}.source-group.compact{background:#fff;border-bottom:1px solid #e8e8e8;padding:0}.source-group.compact:last-child{border-bottom:none}.source-group-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .2s;cursor:pointer}.source-group-header:hover{background:#f8f8f8}.group-checkbox-wrapper{display:flex;align-items:center}.group-checkbox-wrapper input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0}.group-info{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0;-webkit-user-select:none;user-select:none}.group-expand-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.7rem;color:#666;transition:transform .2s}.group-name{font-weight:500;color:#333;font-size:.85rem}.file-count{font-size:.75rem;color:#888;margin-left:.25rem}.group-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#888;margin-left:auto}.group-meta .meta-item{display:flex;align-items:center;gap:.25rem}.file-list.compact{padding:0;margin:0;background:#fafafa;border-top:1px solid #e8e8e8}.file-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem 2.5rem;border-bottom:1px solid #f0f0f0;transition:background .15s;font-size:.8rem}.file-item:hover{background:#f5f5f5}.file-item:last-child{border-bottom:none}.file-item input[type=checkbox]{width:14px;height:14px;cursor:pointer;margin:0}.file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555;font-family:Courier New,monospace;font-size:.75rem}.source-status.compact{padding:.35rem .75rem;margin:0;border-top:none;background:#f9f9f9;font-size:.7rem}.panel-footer.compact{padding:.5rem .75rem;font-size:.7rem;background:#fff}.refresh-btn{width:28px;height:28px;padding:.4rem;font-size:.8rem}.context-viewer{background:#fff;border-top:1px solid #e0e0e0}.context-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s;font-size:.875rem;font-weight:600;color:#666}.context-header:hover{background:#f9f9f9}.context-header svg{font-size:.75rem}.token-count{margin-left:auto;background:#f0f0f0;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#666}.context-body{padding:1rem;background:#f9f9f9;border-top:1px solid #e0e0e0;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.context-section{margin-bottom:1rem}.context-section:last-child{margin-bottom:0}.context-section h4{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.context-item{padding:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.context-item strong{display:block;font-size:.875rem;color:#333;margin-bottom:.25rem}.context-item small{font-size:.75rem;color:#999}.context-list{margin:0;padding:0;list-style:none}.context-list li{padding:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:.5rem;font-size:.875rem;color:#333}.context-list li:last-child{margin-bottom:0}.no-context{font-size:.875rem;color:#999;font-style:italic;margin:0}.view-full-context-btn{width:100%;padding:.75rem;background:#1f77b4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;transition:all .2s}.view-full-context-btn:hover{background:#1a5f8f;transform:translateY(-2px);box-shadow:0 4px 8px #1f77b44d}.full-context-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center}.full-context-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.full-context-modal .modal-content{position:relative;background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:800px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.full-context-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.full-context-modal .modal-header h3{margin:0;font-size:1.25rem;color:#333}.full-context-modal .modal-header .close-btn{background:transparent;border:none;color:#999;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.full-context-modal .modal-header .close-btn:hover{background:#f5f5f5;color:#333}.full-context-modal .modal-body{flex:1;overflow-y:auto;padding:1.5rem}.context-code{background:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;font-size:.75rem;line-height:1.5;margin:.5rem 0}.sample-item{margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px}.sample-item h5{margin:0 0 .5rem;font-size:.875rem;color:#666}.full-context-modal .modal-footer{display:flex;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e0e0e0}.full-context-modal .modal-footer .close-btn{padding:.75rem 1.5rem;background:#f5f5f5;color:#666;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s}.full-context-modal .modal-footer .close-btn:hover{background:#e0e0e0}.ai-sidebar-panel{position:relative;display:flex;flex-direction:column;background:#fff;border-left:1px solid #ddd;box-shadow:-2px 0 10px #0000001a;overflow:hidden}.ai-sidebar-resize-handle{position:absolute;left:0;top:0;bottom:0;width:4px;cursor:ew-resize;background-color:transparent;transition:background-color .2s;z-index:10}.ai-sidebar-resize-handle:hover,.ai-sidebar-resize-handle.resizing{background-color:#1f77b4}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px #0000001a;min-height:64px}.sidebar-toggle-btn{background:#fff3;border:none;color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.sidebar-toggle-btn:hover{background:#ffffff4d;transform:scale(1.05)}.header-title{flex:1;display:flex;align-items:center;gap:.5rem}.header-title h2{font-size:1.25rem;margin:0}.provider-badge{background:#fff3;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.header-actions{position:relative;display:flex;gap:.5rem}.header-actions button{background:#fff3;border:none;color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.header-actions button:hover{background:#ffffff4d;transform:scale(1.05)}.ai-context-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px}.context-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#fff;border:none;color:#333;font-size:.875rem;cursor:pointer;transition:background-color .2s;text-align:left}.context-menu-item:hover:not(:disabled){background:#f5f5f5}.context-menu-item:disabled{opacity:.5;cursor:not-allowed}.context-menu-item svg{color:#666;font-size:1rem}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.settings-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .2s;min-width:40px;min-height:36px}.settings-button:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.ai-toggle-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.ai-toggle-button:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.ai-toggle-button svg{font-size:1.25rem}.ai-sidebar-show-btn{position:absolute;top:3.5rem;right:.75rem;z-index:1000;background-color:#667eea;border:1px solid #764ba2;color:#fff;font-size:1.25rem;padding:.5rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:2.5rem;min-height:2.5rem;box-shadow:0 2px 8px #0000004d}.ai-sidebar-show-btn:hover{background-color:#764ba2;transform:scale(1.05);box-shadow:0 4px 12px #0006}.ai-sidebar-show-btn:active{transform:scale(.95)}@media(max-width:768px){.ai-sidebar-panel{width:100%!important;max-width:none}}.ai-quick-actions{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--ai-quick-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--ai-quick-fg, white);border-bottom:1px solid rgba(255,255,255,.1);font-size:var(--ai-quick-font-size, .875rem);font-weight:var(--ai-quick-font-weight, 600)}.quick-actions-label{display:flex;align-items:center;gap:.5rem;color:var(--ai-quick-fg, white);font-size:var(--ai-quick-font-size, .875rem);font-weight:var(--ai-quick-font-weight, 600);white-space:nowrap}.ai-icon{font-size:1.1rem}.quick-actions-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.quick-action-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:var(--ai-quick-fg, white);font-size:var(--ai-quick-font-size, .813rem);font-weight:var(--ai-quick-font-weight, 500);cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-action-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.quick-action-btn:active:not(:disabled){transform:translateY(0)}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-action-btn svg{font-size:1rem}.quick-action-btn:hover:not(:disabled){background:var(--action-color, rgba(255, 255, 255, .3));border-color:var(--action-color, rgba(255, 255, 255, .5))}.auth-buttons-container{display:flex;gap:.5rem;align-items:center}.github-login-button{display:flex;align-items:center;gap:8px;padding:.5rem 1rem;background-color:#1f77b4;color:#fff;border:1px solid #1f77b4;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.github-login-button:hover:not(:disabled){background-color:#155a8a;border-color:#155a8a}.github-login-button:disabled{opacity:.6;cursor:not-allowed}.github-login-button svg.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-toggle-button{display:flex;align-items:center;gap:8px;padding:.5rem 1rem;background-color:#7c3aed;color:#fff;border:1px solid #7c3aed;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.ai-toggle-button:hover{background-color:#6d28d9;border-color:#6d28d9}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;transition:all .2s ease}.user-menu-trigger:hover{background:#e8e8e8;border-color:#ccc}.user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-icon{width:20px;height:20px;color:#666}.user-username{font-size:14px;font-weight:500;color:#333;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1000;overflow:hidden}.user-menu-header{padding:16px;background:#f8f9fa;border-bottom:1px solid #e5e5e5}.user-info{display:flex;align-items:center;gap:12px}.user-avatar-large{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-details{flex:1}.user-name{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.user-github{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.user-menu-section{padding:12px;border-bottom:1px solid #e5e5e5}.user-menu-section:last-child{border-bottom:none}.membership-status{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f9fa;border-radius:6px;margin-bottom:12px}.status-icon{font-size:20px;margin-top:2px}.status-icon.success{color:#28a745}.status-icon.warning{color:#ffc107}.status-text{flex:1}.status-text strong{display:block;font-size:14px;color:#333;margin-bottom:4px}.status-text small{display:block;font-size:12px;color:#666;line-height:1.4}.status-text a{color:#0366d6;text-decoration:none}.status-text a:hover{text-decoration:underline}.menu-action-button{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.menu-action-button:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.menu-action-button:disabled{opacity:.6;cursor:not-allowed}.menu-action-button svg.spinning{animation:spin 1s linear infinite}.logout-button{color:#dc3545;border-color:#dc3545}.logout-button:hover:not(:disabled){background:#fff5f5}.hard-logout-button{color:#fd7e14;border-color:#fd7e14;margin-top:8px}.hard-logout-button:hover:not(:disabled){background:#fff8f0}.oauth-callback-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.oauth-callback-card{background:#fff;border-radius:12px;padding:48px 32px;max-width:480px;width:100%;text-align:center;box-shadow:0 8px 32px #0000001a}.callback-icon{font-size:64px;margin-bottom:24px}.callback-icon.spinner{color:#667eea;animation:spin 1s linear infinite}.callback-icon.success{color:#28a745}.callback-icon.error{color:#dc3545}.oauth-callback-card h2{font-size:24px;margin-bottom:16px;color:#333}.oauth-callback-card p{font-size:16px;line-height:1.6;color:#666;margin-bottom:12px}.redirect-message{font-size:14px;font-style:italic;color:#999;margin-top:24px}.retry-button{margin-top:24px;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#5568d3;transform:translateY(-1px)}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-modal-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.settings-modal-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.settings-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.settings-modal-close:hover{background-color:#f5f5f5;color:#333}.settings-modal-body{display:flex;flex:1;overflow:hidden}.settings-tabs{width:200px;border-right:1px solid #e0e0e0;padding:16px 0;background-color:#fafafa}.settings-tab{width:100%;padding:12px 24px;border:none;background:none;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;font-size:14px;color:#666;transition:all .2s;position:relative}.settings-tab:hover{background-color:#f0f0f0;color:#333}.settings-tab.active{background-color:#fff;color:#1976d2;font-weight:500}.settings-tab.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#1976d2}.settings-tab-icon{font-size:18px}.settings-tab-label{flex:1}.settings-content{flex:1;padding:24px;overflow-y:auto}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#666}.spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#1976d2;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.settings-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.settings-btn-secondary:hover{background-color:#e0e0e0}.settings-btn-primary:hover{background-color:#1565c0}@media(max-width:768px){.settings-modal{width:95%;max-height:90vh}.settings-modal-body{flex-direction:column}.settings-tabs{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;padding:8px}.settings-tab{flex:1;min-width:120px;padding:8px 16px;justify-content:center}.settings-tab.active:before{left:0;right:0;top:auto;bottom:0;width:auto;height:3px}}.settings-tab-content{max-width:600px}.settings-tab-content h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#333}.settings-description{margin:0 0 24px;color:#666;font-size:14px;line-height:1.5}.settings-section{margin-bottom:32px}.settings-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:12px}.settings-hint{margin:8px 0 0;font-size:13px;color:#666;line-height:1.4}.settings-radio-group{display:flex;flex-direction:column;gap:12px}.settings-radio-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.settings-radio-option:hover{border-color:#1976d2;background-color:#f5f9ff}.settings-radio-option input[type=radio]{margin-top:2px;cursor:pointer}.settings-radio-content{flex:1}.settings-radio-title{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.settings-radio-description{font-size:13px;color:#666;line-height:1.4}.settings-input-group{margin-bottom:16px}.settings-input-label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:6px}.settings-input{width:100%;padding:10px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;transition:all .2s}.settings-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.settings-input::placeholder{color:#999}.settings-select{width:100%;padding:10px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s}.settings-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.settings-checkbox-group{display:flex;flex-direction:column;gap:10px}.settings-checkbox-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333}.settings-checkbox-option input[type=checkbox]{cursor:pointer;width:18px;height:18px}.settings-info-box{margin-top:16px;padding:12px 16px;background-color:#e3f2fd;border-left:3px solid #1976d2;border-radius:4px;font-size:13px;color:#0d47a1;line-height:1.5}.settings-info-box code{background-color:#1976d21a;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:12px}.settings-actions{display:flex;gap:12px;margin-top:24px}.settings-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn-secondary{background-color:#f5f5f5;color:#333}.settings-btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.settings-btn-primary{background-color:#1976d2;color:#fff}.settings-btn-primary:hover:not(:disabled){background-color:#1565c0}.settings-save-indicator{display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 12px;background-color:#f5f5f5;border-radius:4px;font-size:13px;color:#666}.settings-save-spinner{width:14px;height:14px;border:2px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.appearance-settings{padding:1rem .5rem 1rem 0}.appearance-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.appearance-header h3{margin:0 0 .25rem;font-size:1.05rem}.appearance-intro{margin:0;color:#666;font-size:.85rem;max-width:60ch}.appearance-reset-all,.appearance-reset{border:1px solid #ddd;background:#fff;color:#555;padding:.35rem .7rem;border-radius:4px;font-size:.78rem;cursor:pointer}.appearance-reset-all:hover,.appearance-reset:hover{background:#f3f3f3}.appearance-section{border:1px solid #eee;border-radius:6px;padding:.85rem 1rem;margin-bottom:.85rem;background:#fafafa}.appearance-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}.appearance-section-head h4{margin:0 0 .15rem;font-size:.95rem}.appearance-section-desc{margin:0;color:#777;font-size:.78rem}.appearance-grid{display:grid;grid-template-columns:200px 1fr;row-gap:.55rem;column-gap:.85rem;align-items:center}.appearance-row{display:contents}.appearance-label{font-size:.83rem;color:#444}.appearance-field-color{display:flex;align-items:center;gap:.5rem}.appearance-field-color input[type=color]{width:36px;height:28px;border:1px solid #ddd;border-radius:4px;padding:0;cursor:pointer;background:#fff}.appearance-field-text{flex:1;border:1px solid #ddd;border-radius:4px;padding:.3rem .5rem;font-size:.83rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.appearance-field-size{display:flex;align-items:center;gap:.55rem}.appearance-field-size input[type=range]{flex:1;max-width:200px}.appearance-field-num{width:4em;border:1px solid #ddd;border-radius:4px;padding:.25rem .4rem;font-size:.85rem;text-align:right}.appearance-unit{font-size:.78rem;color:#888}.appearance-field-select{border:1px solid #ddd;border-radius:4px;padding:.3rem .5rem;font-size:.85rem;background:#fff;width:220px}.app{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2rem;background-color:var(--app-header-bg, #1f77b4);color:var(--app-header-fg, white);box-shadow:0 2px 4px #0000001a}.header-left h1{font-size:var(--app-header-font-size, 1.5rem);font-weight:var(--app-header-font-weight, 600);margin-bottom:.25rem}.subtitle{font-size:.875rem;opacity:.9}.header-center{display:flex;justify-content:center;align-items:center}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.auth-container{display:flex;align-items:center}.header-save-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.header-save-btn:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.app-content{display:flex;flex:1;overflow:hidden;transition:all .3s ease;position:relative}.file-browser-show-btn{position:absolute;top:3.5rem;left:.75rem;z-index:1000;background-color:#252526;border:1px solid #3e3e42;color:#ccc;font-size:1.25rem;padding:.5rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:2.5rem;min-height:2.5rem;box-shadow:0 2px 8px #0000004d}.file-browser-show-btn:hover{background-color:#3e3e42;transform:scale(1.05);box-shadow:0 4px 12px #0006}.file-browser-show-btn:active{transform:scale(.95)}.app-content.browser-hidden .editor-wrapper{animation:expandWidth .3s ease}@keyframes expandWidth{0%{opacity:.8}to{opacity:1}}.editor-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.main-area,.canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.schema-canvas{flex:1;background-color:#fff;position:relative}.zoom-level-indicator{position:absolute;bottom:6.5rem;left:1rem;z-index:5;font-size:.65rem;font-weight:500;color:#888;text-align:center;pointer-events:none;width:2rem}.zoom-100-btn{position:absolute;bottom:1rem;left:5.5rem;z-index:1;padding:.375rem .625rem;background-color:#fff;border:1px solid #ddd;border-radius:2px;font-size:.75rem;font-weight:500;color:#333;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s}.zoom-100-btn:hover{background-color:#1f77b4;color:#fff;border-color:#1f77b4;transform:translateY(-1px);box-shadow:0 3px 8px #1f77b44d}.app-footer{display:flex;justify-content:space-between;padding:.5rem 2rem;background-color:#333;color:#ccc;font-size:.875rem}.modal-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.modal-badge-class{background:#4caf50;color:#fff}.modal-badge-enum{background:#2196f3;color:#fff}.modal-header.modal-drag-handle{transition:background .2s}.modal-header.modal-drag-handle:hover{background:linear-gradient(to bottom,#f0f0f0,#e0e0e0)}.modal-close-button:hover{background:#0000001a}.modal-tab-button:hover{background:#0000000d}.modal-tab-button.active{background:#fff;color:#007bff}.modal-footer button:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.modal-footer button:disabled{opacity:.5;cursor:not-allowed}.attribute-table,.enum-values-table{width:100%;border-collapse:collapse;font-size:13px}.attribute-table th,.enum-values-table th{background:#f0f0f0;padding:8px;text-align:left;border-bottom:2px solid #ddd;font-weight:600}.attribute-table td,.enum-values-table td{padding:6px 8px;border-bottom:1px solid #e0e0e0}.attribute-table input,.attribute-table select,.attribute-table textarea,.enum-values-table input{border:1px solid #ccc;border-radius:3px;padding:4px 6px;font-size:13px}.attribute-table input:focus,.attribute-table select:focus,.attribute-table textarea:focus,.enum-values-table input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.btn-delete{background:transparent;border:none;cursor:pointer;color:#dc3545;padding:4px;border-radius:3px;transition:background .2s}.btn-delete:hover{background:#dc35451a}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#333}.form-group input[type=text],.form-group textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input[type=checkbox]{cursor:pointer}.empty-state{text-align:center;padding:40px;color:#999}.required-indicator{color:#dc3545;margin-left:4px}.modal-unsaved-indicator{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.node-editor-modal{width:95%!important;max-width:95%!important}.attribute-table,.enum-values-table{font-size:12px}.modal-tab-button{padding:10px 15px;font-size:13px}}.modal-close-button:focus,.btn-delete:focus{outline:2px solid #007bff;outline-offset:2px}.modal-drag-handle{cursor:move;cursor:grab}.modal-drag-handle:active{cursor:grabbing}.node-editor-modal{resize:both;overflow:hidden}.node-editor-modal:after{content:"";position:absolute;bottom:0;right:0;width:16px;height:16px;background:linear-gradient(135deg,transparent 50%,#999 50%);cursor:nwse-resize;pointer-events:none}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.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__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.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:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.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-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.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.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));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;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.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:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.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-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.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:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));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:var(--xy-resize-background-color, var(--xy-resize-background-color-default));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%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}