.sql-editor-wrapper[data-v-3102cfe2]{background:#fdfbf7;border:3px solid #2d2d2d;border-radius:10px;margin:16px 0;overflow:hidden}.tryit-collapsed[data-v-3102cfe2]{padding:0}.tryit-btn[data-v-3102cfe2]{color:#fdfbf7;cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-family:Vazirmatn,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.tryit-btn[data-v-3102cfe2]:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.tryit-btn[data-v-3102cfe2]:active{transform:translateY(0)}.sql-badge[data-v-3102cfe2]{color:#fdfbf7;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:4px;justify-content:center;align-items:center;padding:2px 10px;font-family:Fira Code,Courier New,monospace;font-size:12px;font-weight:700;display:inline-flex}.code-editor-header[data-v-3102cfe2]{color:#2d2d2d;background:#f5f0e6;border-bottom:2px solid #2d2d2d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.code-btn[data-v-3102cfe2]{cursor:pointer;color:#2d2d2d;background:#fdfbf7;border:2px solid #2d2d2d;border-radius:6px 16px/16px 6px;padding:4px 12px;font-family:Vazirmatn,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.code-btn[data-v-3102cfe2]:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #2d2d2d33}.code-btn[data-v-3102cfe2]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.code-btn-run[data-v-3102cfe2]:hover{color:#fdfbf7;background:#4a7c59;border-color:#2d2d2d}.code-btn-reset[data-v-3102cfe2]:hover{color:#fdfbf7;background:#d94545;border-color:#2d2d2d}.code-btn-db[data-v-3102cfe2]:hover{color:#fdfbf7;background:#0ea5e9;border-color:#2d2d2d}.code-btn-schema[data-v-3102cfe2]{color:#0284c7;background:#0ea5e91a;border-color:#0284c7}.code-btn-schema[data-v-3102cfe2]:hover,.code-btn-schema.active-btn[data-v-3102cfe2]{color:#fdfbf7;background:#0ea5e9;border-color:#2d2d2d}.code-btn-copy[data-v-3102cfe2]:hover{color:#fdfbf7;background:#1a3a5c;border-color:#2d2d2d}.code-btn-fullscreen[data-v-3102cfe2]:hover{color:#fdfbf7;background:#6b5b95;border-color:#2d2d2d}.sql-editor-wrapper.fullscreen[data-v-3102cfe2]{z-index:9999;border-radius:0;flex-direction:column;height:100vh;margin:0;display:flex;position:fixed;inset:0}.sql-editor-wrapper.fullscreen .code-editor-body[data-v-3102cfe2]{flex:1;min-height:calc(100vh - 60px)}.sql-editor-wrapper.fullscreen .cm-container[data-v-3102cfe2]{min-height:calc(100vh - 60px)}.db-schema-panel[data-v-3102cfe2]{background:#fdfbf7;border-bottom:2px solid #2d2d2d;padding:10px 14px}.db-schema-header[data-v-3102cfe2]{color:#2d2d2d;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.db-tables-grid[data-v-3102cfe2]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.db-table-card[data-v-3102cfe2]{background:#f5f0e6;border:1.5px solid #2d2d2d;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.db-table-header[data-v-3102cfe2]{border-bottom:1px dashed #2d2d2d;justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.db-table-title[data-v-3102cfe2]{color:#0284c7;cursor:pointer;font-family:Fira Code,Courier New,monospace;font-size:13px;font-weight:700;transition:color .15s}.db-table-title[data-v-3102cfe2]:hover{color:#0369a1;text-decoration:underline}.db-insert-btn[data-v-3102cfe2]{color:#fff;cursor:pointer;background:#0ea5e9;border:1px solid #2d2d2d;border-radius:4px;padding:1px 6px;font-family:Fira Code,Courier New,monospace;font-size:10px;font-weight:700;transition:all .15s}.db-insert-btn[data-v-3102cfe2]:hover{background:#0284c7}.db-columns-list[data-v-3102cfe2]{flex-direction:column;gap:3px;display:flex}.db-column-item[data-v-3102cfe2]{justify-content:space-between;align-items:center;font-family:Fira Code,Courier New,monospace;font-size:11px;display:flex}.db-col-name[data-v-3102cfe2]{color:#2d2d2d;font-weight:500}.db-col-type[data-v-3102cfe2]{color:#78716c;text-transform:uppercase;background:#0000000a;border-radius:3px;padding:1px 4px;font-size:10px}.code-editor-body[data-v-3102cfe2]{direction:ltr;flex-direction:row;gap:0;min-height:300px;display:flex}.code-editor-pane[data-v-3102cfe2]{border-left:2px solid #2d2d2d;flex:1;min-width:0}.cm-container[data-v-3102cfe2]{height:100%;min-height:300px}.cm-container[data-v-3102cfe2] .cm-editor{height:100%;min-height:300px;font-size:14px}.cm-container[data-v-3102cfe2] .cm-scroller{font-family:Fira Code,Courier New,monospace;line-height:1.6}.cm-container[data-v-3102cfe2] .cm-gutters{background:#f5f0e6;border-right:2px solid #2d2d2d}.cm-container[data-v-3102cfe2] .cm-editor{direction:ltr}.cm-container[data-v-3102cfe2] .cm-content{text-align:left;direction:ltr}.code-preview-pane[data-v-3102cfe2]{background:#fff;flex-direction:column;flex:1;display:flex}.preview-header[data-v-3102cfe2]{background:#f5f0e6;border-bottom:2px solid #2d2d2d;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.exit-code[data-v-3102cfe2]{color:#6b6b6b;font-family:Fira Code,Courier New,monospace;font-size:12px}.sql-loading[data-v-3102cfe2]{z-index:10;background:#fdfbf7f2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sql-loading p[data-v-3102cfe2]{color:#2d2d2d;margin:4px 0;font-family:Vazirmatn,sans-serif}.sql-loading-hint[data-v-3102cfe2]{color:#6b6b6b!important;font-size:12px!important}.sql-loading-spinner[data-v-3102cfe2]{border:4px solid #f5f0e6;border-top-color:#0ea5e9;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite sql-spin-3102cfe2}@keyframes sql-spin-3102cfe2{to{transform:rotate(360deg)}}.sql-output-container[data-v-3102cfe2]{flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.sql-text-output[data-v-3102cfe2]{color:#6b6b6b;white-space:pre-wrap;word-wrap:break-word;text-align:left;direction:ltr;flex:1;margin:0;padding:16px;font-family:Fira Code,Courier New,monospace;font-size:14px;line-height:1.6}.sql-results-wrapper[data-v-3102cfe2]{direction:ltr;flex-direction:column;gap:12px;padding:12px;display:flex}.sql-result-block[data-v-3102cfe2]{flex-direction:column;gap:4px;display:flex}.sql-message[data-v-3102cfe2]{color:#4a7c59;background:#4a7c591a;border:1px solid #4a7c594d;border-radius:4px;padding:6px 12px;font-family:Fira Code,Courier New,monospace;font-size:13px}.sql-table-wrapper[data-v-3102cfe2]{border:2px solid #2d2d2d;border-radius:6px;overflow-x:auto}.sql-table[data-v-3102cfe2]{border-collapse:collapse;width:100%;font-family:Fira Code,Courier New,monospace;font-size:13px}.sql-table thead[data-v-3102cfe2]{background:#f5f0e6}.sql-table th[data-v-3102cfe2]{text-align:left;color:#2d2d2d;white-space:nowrap;border-bottom:2px solid #2d2d2d;padding:8px 12px;font-weight:700}.sql-table td[data-v-3102cfe2]{color:#2d2d2d;white-space:nowrap;border-bottom:1px solid #e0d8c8;padding:6px 12px}.sql-table tbody tr[data-v-3102cfe2]:nth-child(2n){background:#f5f0e680}.sql-table tbody tr[data-v-3102cfe2]:hover{background:#0ea5e914}.sql-row-num[data-v-3102cfe2]{color:#9b9b9b;text-align:right;-webkit-user-select:none;user-select:none;width:1%;font-size:12px}.sql-error-output[data-v-3102cfe2]{background:#c8505014;border-top:2px solid #c85050;padding:12px 16px}.sql-error-label[data-v-3102cfe2]{color:#c85050;font-family:Vazirmatn,sans-serif;font-size:13px;font-weight:700}.sql-error-output pre[data-v-3102cfe2]{color:#c85050;white-space:pre-wrap;word-wrap:break-word;text-align:left;direction:ltr;margin:4px 0 0;font-family:Fira Code,Courier New,monospace;font-size:13px}@media (width<=768px){.code-editor-body[data-v-3102cfe2]{flex-direction:column;min-height:auto}.code-editor-pane[data-v-3102cfe2]{border-bottom:2px solid #2d2d2d;border-left:none}.cm-container[data-v-3102cfe2]{min-height:220px}.cm-container[data-v-3102cfe2] .cm-editor{min-height:220px;font-size:13px}.code-btn[data-v-3102cfe2]{padding:4px 8px;font-size:12px}.code-editor-header>div[data-v-3102cfe2]:last-child{flex-wrap:wrap;justify-content:flex-end}}
