:root{--table-header-bg: #e7f1ff;--table-header-text: #004085;--table-header-border: #cfe2ff}body.dark-theme{--table-header-bg: #1a2f4a;--table-header-text: #8cc4ff;--table-header-border: #2a4a6e}body{height:100vh;overflow:hidden}main{max-width:100%;margin:0;padding:0;overflow:hidden}.main-content{height:100%;padding:15px;display:flex;flex-direction:row;overflow:hidden}.main-canvas-area{display:flex;flex-direction:column;flex-grow:1;min-width:0}.toolbar{margin-bottom:10px;padding:10px;border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;background-color:var(--card-bg);min-width:200px;box-shadow:var(--box-shadow-lg);z-index:3001;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);padding:5px 0}.dropdown-content a{color:var(--text-color);padding:10px 16px;text-decoration:none;display:block;font-size:.9em}.dropdown-content a:hover{background-color:var(--gray-200);text-decoration:none}.schema-item{display:flex;justify-content:space-between;align-items:center;padding-right:10px}.schema-item .delete-schema-btn{color:var(--danger);cursor:pointer;font-size:1.2em;font-weight:700;padding:0 5px}.schema-item .delete-schema-btn:hover{color:#fff;background-color:var(--danger);border-radius:var(--border-radius-sm)}.canvas{flex-grow:1;border:1px dashed var(--border-color);background-color:var(--card-bg);border-radius:var(--border-radius);position:relative;overflow:auto;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:20px 20px}body.dark-theme .canvas{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}#connector-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.table-box{position:absolute;background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--box-shadow);border-radius:6px;min-width:200px;z-index:10;user-select:none;overflow:hidden}.resize-handle{position:absolute;bottom:0;left:0;width:100%;height:8px;cursor:ns-resize;z-index:25}.table-box.dragging{cursor:grabbing;z-index:20;box-shadow:var(--box-shadow-lg);border-color:var(--primary)}.table-box.collapsed .table-fields{display:none}.table-header{background-color:var(--table-header-bg);color:var(--table-header-text);padding:8px 12px;font-weight:700;border-bottom:1px solid var(--table-header-border);cursor:grab;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;align-items:center;gap:8px}.table-fields{list-style:none;padding:0;margin:0;max-height:250px;overflow-y:auto}.table-fields li{padding:8px 17px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;position:relative}.table-fields li:hover{background-color:var(--table-header-bg)}.table-fields li:last-child{border-bottom:none}.field-selector{display:flex;align-items:center;gap:8px}.field-name{font-weight:500}.field-type{color:var(--text-muted);font-size:.9em}.field-handle{position:absolute;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:var(--card-bg);border:1px solid var(--primary);border-radius:50%;cursor:crosshair;z-index:5}.field-handle:hover{background-color:var(--primary)}.field-handle.handle-left{left:0}.field-handle.handle-right{right:0}.connector-line{stroke:var(--primary);stroke-width:2;fill:none;pointer-events:none}.join-handle{fill:var(--card-bg);stroke:var(--primary);stroke-width:2;cursor:pointer;pointer-events:auto}.join-handle:hover{fill:var(--primary-dark)}#splitter{width:8px;height:auto;background-color:var(--gray-200);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:ew-resize;flex-shrink:0}#join-context-menu,#table-context-menu{position:fixed;background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--box-shadow);border-radius:var(--border-radius-sm);z-index:3000;padding:5px 0}#join-context-menu ul,#table-context-menu ul{list-style:none;padding:0;margin:0}#join-context-menu li,#table-context-menu li{padding:8px 15px;cursor:pointer;font-size:.95em}#join-context-menu li:hover{background-color:var(--table-header-bg);color:var(--primary)}#table-context-menu li:hover{background-color:#ffebee;color:var(--danger)}body.dark-theme #table-context-menu li:hover{background-color:#3a1a1e}.query-area{margin:0 0 0 15px;flex-shrink:0;width:30%;min-width:250px;display:flex;flex-direction:column}.query-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid var(--gray-200);padding-bottom:.3em;flex-shrink:0}.query-header h2{margin:0 auto 0 0;font-size:1.1em}.query-options{display:flex;gap:12px;margin:0 12px}.query-options label{display:flex;align-items:center;gap:4px;font-size:.85em;color:var(--text-muted);cursor:pointer;white-space:nowrap;margin-bottom:0}#query-output{background-color:var(--gray-200);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:15px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9em;white-space:pre-wrap;word-wrap:break-word;color:var(--text-color);margin:0;flex-grow:1;overflow:auto}.hidden{display:none!important}#dialogOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:2500;display:flex;align-items:flex-start;justify-content:center;padding-top:5vh}#dialogOverlay .modal-dialog{position:relative;background-color:var(--card-bg);padding:25px 30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);width:90%;max-width:650px;z-index:2501;display:flex;flex-direction:column;max-height:85vh;border:1px solid var(--border-color)}#dialogOverlay .modal-dialog h2{margin-top:0;margin-bottom:20px;color:var(--gray-800);padding-bottom:10px;border-bottom:1px solid var(--gray-200)}#dialogOverlay .modal-body{overflow-y:auto;padding-right:15px;margin-right:-15px}#dialogOverlay .modal-actions{text-align:right;flex-shrink:0;padding-top:15px;margin-top:15px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:10px}#dialogMessage{white-space:pre-wrap;text-align:left}#dialogOverlay .form-group{margin-bottom:15px}#tableFields .field-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}#tableFields .field-row input{flex-grow:1}#tableFields .field-row .remove-field-btn{font-size:.85em;padding:5px 10px;line-height:1}textarea#scriptTextarea{min-height:250px;resize:vertical}@media (max-width: 768px){.main-content{flex-direction:column;padding:10px}.query-area{width:100%;margin:10px 0 0;min-height:200px}#splitter{width:100%;height:8px;cursor:ns-resize}.toolbar{gap:6px}.toolbar button{font-size:.8em;padding:6px 10px}}