.json-tool{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.json-dashboard.json-workstation-layout{box-sizing:border-box;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;width:100%;max-width:1200px;height:calc(100vh - 120px);margin-left:auto;margin-right:auto;padding:2px 8px 0;display:grid;overflow:hidden}.app-container:has(.json-workstation-layout){--bg-primary:radial-gradient(ellipse at top, #09131a 0%, #030608 100%);--accent-primary:#0f80cc;--accent-secondary:#044a64;--btn-gradient:linear-gradient(135deg, #0f80cc 0%, #044a64 100%);--btn-shadow:0 4px 12px #0f80cc40;--btn-shadow-hover:0 6px 18px #0f80cc66;--border-color:#69ccf526}.json-workstation-layout{--sqlite-blue:#0f80cc;--sqlite-teal:#044a64;--sqlite-malibu:#69ccf5;--editor-bg:#070e12;--header-bg:#0b151b}.json-header-no-border{border-bottom:none!important}.json-upload-icon{margin-right:4px}.json-codemirror-fix,.json-codemirror-fix .cm-editor,.json-codemirror-fix .cm-scroller,.json-codemirror-fix .cm-content,.json-codemirror-fix .cm-gutters,.json-codemirror-fix .cm-lineNumbers,.json-codemirror-fix .cm-line{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,Monaco,monospace!important;font-size:11px!important;line-height:1.45!important}.json-codemirror-fix{flex:1;height:100%}.json-codemirror-fix .cm-editor{background-color:var(--editor-bg)!important}.json-codemirror-fix .cm-gutters{background-color:var(--header-bg)!important;color:#69ccf566!important;border-right:1px solid #69ccf51a!important}.json-codemirror-fix .cm-gutterElement{padding:0 4px!important}.json-codemirror-fix .cm-activeLine{background-color:#0f80cc14!important}.json-codemirror-fix .cm-activeLineGutter{color:var(--sqlite-malibu)!important;background-color:#0f80cc26!important}.json-workstation-layout .dashboard-col-tools,.json-workstation-layout .dashboard-col-main,.json-workstation-layout .dashboard-col-sidebar{z-index:10;min-width:0;height:100%;position:sticky;top:10px}.json-workstation-layout .dashboard-col-main,.json-workstation-layout .dashboard-col-sidebar{width:100%!important;max-width:none!important}.json-workstation-layout .station-settings-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.json-workstation-layout .unified-editor-container{background:var(--editor-bg);border:1px solid #69ccf51f;border-radius:8px}.unified-editor-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.unified-line-numbers{color:#fff3;text-align:right;-webkit-user-select:none;user-select:none;background:#0003;border-right:1px solid #ffffff0d;width:50px;padding:16px 0;font-family:Fira Code,monospace;font-size:12px;line-height:21px;overflow:hidden}.line-number-cell{height:21px;padding:0 12px;line-height:21px}.line-number-cell.error-line{color:#ff4d4d;background:#ff4d4d33}.line-number-cell.active-bracket-line{color:#4facfe;background:#4facfe1a;box-shadow:inset -2px 0 #4facfe}.unified-content-area{background:0 0;flex:1;padding:16px;position:relative;overflow:hidden}.upload-fab{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.upload-fab:hover{background:#4facfe;border-color:#0000;transform:scale(1.1);box-shadow:0 5px 15px #4facfe4d}.panel-divider-v{background:#ffffff1a;width:1px;height:12px;margin:0 4px}.json-workstation-layout .output-body{background:var(--editor-bg);border-left:1px solid #69ccf51f;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.json-workstation-layout .json-sidebar-tools{background:#0b151b99;border:1px solid #69ccf526;border-radius:12px;gap:6px!important;padding:4px 4px 8px!important}.json-sidebar-tools{box-sizing:border-box;background:#1e1e2a66;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;gap:.5rem;width:72px;height:100%;padding:0 .4rem 1rem;display:flex}.json-workstation-layout .sidebar-group{gap:6px!important}.sidebar-group{flex-direction:column;align-items:center;gap:.5rem;display:flex}.json-workstation-layout .toolbar-btn{color:#69ccf5cc;background:#0f80cc0f;border:1px solid #69ccf51f;gap:2px!important;height:50px!important}.toolbar-btn{border-radius:var(--btn-radius);color:#ffffffbf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:58px;height:52px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0003}.toolbar-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.toolbar-btn.primary{background:var(--btn-gradient);color:#fff;box-shadow:var(--btn-shadow);border-color:#0000}.toolbar-btn.primary:hover{filter:brightness(1.1);box-shadow:var(--btn-shadow-hover);transform:translateY(-2px)}.btn-label{text-align:center;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;padding:0 2px;font-size:8.5px;font-weight:600;line-height:1;display:-webkit-box;overflow:hidden}.toolbar-divider{background:#ffffff1a;width:30px;height:1px;margin:.5rem 0}.btn-icon-text{letter-spacing:.5px;font-size:.7rem;font-weight:800}.output-tabs-modern{gap:8px;display:flex}.tab-btn-m{border-radius:var(--btn-pill-radius);color:#fff6;cursor:pointer;background:0 0;border:1px solid #0000;padding:3px 10px;font-size:.72rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-btn-m.active{color:#fff;background:#ffffff14;border-color:#ffffff26;box-shadow:0 2px 8px #0003}.tab-btn-m:hover:not(.active){color:#fffc;background:#ffffff0a}.panel-btn-pill{border-radius:var(--btn-pill-radius);background:var(--btn-gradient);color:#fff;cursor:pointer;box-shadow:var(--btn-shadow);border:none;padding:4px 16px;font-size:.75rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.panel-btn-pill:hover{filter:brightness(1.1);box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.panel-btn-text{border-radius:var(--btn-radius);color:#fffc;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;padding:4px 12px;font-size:.72rem;font-weight:700;transition:all .2s}.panel-btn-text:hover{color:#fff;background:#ffffff21;border-color:#ffffff40;transform:translateY(-1px)}.error-display{padding:1.5rem}.error-header{color:#ff4d4d;align-items:center;gap:10px;margin-bottom:1rem;font-weight:600;display:flex}.error-line-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ff4d4d;border-radius:4px;margin-left:10px;padding:2px 8px;font-size:.7rem}.error-code{color:#ff8080;white-space:pre-wrap;background:#ff4d4d0d;border:1px solid #ff4d4d33;border-radius:8px;padding:1rem;font-size:.8rem}.filter-wrapper{color:#ffffff4d;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;margin-left:8px;padding:2px 8px;transition:all .2s;display:flex}.filter-wrapper:focus-within{color:#4facfe;background:#ffffff1a;border-color:#4facfe}.filter-input{color:#fff;background:0 0;border:none;outline:none;width:140px;font-size:.75rem;font-weight:500}.filter-input::placeholder{color:#fff3}.filter-clear{color:#fff6;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:flex}.filter-clear:hover{color:#fff}.cm-error-gutter-dot{color:red;align-items:center;height:100%;padding-left:4px;font-size:12px;display:flex}.json-tree-container{background-color:var(--editor-bg);border:1px solid #69ccf51f;border-radius:8px;padding:4px 8px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:.8rem}.json-view--string{color:#a3be8c!important}.json-view--number{color:#d08770!important}.json-view--boolean{color:#81a1c1!important}.json-view--null{color:#bf616a!important}.json-view--property{color:var(--sqlite-malibu)!important}.json-view--bracket{color:#e5e9f0!important}@media (max-width:1100px){.json-dashboard.json-workstation-layout{flex-direction:column;gap:4px;height:auto;display:flex;overflow-y:visible}.json-sidebar-tools{flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto;position:static;overflow-x:auto}.json-workstation-layout aside.dashboard-col-tools{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#1e1e2a99;border:1px solid #ffffff14;border-radius:14px;gap:8px;width:100%;padding:10px 12px;overflow-x:auto;box-sizing:border-box!important;flex-flow:row!important;justify-content:center!important;align-items:center!important;margin-left:0!important;margin-right:0!important;display:flex!important}.json-workstation-layout aside.dashboard-col-tools::-webkit-scrollbar{display:none}.json-workstation-layout aside.dashboard-col-tools .sidebar-group{flex-direction:row;justify-content:center;gap:8px;display:flex}.json-workstation-layout aside.dashboard-col-tools .toolbar-divider{width:1px;height:32px;margin:0 8px}.json-workstation-layout .toolbar-btn{border-radius:10px;flex-shrink:0;width:52px;height:48px}.json-workstation-layout .dashboard-col-main{height:550px;min-height:400px}.json-workstation-layout .dashboard-col-sidebar{height:450px;min-height:350px}}@media (max-width:640px){.json-dashboard.json-workstation-layout{gap:4px;padding:0}.panel-body{padding:8px!important}.json-workstation-layout aside.dashboard-col-tools{border-radius:10px;order:2;gap:6px;width:100%;padding:6px 10px;box-sizing:border-box!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;margin:0!important;display:flex!important}.json-workstation-layout .dashboard-col-main{order:1;margin:0!important}.json-workstation-layout .dashboard-col-sidebar{order:3;margin:-18px 0 0!important}.json-workstation-layout aside.dashboard-col-tools .sidebar-group{gap:6px;flex-direction:row!important;justify-content:center!important;align-items:center!important;display:flex!important}.json-workstation-layout .toolbar-btn{border-radius:8px;flex-shrink:0;gap:2px;width:44px;height:42px}.btn-label{font-size:7px}.btn-icon-text{font-size:.65rem}.json-workstation-layout .dashboard-col-main{height:auto!important;min-height:unset!important}.json-workstation-layout .dashboard-col-main .station-settings-card{height:450px!important;min-height:400px!important;margin:0!important}.json-workstation-layout .dashboard-col-sidebar{height:auto!important;min-height:unset!important;margin-top:-8px!important}.json-workstation-layout .dashboard-col-sidebar .station-settings-card{height:400px!important;min-height:350px!important;margin:0!important}.side-panel-main-title{min-height:unset;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0;margin-bottom:0;padding:0 10px}.side-panel-main-title .ml-auto{justify-content:flex-end;width:auto;margin-left:auto!important}.output-tabs-modern{flex-wrap:wrap;gap:4px}.filter-input{width:60px;font-size:.65rem}.filter-wrapper{margin-left:0;padding:1px 4px}.tab-btn-m{padding:1px 6px;font-size:.65rem}.panel-btn-pill{padding:1px 8px;font-size:.65rem}.panel-btn-text{padding:2px 4px;font-size:.65rem}.unified-editor-container .cm-editor{height:100%!important;min-height:300px!important;font-size:11px!important}.upload-fab{width:36px;height:36px;bottom:1rem;right:1rem}.error-display,.info-display{margin:.75rem;padding:1rem}.error-code{font-size:.75rem}.info-text{font-size:.82rem}.info-action-btn{padding:8px 18px;font-size:.8rem}}.expand-editor-btn{background:var(--btn-gradient);color:#fff;cursor:pointer;z-index:1000;width:50px;height:50px;box-shadow:var(--btn-shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;bottom:80px;right:20px}.expand-editor-btn:hover{filter:brightness(1.1);box-shadow:var(--btn-shadow-hover);transform:scale(1.1)}@media (max-width:1100px){.expand-editor-btn{display:flex}}.json-dashboard.editor-expanded .dashboard-col-tools,.json-dashboard.editor-expanded .dashboard-col-sidebar{display:none!important}.json-dashboard.editor-expanded .dashboard-col-main{z-index:999;margin:0;padding:0;animation:.3s cubic-bezier(.4,0,.2,1) expandFadeIn;position:fixed;top:0;left:0;width:100vw!important;height:100vh!important}@keyframes expandFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.json-dashboard.editor-expanded:before{content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:998;background:#000c;width:100vw;height:100vh;position:fixed;top:0;left:0}.json-dashboard.editor-expanded .station-settings-card{border:none;border-radius:0}.json-dashboard.editor-expanded .side-panel-main-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0cf2;padding:15px 20px}.editor-expanded .unified-editor-container{border:none;border-radius:0}.info-display{background:#4facfe0d;border:1px solid #4facfe33;border-radius:12px;flex-direction:column;margin:1.5rem;padding:1.5rem;display:flex}.info-header{color:#4facfe;align-items:center;gap:10px;margin-bottom:1rem;font-weight:600;display:flex}.info-text{color:#ffffffb3;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.info-action-btn{background:var(--btn-gradient);color:#fff;border-radius:var(--btn-radius);cursor:pointer;box-shadow:var(--btn-shadow);border:none;align-self:flex-start;padding:10px 24px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.info-action-btn:hover{filter:brightness(1.1);box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.json-workstation-layout .station-settings-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b151bd9;border:1px solid #69ccf526;box-shadow:0 12px 40px #00050a99}.json-workstation-layout .side-panel-main-title{font-weight:800;color:var(--sqlite-malibu)!important;background:#0f80cc14!important;border-bottom:1px solid #69ccf526!important;min-height:24px!important;margin-bottom:0!important;padding:2px 6px!important;font-size:10px!important}.json-workstation-layout .panel-body,.json-workstation-layout .output-body{padding:0!important}.json-codemirror-fix .cm-scroller{padding-top:4px!important;padding-bottom:4px!important}.json-workstation-layout .panel-btn-text,.json-workstation-layout .panel-btn-pill{color:#69ccf5e6;background:#0f80cc1a;border:1px solid #69ccf533;padding:2px 6px!important;font-size:9.5px!important;line-height:1!important}.json-workstation-layout .panel-btn-text:hover,.json-workstation-layout .panel-btn-pill:hover{color:#fff;background:#0f80cc33;border-color:#69ccf566}.json-workstation-layout .tab-btn-m{padding:2px 6px!important;font-size:10px!important;line-height:1!important}.json-workstation-layout .tab-btn-m.active{color:#fff;background:#0f80cc26;border-color:#69ccf540;box-shadow:0 2px 8px #0f80cc33}.json-workstation-layout .filter-wrapper{background:#0f80cc0d;border:1px solid #69ccf526;padding:0 4px!important}.json-workstation-layout .filter-input{width:100px!important;font-size:10px!important}.json-workstation-layout .filter-wrapper:focus-within{border-color:var(--sqlite-malibu);color:var(--sqlite-malibu);background:#0f80cc1f}.json-tree-container,.json-tree-container *{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,Monaco,monospace!important;font-size:10.5px!important}.json-splitter{cursor:col-resize;z-index:100;background:#69ccf50a;border-left:1px solid #69ccf514;border-right:1px solid #69ccf514;flex-shrink:0;width:6px;transition:background .2s,border-color .2s;position:relative}.json-splitter:hover,.json-splitter.resizing{border-left-color:var(--sqlite-malibu)!important;border-right-color:var(--sqlite-malibu)!important;background:#0f80cc40!important}.json-splitter:after{content:"⁞";color:#69ccf54d;pointer-events:none;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.json-splitter:hover:after,.json-splitter.resizing:after{color:var(--sqlite-malibu)!important}.json-top-toolbar{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b151bd9;border:1px solid #69ccf51f;border-radius:10px;flex-direction:row;flex-shrink:0;align-items:center;gap:0;width:100%;padding:4px 6px;display:flex}.toolbar-horizontal-group{flex-direction:row;align-items:center;gap:4px;display:flex}.toolbar-horizontal-divider{background:#69ccf526;flex-shrink:0;width:1px;height:24px;margin:0 6px}.json-top-toolbar .toolbar-btn{color:#69ccf5cc;background:#0f80cc0f;border:1px solid #69ccf51f;border-radius:6px!important;flex-direction:row!important;gap:4px!important;width:auto!important;height:28px!important;padding:0 8px!important;font-size:10px!important}.json-top-toolbar .toolbar-btn .icon{align-items:center;display:flex}.json-top-toolbar .toolbar-btn .btn-label{white-space:nowrap;font-size:10px!important}.json-top-toolbar .toolbar-btn .btn-icon-text{font-size:10px!important}.json-top-toolbar .toolbar-btn:hover{color:#fff!important;background:#0f80cc33!important;border-color:#69ccf54d!important;transform:none!important;box-shadow:0 2px 8px #0f80cc40!important}.json-top-toolbar .toolbar-btn.primary{color:#fff!important;background:linear-gradient(135deg,#0f80cc33,#044a644d)!important;border-color:#69ccf540!important}.json-workspace-row{flex-direction:row;flex:1;gap:0;width:100%;min-height:0;display:flex}.json-workspace-row .dashboard-col-main{min-width:0;width:calc(var(--left-width,50%) - 3px)!important;flex-shrink:0!important}.json-workspace-row .dashboard-col-sidebar{min-width:0;flex:1!important}.json-workspace-row .dashboard-col-main .station-settings-card{border-right:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.json-workspace-row .dashboard-col-sidebar .station-settings-card{border-left:none!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.json-dashboard.json-workstation-layout{flex-direction:column!important;gap:6px!important;display:flex!important}
