body{width:100%;margin:auto}.row[data-v-0f94f5f8]{display:flex;justify-content:left}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: StackOverflow Light
  Description: Light theme as used on stackoverflow.com
  Author: stackoverflow.com
  Maintainer: @Hirse
  Website: https://github.com/StackExchange/Stacks
  License: MIT
  Updated: 2021-05-15

  Updated for @stackoverflow/stacks v0.64.0
  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
*/.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-keyword,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-section,.hljs-attr{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-type,.hljs-number,.hljs-selector-id,.hljs-quote,.hljs-template-tag{color:#b75501}.hljs-selector-class{color:#015692}.hljs-string,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-title,.hljs-literal{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.playground-container[data-v-5926618f]{height:100vh;display:flex;flex-direction:column;overflow:hidden}.toolbar[data-v-5926618f]{padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;background:#f8f9fa}.btn-primary[data-v-5926618f]{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s}.btn-primary[data-v-5926618f]:hover{background:#0056b3}.btn-secondary[data-v-5926618f]{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s}.btn-secondary[data-v-5926618f]:hover{background:#545b62}.main-content[data-v-5926618f]{flex:1;display:flex;overflow:hidden}.test-code-section[data-v-5926618f]{width:50%;padding:1rem;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.sql-output-section[data-v-5926618f]{width:50%;padding:1rem;display:flex;flex-direction:column;overflow:hidden}.test-code-section h3[data-v-5926618f],.sql-output-section h3[data-v-5926618f]{margin:0 0 1rem;color:#333;font-size:1.2rem}.edit-area[data-v-5926618f]{flex:1;display:flex}.code-textarea[data-v-5926618f]{width:100%;border:1px solid #ddd;border-radius:4px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;resize:none;outline:none}.code-textarea[data-v-5926618f]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.code-display[data-v-5926618f]{flex:1;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background:#f8f9fa}.code-line[data-v-5926618f]{cursor:pointer;transition:background .2s;border-bottom:1px solid #e9ecef;padding:.5rem;margin:0}.code-line[data-v-5926618f]:hover{background:#e3f2fd}.sql-output[data-v-5926618f]{flex:1;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background:#f8f9fa;padding:1rem}.output-item[data-v-5926618f]{margin-bottom:2rem}.js-code[data-v-5926618f]{margin-bottom:.5rem}.sql-code[data-v-5926618f]{margin-bottom:1rem}.divider[data-v-5926618f]{border-bottom:1px solid #ccc;margin-bottom:1rem}.drawer-overlay[data-v-5926618f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-start}.drawer[data-v-5926618f]{width:60%;max-width:800px;background:#fff;height:100%;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.drawer-header[data-v-5926618f]{padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.drawer-header h3[data-v-5926618f]{margin:0;color:#333}.close-btn[data-v-5926618f]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn[data-v-5926618f]:hover{background:#e9ecef}.drawer-content[data-v-5926618f]{flex:1;padding:1rem;display:flex;flex-direction:column;overflow:hidden}.drawer-toolbar[data-v-5926618f]{margin-bottom:1rem}
