.hex>:not(:last-child){margin-block-end:1rem}.hex-intro>:not(:last-child){margin-block-end:.5rem}.hex-plain-intro{padding-top:1.5rem}.hex-title{letter-spacing:-.025em;font-size:1.5rem;font-weight:900;line-height:2rem}.hex-subtitle{letter-spacing:-.025em;font-size:1.25rem;font-weight:700;line-height:1.75rem}.hex-accent{color:oklch(78.9% .154 211.53)}.hex-code{color:oklch(86.5% .127 207.078)}.hex-desc{color:oklch(70.4% .04 256.788);font-size:.875rem;line-height:1.25rem}.hex-muted{color:oklch(55.4% .046 257.417)}.hex-badge{font-weight:700}.hex-badge[data-tone=webgpu]{color:oklch(76.5% .177 163.223)}.hex-badge[data-tone=webgl2]{color:oklch(82.8% .189 84.429)}.hex-stage{background-color:#000;border:1px solid oklch(27.9% .041 260.031);border-radius:.75rem;width:100%;height:60vh;position:relative;overflow:hidden}.hex-stage-plain{border:1px solid oklch(27.9% .041 260.031);border-radius:.75rem;width:100%;height:50vh;position:relative;overflow:hidden}.hex-fill{position:absolute;inset:0}.hex-panel{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=768px){.hex-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}.hex-group{background-color:oklab(12.9% -.0038832 -.0418201/.6);border:1px solid oklch(27.9% .041 260.031);border-radius:.75rem;min-width:0;padding:1rem}.hex-group-title{letter-spacing:.05em;color:oklch(86.5% .127 207.078);text-transform:uppercase;background-color:oklch(20.8% .042 265.755);border:1px solid oklch(37.2% .044 257.287);border-radius:.375rem;padding:.25rem .625rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:700;line-height:1rem}.hex-controls{color:oklch(86.9% .022 252.894);grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;display:grid}.hex-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.hex-value{color:oklch(70.4% .04 256.788)}.hex-range{width:100%;min-width:0}.hex-check-field{align-self:flex-end;align-items:center;gap:.5rem;min-width:0;padding-bottom:.25rem;display:flex}.hex-bench{color:oklch(86.9% .022 252.894);background-color:oklab(12.9% -.0038832 -.0418201/.6);border:1px solid oklch(27.9% .041 260.031);border-radius:.75rem;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.5rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;display:flex}.hex-knob{flex-direction:column;gap:.25rem;display:flex}.hex-select{background-color:oklch(20.8% .042 265.755);border:1px solid oklch(37.2% .044 257.287);border-radius:.25rem;padding:.25rem .5rem}