.lab[data-study=stitch] .st{min-height:calc(100svh - var(--lab-chrome));font-family:var(--lab-ui);grid-template-columns:minmax(0,1fr) minmax(300px,380px);display:grid}.lab[data-study=stitch] .st-stage{height:calc(100svh - var(--lab-chrome));box-sizing:border-box;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;min-height:460px;padding:clamp(16px,3vw,40px);display:grid;position:sticky;top:0}.lab[data-study=stitch] .st-hoop{place-items:center;min-height:0;display:grid;container-type:size}.lab[data-study=stitch] .st-canvas{width:min(100cqw,100cqh);height:min(100cqw,100cqh);box-shadow:0 0 0 1px var(--lab-line),0 24px 50px -28px #0000008c;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:2px;display:block}.lab[data-study=stitch] .st-canvas[data-dragging=rope]{cursor:grabbing}.lab[data-study=stitch] .st-fallback{color:var(--lab-muted);margin:0;padding:40px clamp(16px,4vw,40px);font-size:16px}.lab[data-study=stitch] .st-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:420px;margin:0 auto;display:grid}.lab[data-study=stitch] .st-stat{border:1px solid var(--lab-line);background:color-mix(in srgb,var(--lab-panel)80%,transparent);gap:6px;min-width:0;padding:10px 12px;display:grid}.lab[data-study=stitch] .st-stat dt{color:var(--lab-muted);font:500 12px/1 var(--lab-ui);letter-spacing:.12em;text-transform:uppercase}.lab[data-study=stitch] .st-stat dd{color:var(--lab-text);font:500 15px/1.2 var(--lab-mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.lab[data-study=stitch] .st-stat-total{color:var(--lab-muted);font-size:12px}.lab[data-study=stitch] .st-hint{max-width:60ch;color:var(--lab-muted);font:14px/1.45 var(--font-literata),Georgia,serif;text-align:center;margin:0 auto}.lab[data-study=stitch] .st-panel{border-left:1px solid var(--lab-stroke);background:var(--lab-panel);align-content:start;gap:26px;padding:24px clamp(16px,2.4vw,28px) 32px;display:grid}.lab[data-study=stitch] .st-section{gap:12px;min-width:0;display:grid}.lab[data-study=stitch] .st-section .drawer-label{margin:0}.lab[data-study=stitch] .st-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lab[data-study=stitch] .st-buttons .drawer-pill{padding-inline:8px}.lab[data-study=stitch] .drawer-pill:disabled{cursor:default;opacity:.4}.lab[data-study=stitch] .st-segmented{grid-template-columns:repeat(var(--count),1fr);-webkit-backdrop-filter:none;backdrop-filter:none}.lab[data-study=stitch] .st-segmented .lab-modes-thumb{width:calc((100% - 8px)/var(--count))}.lab[data-study=stitch] .st-segmented button{letter-spacing:.03em;min-width:0;font-size:14px}.lab[data-study=stitch] .st-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.lab[data-study=stitch] .st-choice,.lab[data-study=stitch] .st-thread{border:1px solid var(--lab-stroke);background:var(--lab-field);min-width:0;color:var(--lab-text);font:600 15px/1.1 var(--lab-ui);letter-spacing:.03em;text-align:left;cursor:pointer;align-items:center;gap:10px;padding:9px 10px;display:flex}.lab[data-study=stitch] .st-choice[aria-pressed=true],.lab[data-study=stitch] .st-thread[aria-pressed=true]{border-color:var(--lab-accent);background:var(--lab-accent);color:var(--lab-on-accent)}.lab[data-study=stitch] .st-choice-mark{fill:currentColor;flex:none;width:24px;height:24px}.lab[data-study=stitch] .st-threads{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lab[data-study=stitch] .st-swatch{border:4px solid var(--cloth);background:var(--swatch);width:20px;height:20px;box-shadow:0 0 0 1px var(--lab-stroke);box-sizing:border-box;border-radius:50%;flex:none}.lab[data-study=stitch] .st-note{color:var(--lab-muted);font:14px/1.45 var(--font-literata),Georgia,serif;margin:0}.lab[data-study=stitch] .st-status{min-height:1.2em;color:var(--lab-muted);font:13px/1.3 var(--lab-mono);margin:0}.lab[data-study=stitch] .st-status:empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:860px){.lab[data-study=stitch] .st{grid-template-columns:minmax(0,1fr)}.lab[data-study=stitch] .st-stage{border-bottom:1px solid var(--lab-stroke);height:auto;min-height:0;padding:16px 16px 20px;position:static}.lab[data-study=stitch] .st-hoop{container-type:inline-size}.lab[data-study=stitch] .st-canvas{width:min(100cqw,72svh);height:min(100cqw,72svh)}.lab[data-study=stitch] .st-panel{border-left:0;padding-inline:16px}}