:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-brand: #646cff;--primary-brand-hover: #646cff;--button-success: #22c55e;--button-success-disabled: #888;--button-danger: #ef4444;--button-danger-hover: #dc2626;--button-warning: #f59e0b;--button-warning-hover: #d97706;--button-purple: #8b5cf6;--button-purple-hover: #7c3aed;--button-cyan: #06b6d4;--badge-ddl: #f59e0b;--badge-dml: #10b981;--badge-migration: #ef4444;--badge-user: #06b6d4;--badge-source-line: #8b5cf6;--border-light: #ddd;--border-lighter: #eee;--border-darker: #333;--bg-white: white;--bg-light: #f8f8f8;--bg-lighter: #fafafa;--bg-tab-bar: #f5f5f5;--bg-selected: #e0f2fe;--bg-warning: #fef3c7;--bg-error: #fee;--bg-gray: #f3f4f6;--bg-dark: #1e1e1e;--bg-dark-secondary: #2d2d2d;--bg-hover: #eee;--bg-hover-secondary: #e5e5e5;--text-primary: #333;--text-secondary: #666;--text-tertiary: #569cd6;--text-quaternary: #374151;--text-light: #d4d4d4;--text-error: #c00;--text-error-secondary: #f14c4c;--text-warning: #d97706;--highlight-yellow: rgba(255, 255, 0, .2);--highlight-purple-border: #8b5cf6;--highlight-blue: #0066cc}.dark{--primary-brand: #61afef;--primary-brand-hover: #528bff;--button-success: #98c379;--button-success-disabled: #7d8799;--button-danger: #e06c75;--button-danger-hover: #d19a66;--button-warning: #e5c07b;--button-warning-hover: #d19a66;--button-purple: #c678dd;--button-purple-hover: #c678dd;--button-cyan: #56b6c2;--badge-ddl: #e5c07b;--badge-dml: #98c379;--badge-migration: #e06c75;--badge-user: #56b6c2;--badge-source-line: #c678dd;--border-light: #3e4451;--border-lighter: #2c313a;--border-darker: #21252b;--bg-white: #282c34;--bg-light: #2c313a;--bg-lighter: #21252b;--bg-tab-bar: #21252b;--bg-selected: #3e4451;--bg-warning: #353a42;--bg-error: #2c313a;--bg-gray: #21252b;--bg-dark: #21252b;--bg-dark-secondary: #2c313a;--bg-hover: #3e4451;--bg-hover-secondary: #353a42;--text-primary: white;--text-secondary: #abb2bf;--text-tertiary: #61afef;--text-quaternary: white;--text-light: white;--text-error: #e06c75;--text-error-secondary: #e06c75;--text-warning: #e5c07b;--highlight-yellow: #3e4451;--highlight-purple-border: #c678dd;--highlight-blue: #61afef}*{min-width:0;min-height:0}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased;color:var(--text-primary);background:var(--bg-white)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.tabbed-editor{display:flex;flex-direction:column;height:100%}.tab-bar{display:flex;background:var(--bg-tab-bar);border-bottom:1px solid var(--border-light);padding:0;margin:0}.tab{background:none;border:none;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s ease;position:relative}.tab:hover{background:var(--bg-hover);color:var(--text-primary)}.tab.active{background:var(--bg-white);color:var(--text-primary);border-bottom-color:var(--highlight-blue);font-weight:500}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--bg-white)}.editor-container{flex:1;overflow:hidden;position:relative}.tab-editor{height:100%;width:100%;overflow-y:auto}.tab-editor .cm-editor{height:100%}.tab-editor .cm-editor.cm-focused{outline:none}body,html,#root,.app{height:100vh;margin:0;color:var(--text-primary)}.app{display:flex;flex-direction:column}#root{height:100%}.header-actions{display:flex;align-items:center;gap:1rem}.header-title{display:flex;align-items:center;gap:.5rem}.header-logo{width:32px;height:32px}.header-title h1{font-size:1.2rem;color:var(--primary-brand);margin:0}.header-button{padding:.25rem .75rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.header-button.run-button{background:var(--button-success);color:var(--bg-white)}.header-button.run-button:disabled{background:var(--button-success-disabled);cursor:not-allowed}.header-button.github-button{background:transparent;color:var(--primary-brand);border:1px solid var(--primary-brand)}.header-button.github-button:hover{background:var(--primary-brand);color:var(--bg-white)}.header-button.clear-button{background:var(--button-danger);color:var(--bg-white)}.header-button.clear-button:hover{background:var(--button-danger-hover)}.header-button.reset-button{background:var(--button-warning);color:var(--bg-white)}.header-button.reset-button:hover{background:var(--button-warning-hover)}.header-button.toggle-button{background:var(--button-purple);color:var(--bg-white)}.header-button.toggle-button:hover{background:var(--button-purple-hover)}.header-button.theme-button{background:transparent;color:var(--text-primary);border:1px solid var(--border-light);display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;min-width:4rem}.header-button.theme-button:hover{background:var(--bg-light);border-color:var(--primary-brand)}.theme-icon{font-size:1rem;line-height:1}.theme-label{font-size:.8rem;text-transform:capitalize}.gist-error{color:var(--text-warning);font-size:.875rem;padding:.25rem .5rem;background:var(--bg-warning);border-radius:4px;border:1px solid var(--button-warning)}.main-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);height:100vh}@media (max-width: 768px){.main-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.code-panel{background:var(--bg-white);display:flex;flex-direction:column}.code-section{flex:1;display:flex;flex-direction:column;border-bottom:1px solid var(--border-light)}.database-section{flex:1;display:flex;flex-direction:column}.code-editor{flex:1;font-size:14px}.code-editor .cm-theme,.code-editor .cm-editor{height:100%}.code-editor .cm-scroller{font-family:Courier New,monospace}.results-panel{background:var(--bg-white);display:flex;flex-direction:column}.collapsible-pane{display:flex;flex-direction:column;flex:1;border-bottom:1px solid var(--border-light)}.collapsible-pane.collapsed{flex:0 0 auto}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-light);border-bottom:1px solid var(--border-light);flex-shrink:0}.pane-header-left{display:flex;align-items:center;gap:.5rem}.collapse-button{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.75rem;padding:.25rem;border-radius:2px;transition:background-color .2s}.collapse-button:hover{background:var(--bg-hover-secondary)}.pane-actions{display:flex;align-items:center;gap:.5rem}.pane-content{flex:1;display:flex;flex-direction:column}.output-section{flex:1;display:flex;flex-direction:column;background:var(--bg-lighter)}.output-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-light);border-bottom:1px solid var(--border-light);flex-shrink:0}.output-header h3{margin:0;padding:.25rem 0;font-size:1rem;color:var(--text-primary)}.output{padding:1rem;font-family:Courier New,monospace;font-size:14px;white-space:pre-wrap;margin:0;background:var(--bg-lighter);overflow-y:auto}.queries-section,.query-viewer{flex:1;display:flex;flex-direction:column}.query-header,.db-header,.code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-light);border-bottom:1px solid var(--border-light);flex-shrink:0}.query-header h3,.db-header h3,.code-header h3{margin:0;padding:.25rem 0;font-size:1rem;color:var(--text-primary)}.code-header-actions,.db-header-actions{display:flex;align-items:center;gap:1rem}.query-layout{flex:1;display:grid;grid-template-columns:1fr 2fr;gap:1px;background:var(--border-light);border-bottom:1px solid var(--border-light)}.query-list{background:var(--bg-white);overflow-y:auto}.query-item{padding:.75rem;border-bottom:1px solid var(--border-lighter);cursor:pointer;transition:background-color .2s}.query-item:hover{background:var(--bg-light)}.query-item.selected{background:var(--bg-selected)}.query-meta{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:.5rem;gap:8px}.database-badge{background:var(--primary-brand);color:var(--bg-white);padding:.25rem .5rem;border-radius:3px;font-size:.8rem}.query-type-badge{color:var(--bg-white);padding:.25rem .5rem;border-radius:3px;font-size:.8rem}.query-type-badge.ddl{background:var(--badge-ddl)}.query-type-badge.dml{background:var(--badge-dml)}.query-tag-badge{color:var(--bg-white);padding:.25rem .5rem;border-radius:3px;font-size:.8rem}.query-tag-badge.migration{background:var(--badge-migration)}.query-tag-badge.user{background:var(--badge-user)}.source-line-badge{background:var(--badge-source-line);color:var(--bg-white);padding:.25rem .5rem;border-radius:3px;font-size:.8rem}.timestamp{color:var(--text-secondary);font-size:.8rem;text-align:right;flex-grow:1}.query-preview{color:var(--text-primary);font-size:.9rem;font-family:Courier New,monospace}.query-details{background:var(--bg-white);padding:1rem;overflow-y:auto;max-height:100%}.query-sql,.query-params,.query-source-context,.query-result,.query-error{margin-bottom:1rem}.sql-viewer .cm-editor,.source-context-viewer .cm-editor{font-size:14px}.query-params pre,.query-result pre,.query-error pre{background:var(--bg-light);padding:1rem;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;font-size:14px}.query-error pre{background:var(--bg-error);color:var(--text-error)}.source-context{background:var(--bg-gray);color:var(--text-quaternary);padding:.25rem .5rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9rem}.highlighted-line{background:var(--highlight-yellow)!important;border-left:3px solid var(--highlight-purple-border)}.database-browser{flex:1;display:flex;flex-direction:column;height:100%}.db-content{flex:1;display:grid;grid-template-columns:1fr 2fr;gap:1px;background:var(--border-light)}.tables-list{background:var(--bg-white);display:flex;flex-direction:column;overflow:hidden}.tables-list h4{margin:0;padding:.5rem 1rem;background:var(--bg-light);border-bottom:1px solid var(--border-light);font-size:.9rem;color:var(--text-primary)}.table-items{flex:1;overflow-y:auto}.table-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-lighter);cursor:pointer;transition:background-color .2s;font-family:Courier New,monospace;font-size:.9rem}.table-item:hover{background:var(--bg-light)}.table-item.selected{background:var(--bg-selected)}.table-details{background:var(--bg-white);overflow-y:auto;display:flex;flex-direction:column}.no-table-selected{padding:2rem;text-align:center;color:var(--text-secondary);font-style:italic}.schema-section,.data-section{padding:1rem;border-bottom:1px solid var(--border-lighter);min-height:unset}.schema-section h4,.data-section h4{margin:0 0 .5rem;font-size:.9rem;color:var(--text-primary)}.schema-table,.data-table{border:1px solid var(--border-light);border-radius:4px;overflow:hidden}.table-container{overflow-x:auto;border:1px solid var(--border-light);border-radius:4px}.schema-table,.data-table{width:100%;border-collapse:collapse;font-size:.8rem;font-family:Courier New,monospace}.schema-table th,.data-table th{background:var(--bg-light);border-bottom:1px solid var(--border-light);font-weight:600;padding:.5rem;text-align:left;white-space:nowrap}.schema-table td,.data-table td{padding:.5rem;border-bottom:1px solid var(--border-lighter);white-space:nowrap}.schema-table tbody tr:last-child td,.data-table tbody tr:last-child td{border-bottom:none}.empty-data{padding:1rem;text-align:center;color:var(--text-secondary);font-style:italic}.loading{padding:1rem;text-align:center;color:var(--text-secondary)}.error-message{color:var(--text-warning);font-size:.875rem;padding:.25rem .5rem;background:var(--bg-warning);border-radius:4px;border:1px solid var(--button-warning);margin-left:1rem}.empty-tables{padding:1rem;text-align:center;color:var(--text-secondary);font-style:italic;font-size:.9rem}.python-repl{flex:1;display:flex;flex-direction:column;height:100%}.repl-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-light);border-bottom:1px solid var(--border-light);flex-shrink:0}.repl-header span{font-weight:500;color:var(--text-primary)}.repl-terminal-container{flex:1;overflow:hidden}.pyodide-terminal{height:100%;display:flex;flex-direction:column;background:var(--bg-dark);color:var(--text-light);font-family:Courier New,monospace}.terminal-banner{padding:.5rem 1rem;background:var(--bg-dark-secondary);border-bottom:1px solid var(--border-darker);color:var(--text-tertiary);font-size:.9rem}.terminal-content{flex:1;padding:1rem;overflow-y:auto;line-height:1.4}.terminal-input-line{display:flex;align-items:center;padding:.5rem 1rem;background:var(--bg-dark-secondary);border-top:1px solid var(--border-darker)}.terminal-prompt{color:var(--text-tertiary);margin-right:.5rem;font-weight:700}.terminal-input{flex:1;background:transparent;border:none;color:var(--text-light);font-family:inherit;font-size:inherit;outline:none}.terminal-input-echo{color:var(--text-light);margin-bottom:.25rem}.terminal-output{color:var(--text-light);margin-bottom:.5rem;white-space:pre-wrap}.terminal-error{color:var(--text-error-secondary);margin-bottom:.5rem;white-space:pre-wrap}.repl-error{padding:1rem;color:var(--text-error-secondary);text-align:center}