:root{--cloth-color-normal:var(--draw-color-primary);--cloth-color-stress:var(--color-red);--cloth-color-pin:var(--color-yellow)}.cloth-controls{display:flex;flex-flow:row nowrap;justify-content:center;gap:.5rem}.cloth-controls button{border:none;background:0 0;font:inherit;color:inherit;cursor:pointer}.cloth-controls .is-play{display:block}.cloth-controls .is-pause{display:none}.cloth-controls.is-running .is-play{display:none}.cloth-controls.is-running .is-pause{display:block}.cloth-options{display:flex;flex-flow:column nowrap;gap:calc(var(--layout-spacing) * .75)}.cloth-options fieldset{border:none;padding:0;margin:0}.cloth-options fieldset legend{font-weight:600;margin-bottom:.5rem}.cloth-options .option{display:flex;flex-flow:column nowrap;margin-bottom:.5rem}.cloth-options .option label{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.25rem}.cloth-options .option label span{text-align:right;font-family:monospace;color:var(--draw-color-primary)}.cloth-options .option input[type=range]{width:100%;height:6px;background:var(--draw-color-surface);border-radius:3px;cursor:pointer;accent-color:var(--draw-color-primary)}.cloth-options .option input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--draw-color-primary);cursor:pointer;margin-right:.5rem}.cloth-stats dl{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem}.cloth-stats dl dt{color:var(--text-color-secondary);font-size:.875rem}.cloth-stats dl dd{font-family:monospace;text-align:right;color:var(--text-color-primary)}.cloth-help{margin-top:1rem;font-size:.8rem;color:var(--text-color-secondary);text-align:center}