.sql-explain-module-scss-module__ReahnW__pageWrapper{background-color:var(--gray-1);z-index:0;min-height:100vh;position:relative}.sql-explain-module-scss-module__ReahnW__pageWrapper:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 70%);mask-image:radial-gradient(#000 25%,#0000 70%)}@media (max-width:767px){.sql-explain-module-scss-module__ReahnW__pageWrapper:before{background-size:20px 20px}}@media (min-width:768px) and (max-width:1023px){.sql-explain-module-scss-module__ReahnW__pageWrapper:before{background-size:30px 30px}}.sql-explain-module-scss-module__ReahnW__heroSection{color:var(--color-foreground);padding-bottom:1rem;position:relative;overflow:hidden}.sql-explain-module-scss-module__ReahnW__heroTitle{color:var(--blue-11);margin-bottom:.5rem;font-weight:700;line-height:1.1}.sql-explain-module-scss-module__ReahnW__heroSubtitle{color:var(--gray-11);max-width:700px;font-weight:400;line-height:1.6}.sql-explain-module-scss-module__ReahnW__toolSection{border-bottom:1px solid var(--gray-a4)}.sql-explain-module-scss-module__ReahnW__toolDescription{color:var(--gray-11);max-width:600px;line-height:1.6}.sql-explain-module-scss-module__ReahnW__examplesSection{background-color:var(--gray-1);border-bottom:1px solid var(--gray-a4);z-index:0;position:relative}.sql-explain-module-scss-module__ReahnW__sectionDescription{color:var(--gray-11);max-width:600px;line-height:1.6}.sql-explain-module-scss-module__ReahnW__exampleCard{cursor:pointer;z-index:1;background-color:var(--gray-1);border:1px solid var(--gray-a4);flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.sql-explain-module-scss-module__ReahnW__exampleCard:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #0003}.sql-explain-module-scss-module__ReahnW__exampleTitle{color:var(--gray-12);margin-bottom:var(--space-1);font-weight:600}.sql-explain-module-scss-module__ReahnW__exampleDescription{color:var(--gray-11);line-height:1.5}.sql-explain-module-scss-module__ReahnW__howItWorksSection{border-bottom:1px solid var(--gray-a4);background-color:#0000}.sql-explain-module-scss-module__ReahnW__featureCard{z-index:1;background-color:var(--gray-1);border:1px solid var(--gray-a4);border-radius:var(--radius-3);height:100%;padding:1rem;transition:transform .2s;position:relative}.sql-explain-module-scss-module__ReahnW__featureCard:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #0003}.sql-explain-module-scss-module__ReahnW__featureIcon{background-color:var(--accent-3);width:40px;height:40px;color:var(--accent-11);border-radius:var(--radius-3);justify-content:center;align-items:center;display:flex}.sql-explain-module-scss-module__ReahnW__faqSection{background-color:var(--gray-1);border-top:1px solid var(--gray-a4)}.sql-explain-module-scss-module__ReahnW__faqCard{z-index:1;height:100%;transition:transform .2s;position:relative}.sql-explain-module-scss-module__ReahnW__faqCard:hover{transform:translateY(-2px)}.sql-explain-module-scss-module__ReahnW__faqIcon{background-color:var(--blue-3);width:32px;height:32px;color:var(--blue-11);border-radius:var(--radius-3);justify-content:center;align-items:center;display:flex}.sql-explain-module-scss-module__ReahnW__presetHeader{background-color:var(--gray-1);border-bottom:1px solid var(--gray-a4)}.sql-explain-module-scss-module__ReahnW__presetHero{color:var(--color-foreground);padding:var(--space-8)0;border-bottom:1px solid var(--gray-a4);position:relative;overflow:hidden}.sql-explain-module-scss-module__ReahnW__presetTitle{color:var(--blue-11);margin-bottom:.5rem;font-weight:700;line-height:1.1}.sql-explain-module-scss-module__ReahnW__presetDescription{color:var(--gray-11);max-width:700px;font-size:var(--font-size-4);line-height:1.6}.sql-explain-module-scss-module__ReahnW__queryPreview{background-color:var(--gray-2);padding:var(--space-4);border:1px solid var(--gray-4);border-radius:var(--radius-3);width:100%;max-width:800px}.sql-explain-module-scss-module__ReahnW__queryPreview pre{margin:0;overflow-x:auto}.sql-explain-module-scss-module__ReahnW__queryPreview code{font-family:var(--font-geist-mono),monospace;font-size:var(--font-size-2);color:var(--gray-12)}.sql-explain-module-scss-module__ReahnW__relatedSection{background-color:var(--gray-1);border-top:1px solid var(--gray-a4)}@media (max-width:767px){.sql-explain-module-scss-module__ReahnW__heroSection{padding:2rem 1rem}.sql-explain-module-scss-module__ReahnW__heroTitle{font-size:var(--font-size-8)}.sql-explain-module-scss-module__ReahnW__heroSubtitle{font-size:var(--font-size-4)}.sql-explain-module-scss-module__ReahnW__toolSection,.sql-explain-module-scss-module__ReahnW__examplesSection,.sql-explain-module-scss-module__ReahnW__howItWorksSection,.sql-explain-module-scss-module__ReahnW__faqSection{padding:3rem 1rem}.sql-explain-module-scss-module__ReahnW__exampleCard:hover,.sql-explain-module-scss-module__ReahnW__featureCard:hover,.sql-explain-module-scss-module__ReahnW__faqCard:hover{transform:none}}@media (min-width:768px) and (max-width:1023px){.sql-explain-module-scss-module__ReahnW__heroTitle{font-size:var(--font-size-8)}.sql-explain-module-scss-module__ReahnW__toolSection,.sql-explain-module-scss-module__ReahnW__examplesSection,.sql-explain-module-scss-module__ReahnW__howItWorksSection,.sql-explain-module-scss-module__ReahnW__faqSection{padding:4rem 2rem}}.dark .sql-explain-module-scss-module__ReahnW__pageWrapper{background-color:var(--gray-1)}.dark .sql-explain-module-scss-module__ReahnW__pageWrapper:before{background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px)}.dark .sql-explain-module-scss-module__ReahnW__heroTitle{color:var(--blue-10)}.dark .sql-explain-module-scss-module__ReahnW__heroSubtitle{color:var(--gray-12)}.dark .sql-explain-module-scss-module__ReahnW__exampleCard{background-color:var(--gray-2);border-color:var(--gray-5)}.dark .sql-explain-module-scss-module__ReahnW__featureCard{background-color:var(--gray-1);border-color:var(--gray-5)}.dark .sql-explain-module-scss-module__ReahnW__examplesSection{background-color:var(--gray-2);border-bottom:1px solid var(--gray-5)}.dark .sql-explain-module-scss-module__ReahnW__howItWorksSection{border-bottom:1px solid var(--gray-5);background-color:#0000}.dark .sql-explain-module-scss-module__ReahnW__faqSection{background-color:var(--gray-2);border-top:1px solid var(--gray-5)}.dark .sql-explain-module-scss-module__ReahnW__presetHeader{background-color:var(--gray-2);border-bottom:1px solid var(--gray-5)}.dark .sql-explain-module-scss-module__ReahnW__presetHeader a{color:var(--blue-9)}.dark .sql-explain-module-scss-module__ReahnW__presetTitle{color:var(--blue-10)}.dark .sql-explain-module-scss-module__ReahnW__relatedSection{background-color:var(--gray-1);border-top:1px solid var(--gray-a4)}
.DatabaseQueryVisualizer-module-scss-module__1CgblG__container{width:100%}.DatabaseQueryVisualizer-module-scss-module__1CgblG__inputCard{background:var(--gray-2);border:1px solid var(--gray-6);border-radius:var(--radius-3);padding:var(--space-4)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__explainInput{font-family:var(--code-font-family);font-size:var(--font-size-2);resize:vertical;min-height:200px}.DatabaseQueryVisualizer-module-scss-module__1CgblG__resultsContainer{gap:var(--space-4);flex-direction:column;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__summaryCard{background:var(--gray-2);border:1px solid var(--gray-6);border-radius:var(--radius-3);padding:var(--space-4)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__statsGrid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.DatabaseQueryVisualizer-module-scss-module__1CgblG__statItem{gap:var(--space-1);padding:var(--space-3);background:var(--gray-1);border-radius:var(--radius-2);border:1px solid var(--gray-5);flex-direction:column;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__statLabel{font-size:var(--font-size-1);color:var(--gray-10);text-transform:uppercase;letter-spacing:.05em}.DatabaseQueryVisualizer-module-scss-module__1CgblG__statValue{font-size:var(--font-size-4);font-weight:600;font-family:var(--code-font-family)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__treeCard{background:var(--gray-2);border:1px solid var(--gray-6);border-radius:var(--radius-3);padding:var(--space-4);overflow-x:auto}.DatabaseQueryVisualizer-module-scss-module__1CgblG__treeTitle{font-size:var(--font-size-3);margin-bottom:var(--space-4);font-weight:600}.DatabaseQueryVisualizer-module-scss-module__1CgblG__treeContainer{gap:var(--space-2);min-width:fit-content;padding:var(--space-2);flex-direction:column;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeRow{align-items:flex-start;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeIndent{align-items:center;gap:0;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__indentLine{background:var(--gray-6);width:20px;height:2px;position:relative}.DatabaseQueryVisualizer-module-scss-module__1CgblG__indentLine:before{content:"";background:var(--gray-6);width:2px;height:18px;position:absolute;top:-8px;right:0}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeCard{background:var(--gray-1);border:2px solid var(--gray-6);border-radius:var(--radius-3);padding:var(--space-3);cursor:pointer;min-width:280px;max-width:400px;transition:border-color .15s,box-shadow .15s}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeCard:hover{border-color:var(--accent-8);box-shadow:0 2px 8px #0000001a}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeCard.DatabaseQueryVisualizer-module-scss-module__1CgblG__selected{border-color:var(--accent-9);box-shadow:0 0 0 3px var(--accent-4)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeCard.DatabaseQueryVisualizer-module-scss-module__1CgblG__warning{border-color:var(--orange-8)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeCard.DatabaseQueryVisualizer-module-scss-module__1CgblG__danger{border-color:var(--red-8)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeHeader{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeType{font-weight:600;font-size:var(--font-size-2)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeTable{font-family:var(--code-font-family);font-size:var(--font-size-1);color:var(--gray-10);margin-bottom:var(--space-2)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeStats{gap:var(--space-2);flex-wrap:wrap;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeStat{align-items:center;gap:var(--space-1);font-size:var(--font-size-1);color:var(--gray-11);font-family:var(--code-font-family);display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeDetails{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--gray-5);font-size:var(--font-size-1);color:var(--gray-10)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeDetails code{background:var(--gray-3);padding:var(--space-1)var(--space-2);border-radius:var(--radius-1);font-family:var(--code-font-family);font-size:var(--font-size-1);margin-top:var(--space-1);display:block;overflow-x:auto}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningsContainer{background:var(--orange-2);border:1px solid var(--orange-6);border-radius:var(--radius-3);padding:var(--space-4)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningsList{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningItem{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background:var(--gray-1);border-radius:var(--radius-2);border-left:3px solid;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningItem.DatabaseQueryVisualizer-module-scss-module__1CgblG__high{border-left-color:var(--red-9)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningItem.DatabaseQueryVisualizer-module-scss-module__1CgblG__medium{border-left-color:var(--orange-9)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningItem.DatabaseQueryVisualizer-module-scss-module__1CgblG__low{border-left-color:var(--blue-9)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningIcon{flex-shrink:0;margin-top:2px}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningContent{flex:1}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningMessage{font-size:var(--font-size-2)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__warningType{font-size:var(--font-size-1);color:var(--gray-10);text-transform:uppercase;margin-top:var(--space-1)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__nodeDetailsPanel{background:var(--gray-2);border:1px solid var(--gray-6);border-radius:var(--radius-3);padding:var(--space-4)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__detailsHeader{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-6);justify-content:space-between;align-items:flex-start;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__detailsGrid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.DatabaseQueryVisualizer-module-scss-module__1CgblG__detailItem{gap:var(--space-1);flex-direction:column;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__detailLabel{font-size:var(--font-size-1);color:var(--gray-10);font-weight:500}.DatabaseQueryVisualizer-module-scss-module__1CgblG__detailValue{font-family:var(--code-font-family);font-size:var(--font-size-2)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__emptyState{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-9);text-align:center;color:var(--gray-10);background:var(--gray-2);border:1px dashed var(--gray-6);border-radius:var(--radius-3);flex-direction:column;display:flex}.DatabaseQueryVisualizer-module-scss-module__1CgblG__emptyState svg{opacity:.5;width:64px;height:64px}.DatabaseQueryVisualizer-module-scss-module__1CgblG__errorMessage{background:var(--red-3);border:1px solid var(--red-6);border-radius:var(--radius-2);padding:var(--space-3);color:var(--red-11);margin-top:var(--space-3)}.DatabaseQueryVisualizer-module-scss-module__1CgblG__costBar{background:var(--gray-4);height:4px;margin-top:var(--space-2);border-radius:2px;overflow:hidden}.DatabaseQueryVisualizer-module-scss-module__1CgblG__costBarFill{border-radius:2px;height:100%;transition:width .3s}.DatabaseQueryVisualizer-module-scss-module__1CgblG__helpText{font-size:var(--font-size-1);color:var(--gray-10);margin-top:var(--space-2)}