:root{--accent-color:#07a;--accent-hover:#0481bc;--accent-active:#036ca0}.tool-content-container{flex-direction:column;gap:1rem;padding:1rem;display:flex;position:relative}.action-buttons{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.main-actions{flex-wrap:wrap;gap:.5rem;display:flex}.view-buttons{gap:.5rem;display:flex}.options-panel{background-color:var(--surface-2);border-radius:.5rem;flex-wrap:wrap;gap:1rem;padding:.75rem;display:flex}.option-group{align-items:center;gap:.5rem;display:flex}.error-container{background-color:var(--error-container);border-left:4px solid var(--error-color);border-radius:0 .25rem .25rem 0;margin-bottom:1rem;padding:.75rem;font-size:.9rem;display:none}.error-container.active{display:block}.error-content{justify-content:space-between;align-items:center;display:flex}#error-message{color:var(--error-text);flex:1}#close-error{color:var(--error-text);cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:0;font-size:1.25rem}.editor-container{border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;flex-shrink:0;height:calc(100vh - 380px);min-height:300px;display:flex;position:relative;overflow:hidden}#views-container{flex:1;height:100%;min-height:0;position:relative}.view-content{height:100%;display:none}.view-content.active{height:100%;display:block}.sql-cm-host{height:100%}#sql-input{resize:none;border:none;width:100%;min-height:300px;padding:10px;font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;line-height:1.5}.CodeMirror{font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;line-height:1.5;position:absolute;inset:0;height:100%!important}.light-theme .CodeMirror,.dark-theme .CodeMirror{border:none}.dark-theme .CodeMirror-gutters{background-color:#1e1e1e;border-right:1px solid #333}.cm-s-default .cm-keyword{color:#0085d6;font-weight:700}.dark-theme .cm-s-monokai .cm-keyword{color:#66d9ef;font-weight:700}.status-bar{z-index:5;background-color:var(--surface-2);border-top:1px solid var(--border-color);color:var(--text-2);border-radius:.25rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;display:flex;position:sticky;bottom:0}.info-group{gap:1rem;display:flex}.status-success{color:var(--success-text,#28a745)}.status-warning{color:var(--warning-text,#ffc107)}.status-error{color:var(--error-text,#dc3545)}.status-info{color:var(--info-text,#17a2b8)}@media (width<=768px){.editor-container{height:calc(100vh - 440px);min-height:260px}.action-buttons{flex-direction:column;gap:.5rem}.main-actions,.view-buttons{flex-wrap:wrap;justify-content:flex-start}.options-panel{flex-direction:column;align-items:flex-start;gap:.75rem}.option-group{width:100%}.option-group select{flex:1}.status-bar{flex-direction:column;align-items:flex-start;gap:.5rem}.info-group{flex-wrap:wrap}}button{background-color:var(--surface-1);border:1px solid var(--border-color);color:var(--text-1);cursor:pointer;white-space:nowrap;border-radius:.25rem;padding:.5rem .75rem;font-size:.9rem;transition:all .2s}button:hover{background-color:var(--surface-2)}button.primary,#format-btn{background-color:var(--accent-color);color:#fff;border-color:var(--accent-hover)}button.primary:hover,#format-btn:hover{background-color:var(--accent-hover)}button.view-btn{padding:.4rem .6rem;font-size:.85rem}button.view-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-hover)}.editor-resizer,.resize-overlay{display:none}.app{flex-direction:column;min-height:100vh;display:flex}.sr-only[data-v-d712c435]{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sql-cm-host[data-v-d712c435] .CodeMirror{height:100%;min-height:240px}