.form{width:100%;width:min(var(--reading-max,800px),100%);max-width:var(--reading-max,800px);margin-bottom:var(--paragraph-bottom,24px);font-family:var(--font-serif);font-weight:var(--fw-regular);font-size:var(--fs-lg);line-height:var(--lh-normal)}.form:last-child{margin-bottom:0}.form{margin:0;gap:6px;align-items:center;display:flex}.form input{flex-grow:1}.form span{margin:0 12px;width:36px;text-align:left}#play-pause{margin-right:12px}.canvas{position:relative;width:min(var(--reading-max,800px),100%);max-width:var(--reading-max,800px);aspect-ratio:1/1;margin-top:24px;background:#fff}.canvas .line{width:100%;height:var(--thickness,1px);background:#212121;border-radius:0}.canvas::after{content:"";z-index:0;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform-origin:center center;transform:rotate(var(--rotation))}#control,#variant{position:absolute;top:0;left:0;height:100%;width:100%;display:grid;gap:var(--thickness,1px);grid-template-rows:repeat(var(--height),var(--thickness,1px));grid-template-columns:1fr;z-index:1}#variant{transform-origin:center center;transform:rotate(var(--rotation));transition-duration:0s}