/* Minimal Tailwind-like utility subset to keep the UI usable without CDN.
   If you install tailwindcss you can regenerate this file via: npm run build:css */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}
body{margin:0;line-height:inherit}
button,input,select,textarea{font:inherit;color:inherit}
pre,textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.no-underline{text-decoration:none}
.no-underline:hover{text-decoration:none}
.jws-brand{display:inline-block;padding:.1rem .45rem;border-radius:.5rem;background:linear-gradient(90deg,#0f172a,#334155);color:#fff;font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;letter-spacing:.02em}
.field-wrap{position:relative}
.copy-btn-in{position:absolute;top:0;left:0;right:auto;padding:.25rem;border-radius:0;border-width:1px;border-color:#cbd5e1;background-color:#e2e8f0}
.copy-btn-in:hover{background-color:#cbd5e1}
.dark .copy-btn-in{border-color:#334155;background-color:#334155}
.dark .copy-btn-in:hover{background-color:#475569}
.field-ta{padding-left:2.5rem}
textarea{overflow:auto;resize:vertical}
pre{white-space:pre-wrap;word-break:break-word}
.hidden{display:none}
.mx-auto{margin-left:auto;margin-right:auto}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}
.max-w-5xl{max-width:64rem}
.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}
.p-4{padding:1rem}.p-6{padding:1.5rem}
.h-4{height:1rem}.w-4{width:1rem}.h-28{height:7rem}.h-48{height:12rem}.h-56{height:14rem}
.w-full{width:100%}
.grid{display:grid}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}
.inline-flex{display:inline-flex}
.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}
.border{border-width:1px}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.overflow-auto{overflow:auto}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}
.font-medium{font-weight:500}.font-semibold{font-weight:600}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.text-white{color:#fff}
.bg-white{background-color:#fff}
.bg-slate-50{background-color:#f8fafc}
.bg-slate-100{background-color:#f1f5f9}
.bg-slate-200{background-color:#e2e8f0}
.bg-slate-800{background-color:#1e293b}
.bg-slate-900{background-color:#0f172a}
.bg-slate-950{background-color:#020617}
.text-slate-900{color:#0f172a}
.text-slate-800{color:#1e293b}
.text-slate-600{color:#475569}
.text-slate-500{color:#64748b}
.text-slate-100{color:#f1f5f9}
.border-slate-200{border-color:#e2e8f0}
.border-red-200{border-color:#fecaca}
.border-emerald-200{border-color:#a7f3d0}
.bg-red-50{background-color:#fef2f2}
.bg-emerald-50{background-color:#ecfdf5}
.text-red-900{color:#7f1d1d}
.text-emerald-900{color:#064e3b}
.hover\:bg-slate-50:hover{background-color:#f8fafc}
.hover\:bg-slate-200:hover{background-color:#e2e8f0}
.hover\:bg-slate-800:hover{background-color:#1e293b}
.hover\:text-slate-800:hover{color:#1e293b}
.ring-0{outline:2px solid transparent;outline-offset:2px}
textarea,input,select{border-width:1px;border-color:#e2e8f0;border-radius:.5rem}
textarea:focus,input:focus,select:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px rgba(59,130,246,.4)}
@media (min-width:768px){
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:col-span-2{grid-column:span 2 / span 2}
}
.dark .dark\:bg-slate-950{background-color:#020617}
.dark .dark\:bg-slate-900{background-color:#0f172a}
.dark .dark\:bg-slate-800{background-color:#1e293b}
.dark .dark\:bg-white{background-color:#fff}
.dark .dark\:text-slate-100{color:#f1f5f9}
.dark .dark\:text-slate-900{color:#0f172a}
.dark .dark\:text-slate-300{color:#cbd5e1}
.dark .dark\:text-slate-400{color:#94a3b8}
.dark .dark\:border-slate-800{border-color:#1e293b}
.dark .dark\:hover\:bg-slate-900:hover{background-color:#0f172a}
.dark .dark\:hover\:bg-slate-700:hover{background-color:#334155}
.dark .dark\:hover\:bg-slate-100:hover{background-color:#f1f5f9}
.dark .dark\:hover\:text-slate-100:hover{color:#f1f5f9}
.dark .dark\:bg-red-950\/30{background-color:rgba(69,10,10,.3)}
.dark .dark\:bg-emerald-950\/30{background-color:rgba(2,44,34,.3)}
.dark .dark\:border-red-900\/40{border-color:rgba(127,29,29,.4)}
.dark .dark\:border-emerald-900\/40{border-color:rgba(6,78,59,.4)}
.dark .dark\:text-red-100{color:#fee2e2}
.dark .dark\:text-emerald-100{color:#d1fae5}
.dark textarea,.dark input,.dark select{color:#f1f5f9}
.dark textarea::placeholder,.dark input::placeholder{color:#94a3b8}