.case-bar{max-width:44rem;font-family:var(--mono);margin:0 auto;padding:1.25rem 1.25rem 0;font-size:.875rem}.case-bar a{padding:.35rem 0;display:inline-block}.case #top{padding-top:3rem}.prose{gap:1rem;margin-top:1rem;display:grid}.prose p,.points li{max-width:38rem}.points{gap:.75rem;display:grid}.points li{border-left:2px solid var(--line);padding-left:1rem}.points strong{color:var(--text)}.stack{gap:.75rem;margin:1.25rem 0 0;display:grid}.stack div{gap:.15rem;display:grid}.stack dt{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.8125rem}.stack dd{margin:0}.snap-demo{margin:1.75rem 0 0}.snap-frame{box-sizing:content-box;aspect-ratio:640/400;border:1px solid var(--line);-webkit-user-select:none;user-select:none;background:#0a0b0f;border-radius:4px;width:calc(100% - 2px);position:relative;overflow:hidden}.snap-art{background:radial-gradient(circle at 72% 30%,#ffd27a 0 6%,#0000 6.5%),linear-gradient(#2a2f6b 0%,#b4527a 48%,#f39a5a 62%,#2b1f3a 62.5%,#18142a 100%);position:absolute;inset:0}.snap-bleed{pointer-events:none;outline:2px dashed #ffffffbf;position:absolute;inset:6% 3.75%;box-shadow:0 0 0 999px #08090e9e}.snap-sel{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 1px #00000080;color:var(--bg);font-family:var(--mono);touch-action:none;background:#ffb5471f;place-items:start;padding:.35rem .5rem;font-size:.8125rem;font-weight:700;display:grid;position:absolute}.snap-sel span{background:var(--accent);border-radius:2px;padding:0 .35rem}.is-live .snap-sel{cursor:grab}.is-live .snap-sel.is-dragging{cursor:grabbing;background:#ffb54733}.snap-sel:focus-visible{outline-offset:2px;outline:3px solid #fff}.snap-guide{pointer-events:none;position:absolute}.snap-guide:before{content:"";background:repeating-linear-gradient(var(--dir), #5ef2ff 0 6px, transparent 6px 10px);position:absolute}.snap-guide-x{--dir:180deg;width:0;top:0;bottom:0}.snap-guide-x:before{width:2px;top:0;bottom:0;left:-1px}.snap-guide-y{--dir:90deg;height:0;left:0;right:0}.snap-guide-y:before{height:2px;top:-1px;left:0;right:0}.snap-guide[hidden]{display:none}.snap-controls{font-family:var(--mono);flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;margin-top:.75rem;font-size:.875rem;display:flex}.snap-controls[hidden]{display:none}.snap-controls label{cursor:pointer;align-items:center;gap:.5rem;padding:.35rem 0;display:inline-flex}.snap-controls input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.snap-status{color:var(--muted);flex-basis:100%;display:grid}.snap-status>*{grid-area:1/1}.snap-status-sizer{visibility:hidden}.snap-demo figcaption{color:var(--muted);max-width:38rem;margin-top:.5rem;font-size:.9375rem}@media (width>=720px){.case-bar{padding-inline:2rem}}