.query-builder{color:#1f2933;background:#f7fbf9;min-height:100vh;padding:0 18px 18px;font-family:Inter,Roboto,Helvetica Neue,Arial,system-ui,-apple-system,sans-serif;overflow:auto}.query-builder-layout{align-items:stretch}.query-builder-layout>*{min-width:0}.toolbar{z-index:1000;background-color:#fff;border-bottom:1px solid #eed8c9;justify-content:space-between;align-items:center;padding:15px 25px;transition:box-shadow .3s ease-in-out;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.grid-square{background-color:#fff;border:1px solid #d8e5e1;border-radius:8px;height:40vh;margin-top:14px;padding:12px;transition:box-shadow .2s;overflow-y:auto;box-shadow:0 1px 3px #0f172a14}.scrollable-col{background-color:#fff;border:1px solid #d8e5e1;border-radius:8px;height:calc(100vh - 120px);margin-top:14px;padding:0;transition:box-shadow .2s;position:relative;overflow-y:auto;box-shadow:0 1px 3px #0f172a14}.side-panel{min-width:0}.side-panel.collapsed{overflow:hidden}.side-panel.collapsed .collapsible-header{border-bottom:0;border-radius:8px;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:10px;height:100%;min-height:84px;padding:12px 6px}.side-panel.collapsed .collapsible-header span{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;line-height:1}.side-panel.collapsed.right-panel .collapsible-header span{transform:rotate(180deg)}.collapse-toggle{color:#4b6363;flex:none}.side-panel.collapsed .collapse-toggle{color:#006a6a;background:#e7f2ef;border:1px solid #c6d8d4}.panel-resize-handle{cursor:col-resize;touch-action:none;align-self:stretch;position:relative}.panel-resize-handle:after{content:"";background:0 0;border-radius:999px;width:2px;transition:background-color .16s,box-shadow .16s;position:absolute;top:22px;bottom:8px;left:50%;transform:translate(-50%)}.panel-resize-handle:hover:after,.panel-resizing .panel-resize-handle:after{background:#7bb5b0;box-shadow:0 0 0 3px #006a6a1a}.panel-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.drop-zone{height:100%;font-weight:light;background-color:#f8fbfa;border:1px dashed #b8cbc7;border-radius:8px;flex-direction:column;justify-content:flex-start;min-height:50px;max-height:40vh;padding:8px;transition:background-color .3s,border-color .3s;display:flex;overflow-y:auto}.drop-zone-header{z-index:10;color:#123837;box-shadow:none;background-color:#e7f2ef;border-radius:6px;min-width:0;margin-bottom:10px;padding:8px 10px;font-size:13px;font-weight:700;position:sticky;top:0}.drop-zone-header h4{overflow-wrap:anywhere;margin:0;font-size:13px}.drop-zone-title{flex:96px;min-width:72px}.drop-zone-actions{flex:220px;justify-content:flex-end;min-width:0}.drop-zone-actions .MuiButton-root{white-space:nowrap;min-width:fit-content}@media (width<=1280px){.drop-zone-actions{justify-content:flex-start}}.drop-zone ul{margin:0;padding:0;list-style-type:none}.drop-zone.is-over{background-color:#d9f1ee;border-color:#006a6a;animation:1s infinite pulse}@keyframes pulse{0%{border-color:#006a6a}50%{border-color:#4a6363}to{border-color:#006a6a}}.draggable-item{box-shadow:none;background-color:#fff;border:1px solid #c7d5d1;border-radius:6px;margin:4px;padding:7px 9px;font-size:13px;transition:background-color .3s,border-color .3s}.draggable-item:hover{background-color:#edf7f4;border-color:#006a6a}.draggable-item.source-operation-allowed,.draggable-item.source-measure-allowed{background:#e7f5f2;border-color:#006a6a;box-shadow:inset 0 0 0 1px #006a6a2e}.draggable-item.source-operation-blocked{opacity:.54}.collapsible-header{background-color:#f5faf8;border-bottom:1px solid #d8e5e1;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:9px 12px;display:flex;position:relative}.scrollable-col.collapsed .collapse-button{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.input-large{box-sizing:border-box;border:1px solid #eed8c9;border-radius:4px;width:100%;height:400px;padding:10px}.properties-panel.is-over{background-color:#e7f5f2;border:1px dashed #006a6a}.schema-tree{padding:12px}.query-preview h4{margin:0;font-size:13px}.query-preview{background-color:#f8fbfa;border:1px dashed #b8cbc7;border-radius:8px;flex-direction:column;height:100%;min-height:50px;max-height:40vh;padding:8px;display:flex;overflow:hidden}.query-preview-header{z-index:10;color:#123837;box-shadow:none;background-color:#e7f2ef;border-radius:6px;margin-bottom:10px;padding:8px 10px;font-size:13px;font-weight:700;position:sticky;top:0}.query-preview-body{flex:auto;min-height:0;overflow:auto}.query-preview pre{color:#d7f5ee;background:#0f172a;border-radius:6px;margin:0;padding:12px;overflow:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}