.sew-inline{margin-top:1.4rem}.sew-chart{box-shadow:0 0 0 1px var(--hair), 0 26px 50px -36px #16140f4d;background:#16140f09;border-radius:1.1rem;margin:0;padding:.35rem}.sew-chart-in{background:var(--paper-hi);border-radius:.8rem;padding:.7rem .8rem .4rem;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.sew-chart canvas{width:100%;display:block}.sew-scrub{box-shadow:0 0 0 1px var(--hair);background:#16140f09;border-radius:1.1rem;margin-top:1.2rem;padding:.35rem}.sew-scrub>*{background:var(--paper-hi)}.sew-scrub-top{border-radius:.8rem .8rem 0 0;align-items:center;gap:.8rem;padding:.55rem .7rem .3rem;display:flex}.sew-track{border-radius:0 0 .8rem .8rem;padding:.6rem .9rem .9rem;position:relative}.sew-play{background:var(--ink);color:var(--paper-hi);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .85rem .35rem .4rem;font-size:.85rem;transition:transform .35s cubic-bezier(.32,.72,0,1);display:inline-flex}.sew-play:active{transform:scale(.98)}.sew-play-i{background:#ffffff24;border-radius:50%;grid-auto-flow:column;place-content:center;gap:3px;width:1.5rem;height:1.5rem;display:inline-grid}.sew-play-i i{background:currentColor;border-radius:1px;width:2.5px;height:.6rem}.sew-play[aria-pressed=false] .sew-play-i i:first-child{background:0 0;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid;border-radius:0;width:0;height:0;margin-left:2px}.sew-play[aria-pressed=false] .sew-play-i i:last-child{display:none}.sew-step{color:var(--ink);letter-spacing:.02em;font-size:.8rem}.sew-marks{pointer-events:none;height:.5rem;position:absolute;top:.45rem;left:.9rem;right:.9rem}.sew-marks i{left:var(--at);background:#16140f4d;width:1px;height:100%;position:absolute;top:0}.sew-track input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.6rem;margin:0}.sew-track input[type=range]::-webkit-slider-runnable-track{background:#16140f2e;border-radius:1px;height:2px}.sew-track input[type=range]::-moz-range-track{background:#16140f2e;height:2px}.sew-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;box-shadow:0 0 0 3px var(--paper-hi), 0 0 0 4px #16140f33;background:#9e2a1f;border-radius:50%;margin-top:-6px}.sew-track input[type=range]::-moz-range-thumb{background:#9e2a1f;border:0;border-radius:50%;width:14px;height:14px}.sew-levers{gap:.4rem;display:grid}.sew-hint{color:var(--ink-soft,#16140f99);margin:.2rem 0 .6rem;font-size:.82rem}body.sew-turning,body.sew-turning canvas{cursor:grabbing}