.jwt-module-scss-module__Q1HAyq__pageWrapper{background-color:var(--gray-1);z-index:0;min-height:100vh;position:relative}.jwt-module-scss-module__Q1HAyq__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){.jwt-module-scss-module__Q1HAyq__pageWrapper:before{background-size:20px 20px}}@media (min-width:768px) and (max-width:1023px){.jwt-module-scss-module__Q1HAyq__pageWrapper:before{background-size:30px 30px}}.jwt-module-scss-module__Q1HAyq__heroSection{color:var(--color-foreground);padding-bottom:1rem;position:relative;overflow:hidden}.jwt-module-scss-module__Q1HAyq__heroTitle{color:var(--blue-11);margin-bottom:.5rem;font-weight:700;line-height:1.1}.jwt-module-scss-module__Q1HAyq__heroSubtitle{color:var(--gray-11);max-width:700px;font-weight:400;line-height:1.6}.jwt-module-scss-module__Q1HAyq__toolSection{border-bottom:1px solid var(--gray-a4)}.jwt-module-scss-module__Q1HAyq__toolDescription{color:var(--gray-11);max-width:600px;line-height:1.6}.jwt-module-scss-module__Q1HAyq__howItWorksSection{background-color:var(--gray-1);border-bottom:1px solid var(--gray-a4)}.jwt-module-scss-module__Q1HAyq__sectionDescription{color:var(--gray-11);max-width:600px;line-height:1.6}.jwt-module-scss-module__Q1HAyq__featureCard{z-index:1;height:100%;transition:transform .2s;position:relative}.jwt-module-scss-module__Q1HAyq__featureCard:hover{transform:translateY(-2px)}.jwt-module-scss-module__Q1HAyq__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}.jwt-module-scss-module__Q1HAyq__featureExample{font-family:var(--font-geist-mono),monospace;background-color:var(--gray-1);border-radius:var(--radius-2);border:1px solid var(--gray-4);color:var(--blue-11);padding:.5rem}.jwt-module-scss-module__Q1HAyq__useCasesSection{border-bottom:1px solid var(--gray-a4)}.jwt-module-scss-module__Q1HAyq__useCaseCard{z-index:1;background-color:var(--gray-1);border:1px solid var(--gray-a4);height:100%;transition:transform .2s;position:relative}.jwt-module-scss-module__Q1HAyq__useCaseCard:hover{transform:translateY(-2px)}.jwt-module-scss-module__Q1HAyq__faqSection{background-color:var(--gray-1);border-top:1px solid var(--gray-a4)}.jwt-module-scss-module__Q1HAyq__faqCard{z-index:1;height:100%;transition:transform .2s;position:relative}.jwt-module-scss-module__Q1HAyq__faqCard:hover{transform:translateY(-2px)}.jwt-module-scss-module__Q1HAyq__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}.dark .jwt-module-scss-module__Q1HAyq__pageWrapper{background-color:var(--gray-1)}.dark .jwt-module-scss-module__Q1HAyq__pageWrapper:before{background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px)}.dark .jwt-module-scss-module__Q1HAyq__heroTitle{color:var(--blue-10)}.dark .jwt-module-scss-module__Q1HAyq__heroSubtitle{color:var(--gray-12)}.dark .jwt-module-scss-module__Q1HAyq__howItWorksSection{background-color:var(--gray-2);border-bottom:1px solid var(--gray-5)}.dark .jwt-module-scss-module__Q1HAyq__useCasesSection{border-bottom:1px solid var(--gray-5)}.dark .jwt-module-scss-module__Q1HAyq__useCaseCard{background-color:var(--gray-3);border-color:var(--gray-5)}.dark .jwt-module-scss-module__Q1HAyq__faqSection{background-color:var(--gray-2);border-top:1px solid var(--gray-5)}
.jwt-inspector-module-scss-module__velj0W__container{width:100%}.jwt-inspector-module-scss-module__velj0W__inputCard{background-color:var(--color-panel-solid);border:1px solid var(--gray-5);box-shadow:var(--shadow-2)}.jwt-inspector-module-scss-module__velj0W__textArea{font-family:var(--font-mono,"SF Mono","Menlo",monospace);resize:vertical;background-color:var(--gray-2);border-color:var(--gray-6);min-height:100px;font-size:13px;line-height:1.6;transition:border-color .2s}.jwt-inspector-module-scss-module__velj0W__textArea:focus{border-color:var(--accent-9);outline:none}.jwt-inspector-module-scss-module__velj0W__securityNote{opacity:.8}.jwt-inspector-module-scss-module__velj0W__actionButton{cursor:pointer;transition:all .2s}.jwt-inspector-module-scss-module__velj0W__actionButton:hover{transform:translateY(-1px)}.jwt-inspector-module-scss-module__velj0W__outputContainer{animation:.3s ease-in-out jwt-inspector-module-scss-module__velj0W__fadeIn}.jwt-inspector-module-scss-module__velj0W__statusBadges{padding:var(--space-3);background-color:var(--gray-2);border-radius:var(--radius-3);border:1px solid var(--gray-4)}.jwt-inspector-module-scss-module__velj0W__panels{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.jwt-inspector-module-scss-module__velj0W__panels{grid-template-columns:repeat(2,1fr)}}.jwt-inspector-module-scss-module__velj0W__codeCard{background-color:var(--color-panel-solid);border:1px solid var(--gray-5);box-shadow:var(--shadow-2);transition:all .2s;overflow:hidden}.jwt-inspector-module-scss-module__velj0W__codeCard:hover{border-color:var(--gray-6);box-shadow:var(--shadow-3)}.jwt-inspector-module-scss-module__velj0W__panelTitle{letter-spacing:-.01em;font-weight:600}.jwt-inspector-module-scss-module__velj0W__codeBlock{background-color:var(--gray-3);border-radius:var(--radius-2);padding:var(--space-3);border:1px solid var(--gray-5);overflow-x:auto}.jwt-inspector-module-scss-module__velj0W__codeBlock pre{color:var(--gray-12);margin:0;font-family:SF Mono,Roboto Mono,Menlo,monospace;font-size:13px;line-height:1.6}.jwt-inspector-module-scss-module__velj0W__signatureBlock{background-color:var(--cyan-2);border-color:var(--cyan-5)}.jwt-inspector-module-scss-module__velj0W__signatureBlock pre{color:var(--cyan-11);word-break:break-all;white-space:pre-wrap}@keyframes jwt-inspector-module-scss-module__velj0W__fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}