.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.w-16{width:4rem}.h-64{height:16rem}.min-h-screen{min-height:100vh}.max-h-64{max-height:16rem}.min-h-\[200px\]{min-height:200px}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.-mt-2{margin-top:-.5rem}.pt-10{padding-top:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-14{padding-bottom:3.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.resize-vertical{resize:vertical}.outline-none{outline:none}.border{border-width:1px;border-style:solid}.border-0{border-width:0}.border-b{border-bottom-width:1px;border-bottom-style:solid}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.shadow-inner{box-shadow:inset 0 2px 10px rgba(15,23,42,.12)}.shadow-lg{box-shadow:0 10px 30px rgba(15,23,42,.18)}.fixed{position:fixed}.bottom-6{bottom:1.5rem}.right-6{right:1.5rem}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.whitespace-nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-semibold{font-weight:600}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.leading-relaxed{line-height:1.625}.uppercase{text-transform:uppercase}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-white{color:#fff}.text-slate-900{color:#0f172a}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-indigo-200{color:#c7d2fe}.text-indigo-300{color:#a5b4fc}.text-emerald-200{color:#a7f3d0}.text-amber-300{color:#fcd34d}.bg-indigo-500{background-color:#6366f1}.bg-indigo-500\/20{background-color:rgba(99,102,241,.2)}.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}.bg-slate-800{background-color:#1e293b}.bg-slate-900\/60{background-color:rgba(15,23,42,.6)}.bg-slate-900\/70{background-color:rgba(15,23,42,.7)}.bg-slate-900\/80{background-color:rgba(15,23,42,.8)}.bg-slate-950{background-color:#020617}.border-white\/10{border-color:rgba(255,255,255,.1)}.border-emerald-400\/30{border-color:rgba(52,211,153,.3)}.hover\:bg-indigo-400:hover{background-color:#818cf8}.hover\:bg-slate-700:hover{background-color:#334155}.hover\:text-white:hover{color:#fff}.lg\:h-\[420px\]{height:auto}.sm\:h-72{height:18rem}.sm\:w-auto{width:auto}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lead{font-size:1.0625rem;line-height:1.7;color:#cbd5e1}.tab-panel{display:grid}.tab-panel.hidden{display:none}.tab-btn,.palette,.template-btn{transition:background-color .18s ease,color .18s ease,border-color .18s ease}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .875rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.35);background:#e2e8f0;color:#0f172a;text-decoration:none;font-size:.875rem;font-weight:600}.light .button{background:#cbd5e1}.dark .button{background:#1e293b;color:#f8fafc;border-color:rgba(255,255,255,.12)}
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-wrap{flex-wrap:wrap}.sm\:overflow-visible{overflow:visible}.sm\:p-6{padding:1.5rem}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:p-8{padding:2rem}.lg\:h-\[420px\]{height:420px}}