.login-box{background:#fff;padding:15px 20px 20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.login-box h1{margin-top:0;margin-bottom:20px;font-size:28px;font-weight:600;text-align:center;color:#333}.login-box .form-group{margin-bottom:10px}.login-box .form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555;font-size:14px}.login-box .form-group input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.login-box .form-group input:focus{outline:none;border-color:#4caf50}.login-box .form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-box button[type=submit]{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.login-box button[type=submit]:hover:not(:disabled){background-color:#45a049}.login-box button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.login-box .message{margin-top:20px;padding:12px;border-radius:4px;font-size:14px;text-align:center}.login-box .message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.login-box .message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.login-box .login-mode-switcher{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.login-box .mode-button{flex:1;padding:10px;background:#fff;color:#666;border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.login-box .mode-button:hover{background:#f5f5f5;border-color:#4caf50}.login-box .mode-button.active{background:#4caf50;color:#fff;border-color:#4caf50}.login-box textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:monospace;transition:border-color .2s;box-sizing:border-box;resize:vertical}.login-box textarea:focus{outline:none;border-color:#4caf50}.login-box textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:40px}.password-toggle-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s;width:28px;height:28px;min-width:28px;min-height:28px}.password-toggle-btn:hover:not(:disabled){color:#333;background:none}.password-toggle-btn:disabled{color:#ccc;cursor:not-allowed;background:none}.info-icon{position:absolute;top:.25rem;right:.25rem;color:#999;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s;z-index:2}.info-icon svg{width:16px;height:16px}.info-icon:hover{color:#2196f3;background-color:#2196f31a}.master-detail-container{display:flex;height:100vh;font-family:Arial,sans-serif}.tabs-sidebar{background-color:#f8f9fa;border-right:1px solid #dee2e6;display:flex;flex-direction:column}.tabs-header{padding:12px;border-bottom:1px solid #dee2e6;background-color:#e9ecef}.tabs-header h3{margin:0;font-size:16px;color:#495057;font-family:inherit}.tabs-list{flex:1;padding:0}.tab-container{display:flex;align-items:center;width:100%}.tab-expand-btn{width:20px;height:20px;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6c757d;transition:transform .2s ease;padding-right:0}.tab-expand-icon{transform:rotate(0);transition:transform .2s ease}.tab-expand-icon.expanded{transform:rotate(90deg)}.tab-label-btn{flex:1;padding:4px 4px 4px 0;border:none;border-right:1px solid transparent;background-color:transparent;color:#495057;text-align:left;cursor:pointer;font-size:14px;font-weight:400;transition:all .2s ease}.tab-label-btn.active{border-right:4px solid #007bff;background-color:#f8f9fa;color:#007bff;font-weight:700}.tab-label-btn.hover{background-color:#e9ecef}.subtab-btn{width:100%;padding:6px 20px;border:none;border-right:1px solid transparent;background-color:transparent;color:#6c757d;text-align:left;cursor:pointer;font-size:13px;transition:all .2s ease}.subtab-btn.active{border-right:3px solid #28a745;background-color:#f1f3f4;color:#28a745}.subtab-btn.hover{background-color:#e9ecef}.tabs-footer{padding:8px 12px;border-top:1px solid #dee2e6;font-size:12px;color:#6c757d}.panels-container{flex:1;overflow:auto}._configContainer_12vg9_1{width:100%}._configList_12vg9_5{display:flex;flex-direction:column;gap:8px}._configItem_12vg9_11{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}._configItem_12vg9_11:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}._configInfo_12vg9_28{flex:1;margin-right:12px}._configLabel_12vg9_33{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px}._configDescription_12vg9_40{font-size:12px;color:#6b7280;line-height:1.4}._configControl_12vg9_46{flex-shrink:0}._configInput_12vg9_53{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:120px}._configInput_12vg9_53:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._configSelect_12vg9_68{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:120px;background:#fff;cursor:pointer}._configSelect_12vg9_68:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._configError_12vg9_85{font-size:12px;color:#dc2626;padding:6px 10px;background:#fee2e2;border:1px solid #fecaca;border-radius:4px}._configGroup_12vg9_95{margin-bottom:20px}._configGroupTitle_12vg9_99{font-size:15px;font-weight:600;color:#374151;margin-bottom:6px}._configGroupDivider_12vg9_106{height:1px;background:#e5e7eb;margin-bottom:8px}._configGroupItems_12vg9_112{display:flex;flex-direction:column;gap:8px}._configTabContainer_12vg9_122{display:flex;height:100%;min-height:400px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb}._configTabSidebarContainer_12vg9_133{border-right:1px solid #e5e7eb;overflow:hidden;width:200px;padding-top:10px;display:flex;flex-direction:column}._configTabSidebar_12vg9_133{display:flex;flex-direction:column;flex-shrink:0;align-items:stretch;margin:0 8px}._configTab_12vg9_122{padding:6px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._configTab_12vg9_122:hover{background:#e5e7eb;color:#111827}._active_12vg9_172{background:#d1d5db;color:#111827;font-weight:600}._configTabContent_12vg9_179{flex:1;padding:10px 20px 20px;overflow-y:auto}._configTabEmpty_12vg9_186{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:14px}._configTabError_12vg9_196{padding:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}._errorTitle_12vg9_203{font-size:16px;font-weight:600;color:#dc2626;margin-bottom:8px}._errorMessage_12vg9_210{font-size:14px;color:#991b1b;margin-bottom:12px}._errorJson_12vg9_216{background:#fff;border:1px solid #fecaca;border-radius:4px;padding:12px;font-size:12px;color:#7f1d1d;overflow-x:auto;max-height:300px;overflow-y:auto}._configSubtabContainer_imtpo_4{display:flex;flex-direction:column;height:100%}._configSubtabBar_imtpo_11{display:flex;border-bottom:2px solid #e5e7eb;background:#f9fafb;gap:0px;padding:0}._configSubtab_imtpo_4{padding:8px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap}._configSubtab_imtpo_4:hover{color:#111827;background:#f3f4f6}._active_imtpo_39{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}._configSubtabContent_imtpo_46{flex:1;padding:8px;overflow-y:auto;background:#fff}._configTabList_1e1f9_5{padding-top:0;align-items:stretch;display:flex;flex-direction:column}._configTabSidebar_1t7hq_5{overflow-y:auto}._configTabGroup_1t7hq_10{display:flex;flex-direction:column}._configTabGroupDivider_1t7hq_16{height:1px;background:#e5e7eb;margin:4px 12px}._configTabGroupName_1t7hq_23{padding:8px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}._configTabError_1t7hq_33{margin-bottom:12px}.pathbar-container{padding:0 4px;background-color:#fff;border:1px solid #d0d0d0;border-radius:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;line-height:20px;box-sizing:border-box;display:flex;align-items:center;cursor:text;transition:border-color .2s}.pathbar-container:hover{border-color:#a0a0a0}.pathbar-content{display:flex;align-items:center;gap:0px;flex:1;line-height:20px}.pathbar-segment{color:#1a1a1a;padding:2px 0;border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:16px;display:inline-block;transition:background-color .15s,color .15s}.pathbar-segment:hover{background-color:#e5f3ff;color:#06c}.pathbar-segment:active{background-color:#cce8ff}.pathbar-separator{color:#666;-webkit-user-select:none;user-select:none;padding:0;line-height:20px}.pathbar-empty{color:#999;font-style:italic;-webkit-user-select:none;user-select:none;line-height:20px}.pathbar-input{width:100%;height:20px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;line-height:20px;padding:0;margin:0;color:#1a1a1a;box-sizing:border-box}.pathbar-input::selection{background-color:#0078d7;color:#fff}.keyvalues-container{width:100%;background:#fff;border:1px solid #d0d0d0;border-radius:2px;overflow:hidden}.keyvalues-list{width:100%;font-size:13px}.keyvalues-row{border-bottom:1px solid #e5e5e5;position:relative}.keyvalues-row:last-child{border-bottom:none}.keyvalues-row:after{content:"";position:absolute;top:0;bottom:0;left:var(--key-col-width, 30%);width:1px;background:#e5e5e5;pointer-events:none}.keyvalues-cell{padding:4px 6px;position:relative}.keyvalues-cell.editable{cursor:pointer;transition:background-color .1s}.keyvalues-cell.editable:hover{background-color:#f8f8f8}.key-cell{font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value-cell{color:#333}.keyvalues-text{display:block;word-break:break-word;outline:none}.keyvalues-text.editing{background:#fff;border:1px solid #0078d7;border-radius:1px;margin:-1px;padding:0}.keyvalues-text.editing:focus{outline:none}.keyvalues-empty{padding:20px;text-align:center;color:#999;font-style:italic}.tabs-on-top-container{display:flex;flex-direction:column}.tabs-on-top-header{display:flex;gap:0px;border-bottom:2px solid #e0e0e0;background:#f5f5f5;padding:0;border-radius:4px 4px 0 0;position:relative}.tab-on-top-btn{background:transparent;color:#666;border:1px solid transparent;border-bottom:none;padding:6px;border-radius:4px 4px 0 0;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;position:relative;margin-bottom:-2px;display:flex;align-items:center;gap:4px}.tab-label{flex:1}.tab-close-btn{display:flex;align-items:center;justify-content:center;padding:2px 0 2px 2px;margin-right:-2px;opacity:.6;transition:opacity .2s}.tab-close-btn:hover{opacity:1}.tab-create-btn{padding:6px;background:none;border:none;cursor:pointer;color:#666;transition:all .2s;display:flex;align-items:center;justify-content:center}.tab-create-btn:hover{color:#2196f3;background:#0000000d}.tab-on-top-btn:hover{background:#0000000d;color:#333}.tab-on-top-btn.active{background:#fff;color:#2196f3;border:1px solid #e0e0e0;border-bottom:2px solid #ffffff}.tab-panel{width:100%}.tab-panel.active{display:block!important}.tab-on-top-btn.dragging{opacity:.3}.tab-separator-indicator{position:absolute;width:2px;background:#2196f3;z-index:100;pointer-events:none}.editable-value-container{display:flex;align-items:center;gap:4px;line-height:1;flex:1;min-width:0}.editable-value-text{word-break:break-word;display:inline-block;outline:none;min-height:1em}.editable-value-text.not-set{color:#999;font-style:italic}.editable-value-text.editing{background:#fff;border:1px solid #2196F3;border-radius:1px;margin:-1px;padding:0;min-width:100px}.editable-value-text.editing:focus{outline:none}.editable-value-icon{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}.edit-icon-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:2px;transition:background .2s;line-height:1}.edit-icon-button:hover{background:#f0f0f0}.edit-icon-button svg{display:block}.editable-value-boolean{display:inline-flex;gap:12px;align-items:center}.editable-value-text.disabled{cursor:not-allowed;opacity:.6}.radio-label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:13px}.radio-label.disabled{opacity:.5;cursor:not-allowed}.radio-label input[type=radio]{cursor:pointer;margin:0}.radio-label input[type=radio]:disabled{cursor:not-allowed}.radio-label span{-webkit-user-select:none;user-select:none}.searchable-value-wrapper{position:relative}.searchable-value-fixed-wrapper{display:inline-block;vertical-align:baseline;line-height:1.2;min-height:1.2em}.searchable-value-fixed-wrapper .editable-value-text{display:inline-block;vertical-align:baseline;line-height:inherit;padding:1px 3px;margin:-1px -3px;border:1px solid transparent;box-sizing:border-box}.searchable-value-fixed-wrapper .editable-value-text.editing{border-color:#2196f3!important;background:#fff!important}.searchable-dropdown{position:absolute;top:100%;left:0;margin-top:2px;background:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 2px 4px #0000001a;max-height:200px;overflow-y:auto;min-width:200px;z-index:1000}.searchable-dropdown-item{padding:4px 6px;cursor:pointer;border-bottom:1px solid #f0f0f0}.searchable-dropdown-item:last-child{border-bottom:none}.searchable-dropdown-item:hover,.searchable-dropdown-item.selected{background:#f5f5f5}.searchable-dropdown-value{font-size:13px;color:#333}.searchable-dropdown-desc{font-size:11px;color:#666;margin-top:2px}.validation-status-icon{display:inline-flex;align-items:center;margin-right:4px}.selectable-value-dropdown{display:inline-block;outline:none;background:#fff;border:1px solid #2196F3;border-radius:1px;padding:0 4px;margin:-1px 0;font-size:inherit;font-family:inherit;color:inherit;line-height:inherit;min-width:150px;cursor:pointer;height:auto;vertical-align:baseline;box-sizing:border-box}.selectable-value-dropdown:focus{outline:1px solid #2196F3;outline-offset:0}.selectable-value-dropdown:disabled{opacity:.6;cursor:not-allowed}.selectable-value-fixed-wrapper{display:inline-block;vertical-align:baseline;line-height:1.2;min-height:1.2em}.selectable-value-text{display:inline-block;vertical-align:baseline;line-height:inherit;padding:0 2px;margin:0 -2px;outline:1px solid transparent;outline-offset:-1px;box-sizing:border-box}.selectable-editing{outline-color:#2196f3}.menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.context-menu{position:fixed;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:100px;z-index:999;padding:4px 0}.context-menu-item{padding:4px 8px;cursor:pointer;font-size:14px;transition:background-color .15s;display:flex;justify-content:space-between;align-items:center;gap:12px}.context-menu-item:hover:not(.disabled){background-color:#e3f2fd}.context-menu-item.disabled{opacity:.4;cursor:not-allowed}.context-menu-item.has-submenu{padding-right:8px}.submenu-arrow{font-size:10px;color:#666}.string-input-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.string-input-panel{background:#fff;border-radius:4px;box-shadow:0 4px 16px #0003;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.string-input-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ddd}.string-input-title{margin:0;font-size:16px;font-weight:600}.string-input-close-button{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;color:#666;line-height:1}.string-input-close-button:hover{color:#000;background:#f0f0f0;border-radius:2px}.string-input-content{padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.string-input-textarea{width:100%;min-height:200px;padding:8px;border:1px solid #ccc;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:13px;resize:vertical;line-height:1.5}.string-input-textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.string-input-type-selector{display:flex;align-items:center;gap:12px;padding:8px 0}.string-input-type-label{font-size:13px;font-weight:500;color:#333}.string-input-radio-label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:13px}.string-input-radio-label input[type=radio]{cursor:pointer}.string-input-radio-text{-webkit-user-select:none;user-select:none}.string-input-buttons{display:flex;gap:8px;justify-content:flex-end}.string-input-button{padding:6px 16px;border:1px solid #ccc;border-radius:3px;font-size:13px;cursor:pointer;background:#fff;transition:background .2s,border-color .2s}.string-input-button:hover{background:#f5f5f5}.string-input-button-confirm{background:#4a90e2;color:#fff;border-color:#4a90e2}.string-input-button-confirm:hover{background:#357abd;border-color:#357abd}.string-input-button-cancel{background:#fff;color:#666}.string-input-button-cancel:hover{background:#f0f0f0}.string-input-error{padding:8px 12px;background:#ffebee;border:1px solid #f44336;border-radius:3px;color:#c62828;font-size:12px;font-family:monospace}.raw-json-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.raw-json-panel{background:#fff;border-radius:4px;box-shadow:0 4px 16px #0003;width:800px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.raw-json-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ddd}.raw-json-title{margin:0;font-size:16px;font-weight:600}.raw-json-header-buttons{display:flex;gap:8px;align-items:center}.raw-json-copy-button{padding:4px 12px;background:#4a90e2;color:#fff;border:none;border-radius:3px;font-size:13px;cursor:pointer;transition:background .2s}.raw-json-copy-button:hover{background:#357abd}.raw-json-close-button{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;color:#666;line-height:1}.raw-json-close-button:hover{color:#000;background:#f0f0f0;border-radius:2px}.raw-json-content{padding:16px;overflow:auto;flex:1}.raw-json-pre{margin:0;padding:12px;background:#f5f5f5;border:1px solid #ddd;border-radius:3px;overflow-x:auto}.raw-json-code{font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;color:#333;white-space:pre}.table-card{background:#fff;border:1px solid #dee2e6;margin-bottom:8px;display:flex;flex-direction:column}.table-card-header{padding:12px;border-bottom:1px solid #dee2e6;flex-grow:1}.table-info{display:flex;flex-direction:column;gap:4px}.table-name-row{display:flex;align-items:center;gap:8px}.item-type-badge{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;background:#e9ecef;color:#495057;letter-spacing:.5px}.table-name-status-group{display:flex;align-items:center;gap:8px}.table-name{font-family:monospace;font-size:15px;font-weight:600;color:#212529}.table-status{font-size:12px;font-weight:500;padding:2px 8px}.table-status.exists{color:#155724;background:#d4edda}.table-status.missing{color:#721c24;background:#f8d7da}.table-status.loading-status{background:#e7f3ff;color:#004085}.table-description{margin:0;font-size:13px;color:#adb5bd;line-height:1.4}.table-card-actions{padding:8px 12px;display:flex;align-items:flex-start;gap:8px;flex-shrink:0;flex-grow:0}.table-card-actions button{padding:6px 12px;border:none;font-size:13px;cursor:pointer;transition:background-color .15s}.btn-how-to-create,.btn-view-sql{padding:6px 12px;background:#17a2b8;color:#fff;border:none;font-size:13px;cursor:pointer}.btn-how-to-create:hover,.btn-view-sql:hover{background:#138496}.btn-how-to-empty{padding:6px 12px;background:#ffc107;color:#212529;border:none;font-size:13px;cursor:pointer}.btn-how-to-empty:hover{background:#e0a800}.btn-how-to-delete{padding:6px 12px;background:#dc3545;color:#fff;border:none;font-size:13px;cursor:pointer}.btn-how-to-delete:hover{background:#c82333}.table-card-actions button:disabled{opacity:.6;cursor:not-allowed}.card-loading{font-size:13px;color:#6c757d;font-style:italic}.btn-recheck{padding:2px 8px;background:#e9ecef;color:#495057;border:1px solid #ced4da;font-size:12px;cursor:pointer}.btn-recheck:hover{background:#dee2e6}.sql-display{margin:0 12px 12px;border:1px solid #dee2e6;background:#f8f9fa}.sql-header{padding:8px 12px;background:#e9ecef;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:#495057}.sql-actions{display:flex;gap:8px}.btn-copy-small{padding:4px 8px;background:#007bff;color:#fff;border:none;font-size:12px;cursor:pointer}.btn-copy-small:hover{background:#0056b3}.sql-code-small{margin:0;padding:8px;background:#fff;border:none;font-family:monospace;font-size:12px;overflow-x:auto;max-height:300px;overflow-y:auto;white-space:pre}.database-setup h2{margin:0 0 8px;font-size:20px;color:#212529}.database-setup .description{margin:0 0 16px;color:#6c757d;font-size:14px}.error-message{padding:8px;background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.dismiss-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#721c24;padding:0 4px}.retry-btn{padding:4px 12px;background:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:13px}.retry-btn:hover{background:#0056b3}.tables-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-bottom:24px}@media(max-width:768px){.tables-container{grid-template-columns:1fr}}.folder-header{display:flex;width:100%;background:#f5f5f5;border-bottom:1px solid #d0d0d0;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none;position:relative}.folder-header-cell{position:relative;padding:6px 8px;overflow:hidden;flex-shrink:0;border-right:1px solid #e0e0e0}.folder-header-cell.reorderable{cursor:move}.folder-header-cell.dragging{opacity:.3}.folder-header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-header-resize-handle{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:10}.folder-header-resize-handle:hover{background:#0000001a}.folder-header-resize-handle:active{background:#0003}.folder-header-separator-indicator{position:absolute;left:0;top:0;bottom:0;width:2px;background:#2196f3;z-index:100;pointer-events:none}.folder-view-container{display:flex;flex-direction:column;width:100%;border:1px solid #d0d0d0;border-radius:2px;overflow:hidden}.folder-header-wrapper{overflow-x:auto;overflow-y:hidden}.folder-header-wrapper::-webkit-scrollbar{display:none}.folder-header-wrapper{-ms-overflow-style:none;scrollbar-width:none}.folder-body-wrapper{flex:1;overflow-y:auto;overflow-x:auto}.folder-body{display:flex;flex-direction:column;width:100%;font-size:13px;position:relative}.folder-body-row{display:flex;width:100%;border-bottom:1px solid #e8e8e8;cursor:pointer;-webkit-user-select:none;user-select:none}.folder-body-row.reorderable{cursor:move}.folder-body-row.dragging{opacity:.3}.folder-body-row:hover{background:#f9f9f9}.folder-body-row.selected{background:#e3f2fd}.folder-body-row.selected:hover{background:#d1e9fc}.folder-body-cell{position:relative;padding:4px 6px;overflow:hidden;flex-shrink:0;border-right:1px solid #f0f0f0;display:flex;align-items:center}.folder-body-cell-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-body-separator-indicator{position:absolute;left:0;right:0;top:0;height:2px;background:#2196f3;z-index:100;pointer-events:none}.folder-body.locked{pointer-events:none;opacity:.6}.folder-statusbar{height:24px;border-top:1px solid #d0d0d0;background:#f8f8f8;display:flex;align-items:center;padding:0 8px;font-size:12px;color:#666;flex-shrink:0}.folder-statusbar.has-error{background:#ffebee;color:#c62828}.folder-statusbar-content{display:flex;align-items:center;gap:6px}.folder-statusbar-content.error{color:#c62828;font-weight:500}.folder-statusbar-content.loading{color:#666}.json-object,.json-array{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6}.json-object-in-array{position:relative;padding-left:11px;margin-left:0;margin-bottom:4px}.json-object-in-array:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background-color:#4a90e2}.json-object-in-array>.json-object-items{padding-left:0}.json-array-in-array{position:relative;padding-left:11px;margin-left:0;margin-bottom:4px}.json-array-in-array:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background-color:#4aae60}.json-array-in-array>.json-array-items{padding-left:0}.json-bracket{display:none}.json-object-items,.json-array-items{padding-left:var(--json-indent, 40px)}.json-object,.json-array{display:flex;flex-direction:column}.json-object-item,.json-array-item,.json-keyvalue{display:flex;align-items:baseline;gap:0px}.json-keyvalue.has-complex-value{flex-direction:column;align-items:flex-start;gap:0}.json-key-and-colon{display:flex;align-items:baseline;gap:0}.json-key-wrapper,.json-value-wrapper,.json-list-item-wrapper{display:inline-flex;align-items:center;gap:4px}.json-key{color:#333;font-weight:500}.json-colon{color:#999;margin:0 2px}.json-value{color:#333}.json-value.json-string{color:#1a73e8}.json-value.json-string.whitespace-only{border:1px solid #d3d3d3;padding:1px 2px;border-radius:2px}.json-value.json-string.empty-text{color:#999;font-style:italic}.json-value.json-number{color:#ea4335}.json-value.json-boolean{color:#0d652d;font-family:Courier New,Courier,monospace;font-weight:600;font-size:13px}.json-value.json-null{color:#999;font-style:italic}.json-list-item-value{color:#333}.json-list-item-value.json-string{color:#1a73e8}.json-list-item-value.json-number{color:#ea4335}.json-list-item-value.json-boolean{color:#0d652d;font-family:Courier New,Courier,monospace;font-weight:600;font-size:13px}.json-null{color:#999;font-style:italic}.json-primitive{color:#333}.json-primitive.json-string{color:#1a73e8}.json-primitive.json-number{color:#ea4335}.json-primitive.json-boolean{color:#0d652d;font-family:Courier New,Courier,monospace;font-weight:600;font-size:13px}.json-empty-object,.json-empty-array{color:#999;display:block}.json-keyvalue.has-complex-value>.json-empty-object,.json-keyvalue.has-complex-value>.json-empty-array{padding-left:var(--json-indent, 40px)}.json-array-item .json-empty-object,.json-array-item .json-empty-array{padding-left:0}.json-array-index{color:#888;font-size:12px;margin-right:6px;cursor:context-menu;-webkit-user-select:none;user-select:none}.json-pseudo{opacity:.7;background-color:#fffbf0;padding:2px 4px;border-radius:2px;border:1px dashed #ffa726}.json-pseudo input{font-family:inherit;font-size:inherit;color:inherit}.json-comma{color:#999;margin-left:2px}.json-key.editable,.json-value.editable{cursor:pointer;padding:2px 4px;margin:-2px -4px}.json-key.editable:hover,.json-value.editable:hover{background-color:#f0f0f0}.json-value.json-boolean.clickable{cursor:pointer;padding:2px 4px;margin:-2px -4px;border-radius:2px;transition:all .15s}.json-value.json-boolean.clickable:hover{background-color:#e8f5e9}.json-value.json-boolean.clickable:active{background-color:#c8e6c9}.json-key.editing,.json-value.editing{background-color:#fff;border:1px solid #4a90e2;outline:none;padding:2px 4px;margin:-3px -5px;border-radius:2px;box-shadow:0 0 0 2px #4a90e21a}.json-list-item-value.editable{cursor:pointer;padding:2px 4px;margin:-2px -4px}.json-list-item-value.editable:hover{background-color:#f0f0f0}.json-list-item-value.editing{background-color:#fff;border:1px solid #4a90e2;outline:none;padding:2px 4px;margin:-3px -5px;border-radius:2px;box-shadow:0 0 0 2px #4a90e21a}.json-value.highlighted,.json-list-item-value.highlighted{border:2px solid #ff9800;padding:0 2px;margin:-2px -4px}.json-spinner{display:inline-flex;align-items:center;margin-left:2px}.json-render-count{color:#999;font-size:11px;margin-left:4px;font-family:Courier New,Courier,monospace}.json-value-complex,.json-list-item-complex{display:block}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#fff;color:#000}.dev-page{display:flex;height:100vh;width:100vw}.dev-header{width:320px;background-color:#f5f5f5;border-right:1px solid #d0d0d0;display:flex;flex-direction:column;overflow:hidden}.dev-header h1{font-size:18px;font-weight:600;margin:0}.search-container{position:relative;padding:10px;background-color:#fff;border-bottom:1px solid #d0d0d0}.search-input{width:100%;padding:8px 30px 8px 10px;border:1px solid #d0d0d0;font-size:14px;outline:none}.search-input:focus{border-color:#999}.clear-button{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;color:#666;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0}.clear-button:hover{color:#000}.component-list{flex:1;overflow-y:auto;padding:5px}.component-item{width:100%;padding:10px;margin-bottom:2px;border:none;background-color:#fff;text-align:left;cursor:pointer;border-left:3px solid transparent}.component-item:hover{background-color:#e8e8e8}.component-item.selected{background-color:#d0d0d0;border-left-color:#000}.component-name{font-size:14px;font-weight:600;margin-bottom:4px;color:#000}.component-description{font-size:12px;color:#666}.dev-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-header{padding:8px 16px 12px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0}.content-header h2{font-size:24px;font-weight:600;margin-bottom:5px}.content-header p{font-size:14px;color:#666}.comp-demo{flex:1;padding:8px 16px 12px;overflow:auto;background-color:#fff}.dev-header>div{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;background-color:#e8e8e8;border-bottom:1px solid #d0d0d0}.github-link{font-size:.75rem;color:#666;text-decoration:none;padding:2px 6px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;transition:all .2s;white-space:nowrap;align-self:flex-end}.github-link:hover{color:#06c;border-color:#06c;background:#fff}.dev-header-flex{display:flex;flex-direction:column;align-items:flex-start;gap:4px}