body:has(.env)>:is(main,footer){width:min(100%,50rem)}.env{margin-top:1.5rem}.env-sizes{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.env-sizes .button{display:inline-flex;align-items:center;gap:.45rem}.shape{width:calc(.95rem * var(--r, 1));height:.95rem;border:1.5px solid currentColor;border-radius:2px}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem 1rem;margin-bottom:.75rem}@media(max-width:36rem){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.fields label{display:grid;gap:.3rem;align-content:start;color:var(--muted);font-size:.8125rem;font-weight:600}.fields .input{width:100%;height:2.25rem;padding:0 .6rem;border-radius:7px;font-size:.9375rem;font-weight:400}.fields .input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.fields input{font-variant-numeric:tabular-nums}.env-status{min-height:1.5em;margin:.25rem 0 0;color:var(--muted)}.env-out{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem;align-items:start}@media(max-width:40rem){.env-out{grid-template-columns:minmax(0,1fr)}}.env-out dl{margin:0 0 1rem}.env-out dl>div{padding:.6rem 0;border-bottom:1px solid var(--line)}.env-out dl>div:first-child{padding-top:0}.env-out dt{color:var(--muted)}.env-out dd{margin:0;color:var(--heading);font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums}.env-out small{display:block;color:var(--muted);font-size:.8125rem;font-weight:400}.env-steps h2{margin:2rem 0 .5rem;font-size:1.1rem}.env-steps li{margin-bottom:.2rem}.env-step{display:block;width:100%;padding:.2rem .4rem;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color .15s}.env-step:hover{background:var(--code-bg)}.env-step[aria-pressed=true]{background:color-mix(in srgb,var(--link) 12%,var(--bg));color:var(--heading)}.env-sheet{position:relative;margin:0;padding:2.75rem 1.25rem 1rem;border-radius:14px;background:radial-gradient(circle at 50% 35%,light-dark(#fff3e0,#3a2418),transparent 70%),var(--code-bg)}.env-sheet svg{display:block;width:100%;height:auto;overflow:visible}.env-sheet :is(line,polyline,polygon,rect){vector-effect:non-scaling-stroke}.env-sheet .inside{fill:color-mix(in srgb,var(--link) 16%,var(--bg))}.env-sheet .flap{fill:color-mix(in srgb,var(--text) var(--shade, 0%),var(--bg));stroke:var(--control-border);stroke-linejoin:round}.env-sheet .flap.back{fill:color-mix(in srgb,var(--text) var(--shade, 0%),color-mix(in srgb,var(--link) 5%,var(--bg)))}.env-sheet .glue{fill:light-dark(#f2c94c,#b8932c)}.env-sheet .card{fill:none;stroke:var(--text);stroke-width:1.25;stroke-dasharray:4 3}.env-sheet .cut{fill:color-mix(in srgb,var(--text) 14%,var(--bg));stroke:var(--text);stroke-width:1.25;stroke-dasharray:3 2}.env-sheet .label{fill:var(--muted);font-size:calc(var(--f) * .8);font-weight:500}.env-sheet .fold{stroke:var(--link);stroke-width:1.5;stroke-dasharray:7 4}.env-sheet .edge{fill:none;stroke:var(--control-border);stroke-width:1.5}.env-sheet .frame{fill:none;stroke:var(--muted);stroke-dasharray:1 3}.env-sheet .dim{stroke:var(--muted)}.env-sheet .mark{fill:var(--link)}.env-sheet text{fill:var(--text);font:600 var(--f) var(--font-ui);text-anchor:middle}.env-sheet figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin-top:.75rem;color:var(--muted);font-size:.8125rem}.env-sheet figcaption span:before{content:"";display:inline-block;width:1.1rem;margin-right:.35rem;vertical-align:middle;border-top:2px dashed var(--link)}.env-sheet figcaption .key-card:before{border-top:1px dashed var(--muted)}.env-sheet figcaption .key-cut:before{height:.7rem;border:1px dashed var(--text);border-radius:2px;background:color-mix(in srgb,var(--text) 14%,var(--bg))}.env-sheet figcaption .key-glue:before{height:.7rem;border:0;border-radius:2px;background:light-dark(#f2c94c,#b8932c)}.env-sheet figcaption .key-inside:before{height:.7rem;border:0;border-radius:2px;background:color-mix(in srgb,var(--link) 16%,var(--bg))}.env-sheet [data-part]{transition:opacity .2s}.env-sheet [data-focus] [data-part]{opacity:.2}.env-sheet [data-focus] .measure{opacity:0}.env-sheet :is([data-focus=paper] [data-part=paper],[data-focus=frame] [data-part=frame],[data-focus=mark] [data-part=mark],[data-focus=fold] [data-part=fold],[data-focus=cut] [data-part=cut],[data-focus=trim] [data-part=trim],[data-focus=flaps] [data-part=flaps]){opacity:1}.env-sheet [data-focus=fold] .fold{stroke-width:2.5}.env-sheet [data-focus=frame] .frame{stroke:var(--link);stroke-width:2;stroke-dasharray:4 3}.env-sheet .trace{fill:none;stroke:var(--link);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.env-sheet :is([data-focus=cut] [data-part=cut],[data-focus=trim] [data-part=trim]){fill:color-mix(in srgb,var(--link) 35%,var(--bg))}.env-sheet [data-focus=paper] .edge{stroke:var(--link);stroke-width:2.5}.env-walk{position:relative;display:flex;align-items:center;gap:.75rem;margin-top:1rem}.env-now-old{position:absolute;pointer-events:none}.env-walk .button{flex:none;width:2.25rem;height:2.25rem;padding:0;background:var(--bg)}.env-walk .button:disabled{opacity:.4;cursor:default;scale:none}.env-now{flex:1;min-height:4.5em;margin:0;color:var(--text);font-size:.875rem;line-height:1.5}.env-fold{position:absolute;top:.75rem;right:.75rem;padding:.15rem .7rem;background:var(--bg);font-size:.8125rem}.env-fold[data-folded] .closed,.env-fold:not([data-folded]) .open{display:none}.env-for{margin:1.5rem 0 0;color:var(--muted);font-size:.875rem}@media(prefers-reduced-motion:reduce){.env-step,.env-sheet [data-part]{transition:none}}