.htt>:not(:last-child){margin-block-end:1rem}.htt-intro>:not(:last-child){margin-block-end:.5rem}.htt-title{letter-spacing:-.025em;font-size:1.5rem;font-weight:900;line-height:2rem}.htt-accent{color:oklch(78.9% .154 211.53)}.htt-code{color:oklch(86.5% .127 207.078)}.htt-desc{color:oklch(70.4% .04 256.788);font-size:.875rem;line-height:1.25rem}.htt-controls>:not(:last-child){margin-block-end:.5rem}.htt-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.htt-zoom-row{align-items:center;gap:.75rem;display:flex}.htt-eyebrow{text-transform:uppercase;letter-spacing:.025em;color:oklch(55.4% .046 257.417);font-size:.75rem;font-weight:600;line-height:1rem}.htt-dim{color:oklch(55.4% .046 257.417);font-size:.75rem;line-height:1rem}.htt-zoom{cursor:pointer;accent-color:oklch(78.9% .154 211.53);width:16rem;max-width:100%;height:.375rem}.htt-shape-btn{border:1px solid;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.htt-shape-btn[data-active]{color:oklch(91.7% .08 205.041);background-color:oklab(71.5% -.116822 -.0824726/.15);border-color:oklab(71.5% -.116822 -.0824726/.6)}.htt-shape-btn:not([data-active]){color:oklch(86.9% .022 252.894);background-color:oklab(27.9% -.00709772 -.040381/.6);border-color:oklch(37.2% .044 257.287)}@media (hover:hover){.htt-shape-btn:not([data-active]):hover{background-color:oklch(37.2% .044 257.287)}}.htt-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (width>=1024px){.htt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.htt-figure>:not(:last-child){margin-block-end:.375rem}.htt-stage{background-color:#000;border:1px solid oklch(27.9% .041 260.031);border-radius:.75rem;width:100%;height:70vh;position:relative;overflow:hidden}.htt-canvas{width:100%;height:100%;position:absolute;inset:0}.htt-diag{background-color:oklch(12.9% .042 264.695);border:1px solid oklch(27.9% .041 260.031);border-radius:.75rem;height:70vh;padding:1.25rem;font-size:.875rem;line-height:1.25rem;overflow:auto}.htt-muted{color:oklch(55.4% .046 257.417)}.htt-list>:not(:last-child){margin-block-end:.75rem}.htt-pill{border-radius:.25rem;padding:.125rem .5rem;font-weight:600}.htt-pill[data-tone=cyan]{color:oklch(91.7% .08 205.041);background-color:oklab(71.5% -.116822 -.0824726/.15)}.htt-pill[data-tone=rose]{color:oklch(81% .117 11.638);background-color:oklab(64.5% .235944 .0696166/.15)}.htt-pill[data-tone=slate]{color:oklch(70.4% .04 256.788);background-color:oklch(27.9% .041 260.031)}.htt-capture{color:oklch(91.7% .08 205.041);font-weight:600}.htt-note{color:oklch(55.4% .046 257.417);margin-left:.5rem;font-size:.75rem;line-height:1rem}.htt-kbd{color:oklch(86.9% .022 252.894)}.htt-lines>:not(:last-child){margin-block-end:.25rem}.htt-line{color:oklch(86.9% .022 252.894)}.htt-trace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.25}.htt-trace>:not(:last-child){margin-block-end:.125rem}.htt-trace-line{white-space:pre;color:oklch(86.9% .022 252.894)}.htt-kv{grid-template-columns:140px 1fr;gap:.75rem;display:grid}.htt-value{color:oklch(92.9% .013 255.508)}