.shape-lab{gap:1rem;min-inline-size:0;display:grid}.shape-lab label,.shape-lab fieldset{overflow-wrap:anywhere;min-inline-size:0}.shape-lab .mt-input{inline-size:100%;margin-block-start:.5rem;display:block}.shape-lab .shape-check{align-items:center;gap:.75rem;min-block-size:44px;display:flex}.shape-check input{flex:none}.shape-corners{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.shape-lab fieldset{padding:0}.shape-lab input[type=range]{min-block-size:44px;inline-size:100%;display:block}.shape-lab svg{block-size:auto;inline-size:200px;max-inline-size:100%}.shape-lab p,.shape-lab summary,.shape-lab code{overflow-wrap:anywhere}.shape-lab pre{white-space:pre-wrap}.shape-lab summary{min-block-size:44px}.shape-lab [data-shape-toggle]{white-space:normal;block-size:auto;min-block-size:44px;padding-block:.75rem}.shape-lab [data-shape-surface]{border:2px solid var(--color-muted-foreground);background:var(--color-card);color:var(--color-card-foreground);transition-property:border-start-start-radius,border-start-end-radius,border-end-start-radius,border-end-end-radius;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-out);padding:16px}.shape-lab [data-shape-surface] h3{color:inherit;font-weight:600}@media (prefers-reduced-motion:reduce){.shape-lab [data-shape-surface]{transition-property:none}}@media (forced-colors:active){.shape-lab [data-shape-surface]{border-color:canvastext}.shape-lab svg rect,.shape-lab svg path{stroke:canvastext}}