/* AI Prompt Optimizer — Local Tailwind-Compatible Utility CSS */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; }
input, textarea, select { font: inherit; color: inherit; background: transparent; }
ul, ol { list-style: none; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; }

:root {
  --gray-50:#f9fafb; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-300:#d1d5db;
  --gray-400:#9ca3af; --gray-500:#6b7280; --gray-600:#4b5563; --gray-700:#374151;
  --gray-800:#1f2937; --gray-900:#111827; --gray-950:#030712;
  --indigo-400:#818cf8; --indigo-500:#6366f1; --indigo-600:#4f46e5; --indigo-700:#4338ca;
  --emerald-400:#34d399; --emerald-500:#10b981; --emerald-600:#059669;
  --red-400:#f87171; --red-500:#ef4444; --red-600:#dc2626;
  --amber-400:#fbbf24; --amber-500:#f59e0b;
  --blue-400:#60a5fa; --blue-500:#3b82f6;
  --white:#ffffff; --black:#000000;
}

.block{display:block} .inline-block{display:inline-block} .inline{display:inline}
.flex{display:flex} .inline-flex{display:inline-flex} .grid{display:grid} .hidden{display:none !important}
.table{display:table}
.flex-row{flex-direction:row} .flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap} .flex-nowrap{flex-wrap:nowrap}
.items-start{align-items:flex-start} .items-center{align-items:center} .items-end{align-items:flex-end} .items-stretch{align-items:stretch}
.justify-start{justify-content:flex-start} .justify-center{justify-content:center}
.justify-between{justify-content:space-between} .justify-end{justify-content:flex-end} .justify-around{justify-content:space-around}
.flex-1{flex:1 1 0%} .flex-auto{flex:1 1 auto} .flex-none{flex:none} .flex-shrink-0,.shrink-0{flex-shrink:0} .flex-grow,.grow{flex-grow:1}
.gap-1{gap:.25rem} .gap-1\.5{gap:.375rem} .gap-2{gap:.5rem} .gap-3{gap:.75rem} .gap-4{gap:1rem} .gap-5{gap:1.25rem} .gap-6{gap:1.5rem} .gap-8{gap:2rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.col-span-1{grid-column:span 1/span 1} .col-span-2{grid-column:span 2/span 2} .col-span-full{grid-column:1/-1}
.relative{position:relative} .absolute{position:absolute} .fixed{position:fixed} .sticky{position:sticky}
.top-0{top:0} .top-4{top:1rem} .right-0{right:0} .bottom-0{bottom:0} .left-0{left:0}
.inset-0{top:0;right:0;bottom:0;left:0} .z-10{z-index:10} .z-20{z-index:20} .z-50{z-index:50}
.w-full{width:100%} .w-auto{width:auto} .w-8{width:2rem} .w-14{width:3.5rem} .w-16{width:4rem}
.h-full{height:100%} .h-8{height:2rem} .h-14{height:3.5rem} .h-16{height:4rem}
.min-h-screen{min-height:100vh} .min-w-0{min-width:0}
.max-w-md{max-width:28rem} .max-w-lg{max-width:32rem} .max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem} .max-w-3xl{max-width:48rem} .max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem} .max-w-6xl{max-width:72rem} .max-w-7xl{max-width:80rem}
.mx-auto{margin-left:auto;margin-right:auto}
.m-0{margin:0}
.mt-1{margin-top:.25rem} .mt-2{margin-top:.5rem} .mt-3{margin-top:.75rem} .mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem} .mt-6{margin-top:1.5rem} .mt-8{margin-top:2rem} .mt-10{margin-top:2.5rem}
.mb-1{margin-bottom:.25rem} .mb-2{margin-bottom:.5rem} .mb-3{margin-bottom:.75rem} .mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem}
.ml-1{margin-left:.25rem} .mr-1{margin-right:.25rem} .mx-1{margin-left:.25rem;margin-right:.25rem}
.my-4{margin-top:1rem;margin-bottom:1rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.p-2{padding:.5rem} .p-3{padding:.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-8{padding:2rem}
.px-1{padding-left:.25rem;padding-right:.25rem} .px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem} .px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem} .px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem} .py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem} .py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem} .py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.pt-2{padding-top:.5rem} .pt-4{padding-top:1rem} .pr-1{padding-right:.25rem} .pr-4{padding-right:1rem}
.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-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem} .text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1.1}
.font-normal{font-weight:400} .font-medium{font-weight:500} .font-semibold{font-weight:600} .font-bold{font-weight:700}
.text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right}
.uppercase{text-transform:uppercase} .capitalize{text-transform:capitalize}
.tracking-tight{letter-spacing:-0.025em} .tracking-wide{letter-spacing:0.025em}
.leading-tight{line-height:1.25} .leading-relaxed{line-height:1.625}
.italic{font-style:italic} .whitespace-nowrap{white-space:nowrap} .break-all{word-break:break-all}
.list-disc{list-style-type:disc;list-style-position:inside} .list-inside{list-style-position:inside}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-white{color:var(--white)} .text-black{color:var(--black)}
.text-gray-100{color:var(--gray-100)} .text-gray-200{color:var(--gray-200)} .text-gray-300{color:var(--gray-300)}
.text-gray-400{color:var(--gray-400)} .text-gray-500{color:var(--gray-500)} .text-gray-600{color:var(--gray-600)}
.text-gray-700{color:var(--gray-700)} .text-gray-800{color:var(--gray-800)} .text-gray-900{color:var(--gray-900)}
.text-indigo-400{color:var(--indigo-400)} .text-indigo-500{color:var(--indigo-500)} .text-indigo-600{color:var(--indigo-600)}
.text-emerald-300{color:#6ee7b7} .text-emerald-400{color:var(--emerald-400)}
.text-red-300{color:#fca5a5} .text-red-400{color:var(--red-400)}
.text-amber-300{color:#fcd34d} .text-amber-400{color:var(--amber-400)}
.text-blue-400{color:var(--blue-400)}
.bg-white{background-color:var(--white)} .bg-transparent{background-color:transparent}
.bg-gray-50{background-color:var(--gray-50)} .bg-gray-100{background-color:var(--gray-100)}
.bg-gray-700{background-color:var(--gray-700)} .bg-gray-800{background-color:var(--gray-800)}
.bg-gray-900{background-color:var(--gray-900)} .bg-gray-950{background-color:var(--gray-950)}
.bg-indigo-500{background-color:var(--indigo-500)} .bg-indigo-600{background-color:var(--indigo-600)}
.bg-emerald-500{background-color:var(--emerald-500)} .bg-emerald-600{background-color:var(--emerald-600)}
.bg-red-500{background-color:var(--red-500)} .bg-red-600{background-color:var(--red-600)}
.bg-amber-500{background-color:var(--amber-500)}
.bg-gray-800\/50{background-color:rgba(31,41,55,.5)} .bg-gray-700\/50{background-color:rgba(55,65,81,.5)}
.bg-indigo-500\/10{background-color:rgba(99,102,241,.1)} .bg-indigo-600\/20{background-color:rgba(79,70,229,.2)}
.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)} .bg-red-500\/10{background-color:rgba(239,68,68,.1)}
.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}
.hover\:bg-indigo-500:hover{background-color:var(--indigo-500)} .hover\:bg-gray-700:hover{background-color:var(--gray-700)}
.hover\:bg-gray-800:hover{background-color:var(--gray-800)}
.border{border-width:1px;border-style:solid} .border-0{border-width:0}
.border-t{border-top-width:1px;border-style:solid} .border-b{border-bottom-width:1px;border-style:solid}
.border-gray-200{border-color:var(--gray-200)} .border-gray-700{border-color:var(--gray-700)} .border-gray-800{border-color:var(--gray-800)}
.border-indigo-500{border-color:var(--indigo-500)} .border-red-500\/30{border-color:rgba(239,68,68,.3)}
.border-emerald-500\/30{border-color:rgba(16,185,129,.3)} .border-amber-500\/30{border-color:rgba(245,158,11,.3)}
.rounded{border-radius:.25rem} .rounded-md{border-radius:.375rem} .rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem} .rounded-2xl{border-radius:1rem} .rounded-full{border-radius:9999px}
.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.ring-4{box-shadow:0 0 0 4px var(--ring-color,rgba(99,102,241,.2))}
.ring-indigo-500\/20{--ring-color:rgba(99,102,241,.2)}
.focus\:outline-none:focus{outline:none}
.focus\:ring-2:focus{box-shadow:0 0 0 3px rgba(99,102,241,.3)}
.focus\:ring-indigo-500:focus{--ring-color:rgba(99,102,241,.3)}
.focus\:border-transparent:focus{border-color:transparent}
.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease}
.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:ease}
.transition-all{transition-property:all;transition-duration:.2s;transition-timing-function:ease}
.transition-transform{transition-property:transform;transition-duration:.2s;transition-timing-function:ease}
.duration-200{transition-duration:.2s} .duration-300{transition-duration:.3s}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
.hover\:scale-105:hover{transform:scale(1.05)}
.opacity-0{opacity:0} .opacity-50{opacity:.5} .opacity-60{opacity:.6} .opacity-100{opacity:1}
.cursor-pointer{cursor:pointer} .cursor-not-allowed{cursor:not-allowed}
.overflow-hidden{overflow:hidden} .overflow-auto{overflow:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-auto{overflow-x:auto}
.object-cover{object-fit:cover} .object-contain{object-fit:contain}
@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-row{flex-direction:row}
  .sm\:block{display:block}
  .sm\:hidden{display:none}
  .sm\:text-lg{font-size:1.125rem}
  .sm\:p-8{padding:2rem}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
}
@media (min-width: 768px) {
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:flex-row{flex-direction:row}
  .md\:hidden{display:none}
  .md\:block{display:block}
  .md\:flex{display:flex}
  .md\:text-4xl{font-size:2.25rem}
}
@media (min-width: 1024px) {
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:flex{display:flex}
  .lg\:hidden{display:none}
  .lg\:text-5xl{font-size:3rem}
}
html.dark body{background-color:var(--gray-950);color:var(--gray-100)}
html:not(.dark) body{background-color:var(--white);color:var(--gray-900)}
html.dark .dark\:bg-gray-900{background-color:var(--gray-900)}
html.dark .dark\:bg-gray-950{background-color:var(--gray-950)}
html.dark .dark\:text-gray-100{color:var(--gray-100)}
html.dark .dark\:text-gray-300{color:var(--gray-300)}
html.dark .dark\:text-gray-400{color:var(--gray-400)}
html.dark .dark\:border-gray-800{border-color:var(--gray-800)}
html:not(.dark) .light\:bg-white{background-color:var(--white)}
html:not(.dark) .light\:text-gray-900{color:var(--gray-900)}
html:not(.dark) .light\:border-gray-200{border-color:var(--gray-200)}
.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}
[aria-current="page"]{font-weight:600}
@keyframes apo-fade-in { from{opacity:0} to{opacity:1} }
@keyframes apo-slide-up { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
.animate-fade-in{animation:apo-fade-in .3s ease-out}
.animate-slide-up{animation:apo-slide-up .35s ease-out}

/* ========================================================== */
/* PATCH v1.1: Missing utilities found via full codebase audit */
/* ========================================================== */

.w-1{width:0.25rem}
.w-1\.5{width:0.375rem}
.w-2{width:0.5rem}
.w-2\.5{width:0.625rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-9{width:2.25rem}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-20{width:5rem}
.w-24{width:6rem}
.w-28{width:7rem}
.w-32{width:8rem}
.w-36{width:9rem}
.w-40{width:10rem}
.w-44{width:11rem}
.w-48{width:12rem}
.w-52{width:13rem}
.w-56{width:14rem}
.w-60{width:15rem}
.w-64{width:16rem}
.w-72{width:18rem}
.w-80{width:20rem}
.w-96{width:24rem}
.h-1{height:0.25rem}
.h-1\.5{height:0.375rem}
.h-2{height:0.5rem}
.h-2\.5{height:0.625rem}
.h-3{height:0.75rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-9{height:2.25rem}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-20{height:5rem}
.h-24{height:6rem}
.h-28{height:7rem}
.h-32{height:8rem}
.h-36{height:9rem}
.h-40{height:10rem}
.h-44{height:11rem}
.h-48{height:12rem}
.h-52{height:13rem}
.h-56{height:14rem}
.h-60{height:15rem}
.h-64{height:16rem}
.h-72{height:18rem}
.h-80{height:20rem}
.h-96{height:24rem}
.h-px{height:1px} .w-px{width:1px}
.max-w-xs{max-width:20rem} .max-w-sm{max-width:24rem}
.gap-0\.5{gap:0.125rem}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-2{gap:0.5rem}
.gap-2\.5{gap:0.625rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-x-8{column-gap:2rem} .gap-y-3{row-gap:0.75rem}
.p-0\.5{padding:0.125rem}
.p-1\.5{padding:0.375rem}
.p-2\.5{padding:0.625rem}
.p-3\.5{padding:0.875rem}
.p-7{padding:1.75rem}
.p-12{padding:3rem}
.p-16{padding:4rem}
.p-20{padding:5rem}
.p-24{padding:6rem}
.p-28{padding:7rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-28{padding-top:7rem;padding-bottom:7rem}
.pt-6{padding-top:1.5rem} .pl-2{padding-left:0.5rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-14{margin-bottom:3.5rem}
.mb-16{margin-bottom:4rem}
.mt-0\.5{margin-top:0.125rem} .mt-12{margin-top:3rem} .mt-16{margin-top:4rem} .mt-auto{margin-top:auto}
.ml-2{margin-left:0.5rem} .ml-auto{margin-left:auto} .my-3{margin-top:0.75rem;margin-bottom:0.75rem}
.space-y-0\.5 > * + *{margin-top:0.125rem}
.space-x-0\.5 > * + *{margin-left:0.125rem}
.space-y-1 > * + *{margin-top:0.25rem}
.space-x-1 > * + *{margin-left:0.25rem}
.space-y-1\.5 > * + *{margin-top:0.375rem}
.space-x-1\.5 > * + *{margin-left:0.375rem}
.space-y-2 > * + *{margin-top:0.5rem}
.space-x-2 > * + *{margin-left:0.5rem}
.space-y-3 > * + *{margin-top:0.75rem}
.space-x-3 > * + *{margin-left:0.75rem}
.space-y-4 > * + *{margin-top:1rem}
.space-x-4 > * + *{margin-left:1rem}
.space-y-5 > * + *{margin-top:1.25rem}
.space-x-5 > * + *{margin-left:1.25rem}
.space-y-6 > * + *{margin-top:1.5rem}
.space-x-6 > * + *{margin-left:1.5rem}

:root{
  --emerald-300:#6ee7b7; --emerald-700:#047857;
  --red-300:#fca5a5; --red-700:#b91c1c;
  --amber-300:#fcd34d; --amber-700:#b45309;
  --indigo-300:#a5b4fc;
}
.text-amber-500{color:var(--amber-500)} .text-amber-700{color:var(--amber-700)}
.text-emerald-500{color:var(--emerald-500)} .text-emerald-600{color:var(--emerald-600)} .text-emerald-700{color:var(--emerald-700)}
.text-red-500{color:var(--red-500)} .text-red-600{color:var(--red-600)} .text-red-700{color:var(--red-700)}
.text-indigo-500\/20{color:rgba(99,102,241,.2)}
.border-gray-300{border-color:var(--gray-300)}
.bg-gray-200{background-color:var(--gray-200)} .bg-gray-400{background-color:var(--gray-400)}
.bg-black\/50{background-color:rgba(0,0,0,.5)}
.bg-white\/80{background-color:rgba(255,255,255,.8)}
.bg-gray-950\/90{background-color:rgba(3,7,18,.9)}
.bg-gray-950\/80{background-color:rgba(3,7,18,.8)}
.bg-indigo-500\/20{background-color:rgba(99,102,241,.2)}
.bg-red-500\/5{background-color:rgba(239,68,68,.05)}
.bg-red-500\/20{background-color:rgba(239,68,68,.2)}
.bg-amber-500\/5{background-color:rgba(245,158,11,.05)}
html.dark .dark\:bg-gray-800{background-color:var(--gray-800)}
html.dark .dark\:bg-gray-900\/40{background-color:rgba(17,24,39,.4)}
.bg-gray-900\/40{background-color:rgba(17,24,39,.4)}
html.dark .dark\:bg-gray-950\/80{background-color:rgba(3,7,18,.8)}
html.dark .dark\:text-indigo-400{color:var(--indigo-400)}
html.dark .dark\:text-emerald-300{color:var(--emerald-300)} html.dark .dark\:text-emerald-400{color:var(--emerald-400)}
html.dark .dark\:text-amber-300{color:var(--amber-300)}
html.dark .dark\:text-red-300{color:var(--red-300)}
html.dark .dark\:text-gray-500{color:var(--gray-500)} html.dark .dark\:text-gray-600{color:var(--gray-600)}
html.dark .dark\:border-gray-700{border-color:var(--gray-700)}
.hover\:text-indigo-500:hover{color:var(--indigo-500)}
.hover\:text-indigo-600:hover{color:var(--indigo-600)}
.hover\:text-gray-200:hover{color:var(--gray-200)}
.hover\:text-gray-400:hover{color:var(--gray-400)}
.hover\:text-gray-600:hover{color:var(--gray-600)}
.hover\:text-red-600:hover{color:var(--red-600)}
.hover\:text-white:hover{color:var(--white)}
html.dark .dark\:hover\:text-indigo-400:hover{color:var(--indigo-400)}
html.dark .dark\:hover\:text-indigo-300:hover{color:var(--indigo-300)}
.hover\:text-indigo-300:hover{color:var(--indigo-300)}
.hover\:bg-gray-100:hover{background-color:var(--gray-100)}
.hover\:bg-gray-200:hover{background-color:var(--gray-200)}
.hover\:bg-red-500\/20:hover{background-color:rgba(239,68,68,.2)}
html.dark .dark\:hover\:bg-gray-700:hover{background-color:var(--gray-700)}
html.dark .dark\:hover\:bg-gray-800:hover{background-color:var(--gray-800)}
.hover\:border-indigo-500:hover{border-color:var(--indigo-500)}
.group:hover .group-hover\:text-indigo-500{color:var(--indigo-500)}
.accent-indigo-500{accent-color:var(--indigo-500)}
.placeholder-gray-600::placeholder{color:var(--gray-600)}
.whitespace-pre-wrap{white-space:pre-wrap}
.resize-y{resize:vertical}
.select-none{user-select:none}
.leading-none{line-height:1}
.leading-snug{line-height:1.375}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}
.border-2{border-width:2px;border-style:solid}
.border-l{border-left-width:1px;border-style:solid}
.border-y{border-top-width:1px;border-bottom-width:1px;border-style:solid}
.z-30{z-index:30} .z-40{z-index:40} .z-60{z-index:60}
.left-1\/2{left:50%}
.-top-3{top:-0.75rem}
.-translate-x-1\/2{transform:translateX(-50%)}
.text-\[11px\]{font-size:11px}
.max-h-\[90vh\]{max-height:90vh}

@media (min-width:640px){
  .sm\:col-span-2{grid-column:span 2/span 2}
  .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sm\:inline-flex{display:inline-flex}
  .sm\:items-center{align-items:center}
  .sm\:justify-between{justify-content:space-between}
  .sm\:p-6{padding:1.5rem}
  .sm\:py-28{padding-top:7rem;padding-bottom:7rem}
  .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .sm\:text-5xl{font-size:3rem;line-height:1}
  .sm\:text-8xl{font-size:6rem;line-height:1}
  .sm\:w-auto{width:auto}
}
@media (min-width:768px){
  .md\:col-span-1{grid-column:span 1/span 1}
}
@media (min-width:1024px){
  .lg\:col-span-2{grid-column:span 2/span 2}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:ml-64{margin-left:16rem}
  .lg\:text-6xl{font-size:3.75rem;line-height:1}
  .lg\:translate-x-0{transform:translateX(0)}
}
.text-7xl{font-size:4.5rem;line-height:1}

/* PATCH v1.2: installer-page gaps found in final audit */
.bg-gray-950\/60{background-color:rgba(3,7,18,.6)}
.h-0\.5{height:0.125rem}
.right-1\/2{right:50%}
.text-amber-200{color:#fde68a}
.text-red-200{color:#fecaca}